Đánh giá Vue Storefront – Mọi thứ bạn cần biết

Tương lai là đây!

Được rồi, hãy tạm gác mọi thứ lại và lắng nghe điều này. Hãy tưởng tượng một ứng dụng thương mại điện tử miễn phí có thể cải thiện đáng kể trải nghiệm người dùng và thứ hạng SEO của cửa hàng trực tuyến của bạn. Một hệ thống mang tính cách mạng linh hoạt đến mức có thể chạy thoải mái trên bất kỳ nền tảng thương mại điện tử nào.

Một chút căng thẳng, bạn nghĩ sao?

Vâng, tôi biết điều đó nghe như thế nào vì tôi cũng đã từng ở đó. Chà, ít nhất là cho đến khi cuối cùng tôi đã thử thứ điên rồ này mà họ gọi là Ứng dụng web lũy tiến hay gọi tắt là PWA.

Hiện tại, có nhiều lý do chính đáng khiến các doanh nghiệp ngày càng yêu thích PWA. Tôi sẽ tiết lộ tất cả chúng trong thời gian ngắn. Tuy nhiên, bây giờ, hãy cho phép tôi giới thiệu một ứng dụng cụ thể sẽ giúp bạn hiểu toàn bộ khái niệm tận dụng PWA.

Bạn đã bao giờ nghe nói về Vue Storefront chưa?

Đây là một ứng dụng thương mại điện tử mới, nhưng kiến ​​trúc của nó không giống với những gì chúng ta đã quen. Và đây là thỏa thuận- Vue Storefront tình cờ trở thành PWA lớn nhất và hoàn thiện nhất cho đến nay.

Nhưng điều đó có ý nghĩa gì đối với thương mại điện tử?

T Mặt tiền cửa hàng Vue Bài đánh giá tiết lộ mọi thứ bạn cần biết- Ứng dụng web lũy tiến là cái quái gì, Vue Storefront được kết nối với tất cả những thứ đó như thế nào, cộng với tất nhiên là các tính năng và khả năng thương mại điện tử đi kèm của nó.

Ứng dụng web tiến bộ là gì? 

Hãy nhớ khi chúng tôi nói điện thoại di động hầu như không bắt đầu? Hóa ra chúng ta đã đúng từ lâu. Và đây là bằng chứng.

Điện thoại di động xuất hiện đầu tiên và sau đó nó đã giới thiệu cho chúng ta các ứng dụng dành cho thiết bị di động. Sau đó, theo thời gian, các ứng dụng bắt đầu hợp nhất với nền tảng PC và web khi các nhà phát triển tiếp tục cải thiện trải nghiệm người dùng để khiến nó trở nên liền mạch hơn.

Những tiến bộ ngày càng tăng trong tất cả các lĩnh vực này hiện đã đưa chúng ta đến bờ vực của thương mại điện tử thực sự mang tính cách mạng. Nói cách khác, chào mừng đến với thời đại của PWA.

Giờ đây, Ứng dụng web lũy tiến cung cấp những gì tốt nhất của cả hai thế giới - ứng dụng web và thiết bị di động. Cụ thể hơn, PWA được xây dựng trên các công nghệ web điển hình, với một số tính năng javascript mới nhất đóng vai trò bổ trợ. Kết quả cuối cùng là một ứng dụng web có tính trực quan tổng thể gần giống với ứng dụng iOS hoặc Android gốc.

Hãy xem điều này Starbucks website. Bạn có nhận thấy điều gì bất thường so với các trang web thông thường không? Bây giờ, hãy thử tải lại nhưng từ điện thoại di động của bạn.

Có vẻ như nó hoạt động giống như một ứng dụng gốc, phải không? Mượt mà, liền mạch và nhanh đến mức đáng kinh ngạc. Vâng, đúng là sức mạnh của PWA.

Và điều này có liên quan như thế nào đến thương mại điện tử?

Vâng, hãy xem xét điều này. Ứng dụng web lũy tiến thường lưu giữ dữ liệu thiết bị của người dùng và các tệp đã tải xuống trong bộ đệm. Về cơ bản, điều đó có nghĩa là dữ liệu sẽ được cung cấp ngay lập tức ngay khi có yêu cầu từ thiết bị.

Và phần tốt nhất? Bạn có thể cá rằng tốc độ tải trang luôn cực nhanh, ngay cả khi bạn đang xử lý tốc độ Internet cực chậm.

Toàn bộ khung được hỗ trợ bởi một nhân viên dịch vụ, về cơ bản hoạt động như một cầu nối giữa máy chủ và ứng dụng. Do đó, để xử lý một yêu cầu, nó tận dụng dữ liệu đã được lưu trong bộ đệm của thiết bị đồng thời đồng bộ hóa mọi thứ với dữ liệu máy chủ tương ứng.

Sau đó, nhờ một tệp JSON đơn giản được gọi là Bản kê khai ứng dụng web, Ứng dụng web lũy tiến thường hiển thị toàn màn hình để mang lại trải nghiệm sống động liên tục. Tính năng nhỏ này về cơ bản tương tác với trình duyệt của bạn và hướng dẫn nó hiển thị ứng dụng web thông qua giao diện giống như các ứng dụng trên điện thoại thông minh.

Và đó không phải là tất cả. Nhân viên dịch vụ bộ nhớ đệm kết hợp với API Push và công nghệ trình duyệt tiên tiến đã giúp bạn có thể cài đặt PWA trực tiếp vào màn hình chính trên thiết bị của mình. Do đó, bạn có thể tiếp tục sử dụng nó ngay cả khi thiết bị của bạn ngoại tuyến. Ngoài ra, PWA cũng có thể nhận được thông báo đẩy.

Bây giờ, đoán xem? Google đã đi đầu trong Ứng dụng web tiến bộ ngay từ đầu, cùng với Mozilla cộng với Microsoft.

Và sau khi thử đi thử lại toàn bộ mọi thứ trên nhiều dự án, đây là những gì họ kết luận về Ứng dụng web lũy tiến:

• Họ đáng tin cậy– PWA có khả năng tải cực nhanh ngay cả trong điều kiện mạng kém, nhờ nhân viên dịch vụ của họ lưu trước các tài nguyên quan trọng vào bộ nhớ đệm.
• Họ rất nhanh – PWA thật đáng ngưỡng mộ responsive khi bạn tương tác với họ. Họ liên tục duy trì hình ảnh động sắc nét và cuộn mượt mà.
• Họ đang tham gia –Trải nghiệm người dùng ở đây chắc chắn là khá hấp dẫn. PWA hoạt động giống như các ứng dụng di động gốc trên trình duyệt và chúng có thể dễ dàng được nhúng vào màn hình chính của bạn. Ngoài ra, nếu bạn cần thu hút lại người dùng đang chạy PWA của mình, bạn luôn có thể gửi thông báo đẩy.

Một công ty đã tận mắt nhìn thấy những lợi ích này là Vật liệu cháy khô. Trước đây, thời gian tải ứng dụng trung bình của họ là 11.91 giây. Tuy nhiên, sau khi giới thiệu phiên bản PWA nhẹ hơn 90% so với ứng dụng Android gốc của họ, thời gian tải đã giảm đáng kể. Và kết quả là mức độ tương tác của người dùng của họ tăng lên khá đáng kể.

Nếu điều đó không thuyết phục được bạn, có thể Uber' câu chuyện sẽ. Bằng cách tận dụng sức mạnh của PWA, công ty đã có thể tạo ra một ứng dụng có tốc độ tải cao ngay cả trên 2G. Và thời gian tải tương ứng của nó? Chà, PWA 50kb của họ liên tục tải trong vòng chưa đầy 3 giây.

Bây giờ, chúng tôi hầu như không làm trầy xước bề mặt ở đây. Chúng còn nhiều nữa câu chuyện thành công từ nhiều thương hiệu khác nhau. Tất cả là nhờ vào khả năng mang tính cách mạng của Progressive Web Apps.

Như đã nói, bây giờ chúng ta hãy đi đến phần thực tế.

Vì vậy, chính xác là Mặt tiền cửa hàng Vue?

Đánh giá Vue Storefront – Tổng quan

Vue Storefront, đối với người mới bắt đầu, là một Ứng dụng web tiến bộ mã nguồn mở được phát triển cho các doanh nghiệp trực tuyến. Mục tiêu chính của nó là giúp các doanh nghiệp và thương nhân kỹ thuật số nâng cao mức độ trải nghiệm của khách hàng.

Rất may, bạn không cần hệ thống thương mại điện tử chuyên dụng để sử dụng Vue Storefront. Vì toàn bộ khung của nó được xây dựng bằng kiến ​​trúc Headless nên bạn có thể thiết lập tích hợp phụ trợ của riêng mình. Nói tóm lại, điều đó có nghĩa là Vue Storefront là một ứng dụng linh hoạt toàn diện có khả năng tích hợp với bất kỳ nền tảng thương mại điện tử nào để hoạt động như một giao diện người dùng.

Cho đến nay, các nhà phát triển của nó đã tích hợp nó với Magento, Thương mại Spree, Sylius, và Shopify, Nhóm Vue Storefront Core, phối hợp chặt chẽ với Nhóm Shopware, đã phát triển tích hợp Shopware PWA gốc và Vue Storefront trở thành một phần quan trọng của Công cụ tăng tốc thương mại như một giao diện người dùng nguồn mở, được đề xuất cho các công cụ thương mại và là thành viên của Mach Alliance—nhóm của các công ty công nghệ được thành lập bởi commercetools, Contentstack, EPAM Systems và Valtech—để truyền bá kiến ​​thức về tiềm năng của công nghệ không đầu.

Và xem xét nó được hỗ trợ bởi hơn 70 đối tác chính thức, hơn 100 dự án trực tiếp một cộng đồng rộng lớn gồm hơn 3000 các nhà phát triển, bạn có thể mong đợi các tích hợp bổ sung sẽ sớm được triển khai. Có vẻ như Vue Storefront chỉ mới bắt đầu.

Nhưng một lần nữa, mặc dù tốc độ đổi mới của họ rất đáng khen ngợi nhưng bạn không cần phải đợi nhóm của Vue Storefront đưa ra giải pháp tích hợp cho nền tảng thương mại điện tử hiện tại của mình. PWA này về cơ bản được mã hóa trong Vue.js, và nó dựa vào Elasticsearch cho cơ sở dữ liệu của nó, cũng như Node.js khi nói đến API máy chủ.

Do đó, nếu bạn là một nhà phát triển dày dạn kinh nghiệm, tôi đoán bạn có thể nói rằng việc thiết lập giao diện người dùng mới hoàn toàn không phải là một thách thức. Tuy nhiên, trong trường hợp gặp khó khăn, Mặt tiền cửa hàng Vue đi kèm với nhiều hướng dẫn và tài liệu hỗ trợ toàn diện. Bạn có thể sử dụng tất cả những điều đó để tìm ra cách điều chỉnh mã nguồn mở của nó.

Nếu đó có vẻ là điều bạn muốn làm thì Vue Storefront có thể truy cập được trên GitHub. Và điều thú vị là cho đến nay nó đã thu hút được hơn 7,000 ngôi sao trên nền tảng này.

Được rồi, không tệ chút nào. Tuy nhiên, chính xác thì các thương nhân đang tận hưởng điều gì trên Mặt tiền cửa hàng Vue? Nó có thực sự có những tính năng có thể đẩy doanh nghiệp của bạn lên một tầm cao mới không?

Cho phép tôi trả lời điều đó bằng cách hướng dẫn bạn qua các thuộc tính khác nhau của Vue Storefront.

Đánh giá Vue Storefront – Các tính năng chính

Kinh nghiệm người dùng

Điều đầu tiên trước tiên. Xem xét trải nghiệm người dùng là trọng tâm chính ở đây, giao diện của Vue Storefront hoạt động chính xác như thế nào?

Chà, một điều bạn có thể mong đợi từ Vue Storefront là phá vỡ rào cản về thiết bị. Vì đây là một ứng dụng web nên bạn có thể khởi chạy và chạy nó trên mọi thiết bị. Điều đó có nghĩa là Vue Storefront loại bỏ thách thức phát triển nhiều ứng dụng gốc cho từng hệ điều hành của thiết bị.

Một vấn đề khác bạn có thể giải quyết thông qua Vue Storefront là sự cồng kềnh của các ứng dụng gốc. Các ứng dụng Android, iOS và PC ngày càng nặng hơn với mỗi nhà phát triển tính năng mới giới thiệu. Đó là lý do tại sao các bản cập nhật ứng dụng nổi tiếng là chiếm nhiều dung lượng bộ nhớ hơn.

Tuy nhiên, với Vue Storefront, có vẻ như chúng ta đã quay trở lại thời đại của ứng dụng Symbian. Nó sử dụng ít dữ liệu hơn nhiều so với các ứng dụng gốc.

Và điều tuyệt vời nhất là khách hàng của cửa hàng bạn không cần tải xuống bất cứ thứ gì. Họ có thể truy cập trải nghiệm gốc trực tiếp thông qua trình duyệt web của họ.

Trên thực tế, họ thậm chí không cần phải lên mạng. Mặt tiền cửa hàng Vue cho phép họ mua sắm thoải mái ngay cả khi thiết bị của họ ngoại tuyến.

Sau đó lấy cái này. Mặc dù trang web thương mại điện tử của bạn hoạt động giống như một ứng dụng gốc nhưng Google vẫn coi đó là một trang web. Vì vậy, tất nhiên, cửa hàng trực tuyến của bạn sẽ được lập chỉ mục tương ứng, giống như các trang web thông thường khác.

Và đây là điều. Rất có thể trang web của bạn sẽ có lợi thế xếp hạng rất lớn so với các trang thông thường khác, vì Google có xu hướng ưu tiên những trang web có tốc độ tải nhanh. Ngoài ra, điều đáng chú ý là các công cụ tìm kiếm đang ngày càng chuyển sang ưu tiên lập chỉ mục trên thiết bị di động.

Nói về điều này, thời gian tải tốt đồng nghĩa với việc có nhiều lưu lượng truy cập hơn. Đến bây giờ, bạn có thể đã nhận thấy rằng tốc độ tải trang web kém gây ra tỷ lệ thoát cao vì người tiêu dùng internet ghét phải chờ đợi. Do đó, với lưu lượng truy cập tăng lên, bạn sẽ có thể cải thiện tỷ lệ chuyển đổi tổng thể của mình trong thời gian dài.

Một chiến thuật khác mà bạn có thể sử dụng để tăng cường hơn nữa là gửi thông báo đẩy. Vue Storefront cho phép bạn thu hút khách hàng tiềm năng bằng cách liên lạc với họ qua tin nhắn đẩy. Bạn có thể tận dụng điều đó để chạy các chương trình khuyến mãi cũng như bán kèm và bán thêm nhiều sản phẩm khác nhau.

Bắt đầu

Đội ngũ đằng sau Vue Storefront dường như đã bắt đầu với Magento bởi vì đây là một trong những nền tảng thương mại điện tử lớn nhất thế giới hiện nay. Ngoài ra, đây là một hệ thống nguồn mở kết hợp các chức năng tuyệt vời với tính linh hoạt vô hạn. Chính vì vậy trên thực tế các doanh nghiệp, doanh nghiệp đang tích cực tham gia vào Magento phong trào.

Nếu bạn là một trong số nhiều người, bạn có thể bắt đầu ngay bằng cách tận dụng Vue Storefront's Magento ứng dụng. Tuy nhiên, quá trình này không đơn giản như bạn tưởng tượng.

Lúc đầu, bạn phải dựa vào các buổi hội thảo để lên kế hoạch cho dự án của mình cho phù hợp. Điều đó có nghĩa là không chỉ xác định phạm vi dự án của bạn mà còn cả ngân sách và thời gian tương ứng.

Sau đó, tiếp theo là bằng chứng về khái niệm và mục tiêu của nó là xác nhận tác động của Vue Storefront đối với doanh nghiệp của bạn. Do đó, bạn có thể phải chạy một phiên bản ngắn gọn của Mặt tiền cửa hàng Vue framework trong khi tiến hành các thử nghiệm trải nghiệm người dùng khác nhau.

Chỉ điều đó thôi cũng có thể tỏ ra khá hữu ích khi bạn cần thuyết phục các bên liên quan đầu tư vào ứng dụng. Ngoài ra, bạn cũng sẽ có cơ hội đưa ra quyết định sáng suốt về đợt triển khai sắp tới dựa trên cách người dùng phản hồi với phiên bản cửa hàng mới.

Nhìn chung, việc chứng minh khái niệm sẽ khiến bạn mất vài tuần - nhiều nhất có thể là 4-6. Sau đó, bằng cách sử dụng dữ liệu đã thu thập, bạn có thể tiến hành triển khai phiên bản PWA đầy đủ của trang web thương mại điện tử của mình bằng Vue Storefront. Và khi thời gian trôi qua, bạn có thể dần dần làm việc với mã nguồn mở cơ bản để điều chỉnh doanh nghiệp của mình phù hợp với nhu cầu luôn thay đổi của thị trường.

Các thành phần

Mặt tiền cửa hàng Vue đi kèm với hai loại thành phần khác nhau.

Tại cơ sở, chúng tôi có Thành phần cốt lõi. Chúng được xây dựng dựa trên cấu trúc kinh doanh cơ bản của các cửa hàng trực tuyến điển hình. Vì vậy, theo một cách nào đó, chúng giúp bạn tránh khỏi rắc rối khi tạo mọi thứ từ đầu.

Điều đó có nghĩa là các thành phần cốt lõi có thể được áp dụng cho chủ đề trang web của bạn. Tất cả những gì cần làm chỉ đơn giản là tạo kiểu và xác định đánh dấu HTML đi kèm.

Và khi sử dụng nó, bạn sẽ nhận thấy rằng mỗi thành phần cốt lõi cung cấp một giao diện riêng biệt mà bạn có thể dễ dàng làm lại thông qua chủ đề của mình.

Chà, nếu bạn sẵn sàng thực hiện nhiệm vụ này, bạn nên tìm các thành phần cốt lõi trong thư mục thành phần của mỗi mô-đun. Sau đó, khi bạn làm như vậy, hãy áp dụng chúng vào chủ đề của bạn dưới dạng mixin.

Nói đến đây, tôi cá là bạn đã đoán được loại thành phần thứ hai rồi. Và vâng, bạn nói đúng. họ đang Thành phần chủ đề, đại diện cho bố cục giao diện người dùng cuối cùng mà bạn hiển thị trên ứng dụng.

Mặc dù bạn có thể đặt các thành phần chuyên dụng của riêng mình trong một chủ đề, nhưng phương pháp dễ nhất để áp dụng logic nghiệp vụ là luôn tận dụng các thành phần cốt lõi.

Chủ đề mặt tiền cửa hàng

Mặc dù Vue Storefront tiếp tục sử dụng các chủ đề được thiết kế sẵn nhưng bạn hoàn toàn không cần phải sử dụng chúng. Thay vào đó, bạn có thể tạo chủ đề thương mại điện tử của riêng mình rồi kết hợp chúng với logic kinh doanh cốt lõi của ứng dụng để có trải nghiệm thương mại điện tử hoàn chỉnh.

Tuy nhiên, bạn sẽ cần có kỹ năng HTML và CSS để đạt được điều đó. Hoặc cách khác, chỉ cần thuê một nhà phát triển có kinh nghiệm để xử lý toàn bộ quá trình. Vue Storefront thậm chí còn cho phép bạn tùy chỉnh thêm các thành phần cốt lõi của nó nếu cần.

Tuy nhiên, hãy nghĩ về điều đó, việc xây dựng chủ đề của riêng bạn từ đầu có vẻ như là một quá trình rườm rà. Bên cạnh đó, Mặt tiền cửa hàng Vue đi kèm với các chủ đề vững chắc của riêng mình trong src/chủ đề thư mục.

Mới nhất Chủ đề 2.0, ví dụ, đã được tạo bằng cách sử dụng Playbook bán lẻ UX của Google. Điều đó có nghĩa là trải nghiệm người dùng được tối ưu hóa tốt. Nhưng đó không phải là tất cả. Vì nó linh hoạt nên bạn có thể điều chỉnh nó theo nhiều cách khác nhau để tạo ra thiết kế chuyên biệt của riêng mình.

Tính năng thương mại điện tử

Dưới đây là một số tính năng thương mại điện tử bạn sẽ tìm thấy trên Vue Storefront:

• duyệt danh mục
• duyệt sản phẩm
• Hỗ trợ quản lý danh mục
• Các tài khoản khách hàng
• Dịch vụ khách hàng
• Quản lý đơn hàng
• Chương trình khuyến mãi tiếp thị
• Phân tích và báo cáo
• Search Engine Optimization
• Kiểm tra, thanh toán và vận chuyển

Đánh giá Vue Storefront – Giá cả

Mua lại Mặt tiền cửa hàng Vue bạn sẽ không mất gì. Thậm chí không có một xu. Chi phí chỉ bắt đầu chồng chất khi nói đến các giai đoạn tùy chỉnh tiếp theo.

Trừ khi bạn có kinh nghiệm về mã hóa, bạn sẽ buộc phải thuê một nhóm nhà phát triển để tích hợp Vue Storefront với trang web thương mại điện tử của mình, cũng như điều chỉnh các thành phần và chủ đề cốt lõi của nó.

Ai nên cân nhắc sử dụng Vue Storefront? 

Không thể phủ nhận rằng Vue Storefront là một công cụ mang tính cách mạng để cải thiện trải nghiệm người dùng của khách hàng. Và vì đây là Ứng dụng web tiến bộ nguồn mở nên nó có sẵn miễn phí cho mọi người.

Tuy nhiên, vấn đề với Vue Storefront là quá trình triển khai. Nhúng ứng dụng vào trang web thương mại điện tử của bạn là một quá trình phức tạp về mặt kỹ thuật đòi hỏi phải mã hóa nhiều. Đó chắc chắn không phải là thứ bạn có thể quản lý nếu không có kỹ năng viết mã.

Tuy nhiên, điều đó không là gì so với lợi ích của PWA. Vue Storefront rất đáng để bạn nỗ lực. Vì vậy, bạn có thể cân nhắc việc thuê một nhà phát triển có kinh nghiệm để thực hiện nó cho phù hợp. Ngoài ra, kiến ​​trúc Headless của nó làm cho nó trở thành một ứng dụng linh hoạt có thể được nhúng với bất kỳ chương trình phụ trợ nền tảng thương mại điện tử nào.

Vì vậy, nhìn chung, Mặt tiền cửa hàng Vue dành cho tất cả các loại hình kinh doanh và doanh nghiệp trực tuyến. Miễn là bạn đang điều hành một trang web thương mại điện tử, Ứng dụng web lũy tiến này rất đáng để xem xét nếu bạn muốn nâng cao trải nghiệm tổng thể của khách hàng.

Đó là một tuyên bố rõ ràng về sức khỏe của chúng tôi tại ecommerce-platforms.com. Bây giờ, chuyển sang bạn- suy nghĩ của bạn là gì?