Cách tạo Cửa hàng trực tuyến (Online Store) với WordPress và BigCommerce

0
90

Bài viết này sẽ hướng dẫn cách tạo giỏ hàng trong WordPress bằng cách sử dụng BigCommerce WordPress plugin. Có hai cách để theo dõi bài viết này: video hoặc văn bản hướng dẫn.

1. BigCommerce là gì?

BigCommerce là một nền tảng thương mại điện tử (eCommerce) cung cấp nguồn lực cho hơn 50000 doanh nghiệp vừa và nhỏ, cũng như 30000 doanh nghiệp Fortune 1000 (như Ford, Toyota, và Sony). BigCommerce là một Dịch vụ phần mềm (software as a service – SaaS) nên mọi truy cập và cấp phép được thực hiện trực tuyến. BigCommerce khác biệt bởi cách tiếp cận thương mại “không đầu” (headless), tức phần trình bày (những gì người dùng thấy) được tách biệt khỏi phần thương mại điện tử.

Trong hệ thống cửa hàng trực tuyến truyền thống, frontend (phần tương tác với người dùng) được liên kết trực tiếp với backend (phần máy chủ và cơ sở dữ liệu); nhưng đối với hệ thống headless, frontend có thể nằm ở bất kì đâu và kết nối từ xa với backend thông qua API. Frontend của BigCommerce cũng như những dịch vụ eCommerce khác, nhưng nhờ hệ thống headless, bạn có thể lựa chọn CMS để thêm vào cửa hàng, từ đó tạo được giỏ hàng WordPress.

2. Tải xuống Plugin và Tạo tài khoản

Plugin BigCommerce For WordPress khiến cho việc kết nối BigCommerce và WordPress dễ dàng hơn. bạn có thể tải về plugin này từ wordpress.org và tải lên cài đặt WordPress, hoặc truy cập và cài đặt nó từ WP Admin.

Sau khi cài đặt và khởi động, bạn kết nối trang web với tài khoản BigCommerce (có sẵn hoặc tạo mới). Hãy tạo tài khoản mới bằng cách nhấp phím Create New Account sau đó làm theo hướng dẫn.

3. Thiết lập Cửa hàng WordPress

Trước tiên, bạn phải điền thông tin cá nhân, sau đó cửa hàng sẽ được tạo và thông báo thành công được gửi đến qua email.

Tiếp theo là tạo một kênh bán hàng (ví dụ như WordPress, Facebook,…). Trong bài viết này, kênh có tên gọi là “WordPress Website”. Khi sản phẩm mới được tự động thêm vào kênh hoặc tài khoản BigCommerce, hãy chọn Yes.

4. Cách tạo Menu cho Cửa hàng

Tại điểm này, bạn sẽ phải tạo một Menu điều hướng. Sau khi đặt tên, hãy xem xét các lựa chọn như màn hình bên dưới:

Đó là những gì cần có để thiết lập Menu mới. Đến Appearance > Menus trong mục WordPress Admin, bạn sẽ tìm thấy thiết lập cho Menu mới và cần hoàn tất nó với nhiều endpoints/menu items mà họ muốn.

Hãy liên kết Menu điều hướng với một vị trí trong theme WordPress bằng cách vào tab Manage Locations, nơi có các lựa chọn tuỳ thuộc vào theme WordPress đang sử dụng. Thoát ra và kiểm tra frontend, bây giờ bạn có thể thấy Menu ở vị trí đã chọn với tất cả các trang cửa hàng và một vài sản phẩm demo.

5. Các sản phẩm trong BigCommerce Platform

Sau khi lập tài khoản BigCommerce thông qua WordPress backend, bạn sẽ nhận được email xác nhận kèm với một số thông tin của plugin. Hãy xác nhận email và lập password để đăng nhập vào BigCommerce.

Trong Platform, bạn có thể thêm, chỉnh sửa, xoá sản phẩm và chọn số lượng tuỳ chỉnh theo ý muốn. Tại mục Products trên thanh công cụ, bạn sẽ tìm thấy tất cả các sản phẩm demo xuất hiện trên trang WordPress.

Nhấp vào một sản phẩm, toàn bộ thông tin sẽ hiện ra như thông tin cơ bản, miêu tả, danh mục,… Nhớ bấm Save nếu thực hiện bất kì chỉnh sửa nào, chúng sẽ hiện lên trên frontend của trang WordPress. Để kiểm tra lại, hãy đi đến WordPress Admin > BigCommerce > Products, ở đây plugin liên tục đồng bộ hóa và cập nhật danh mục sản phẩm (nhấn Sync Products để kích hoạt quy trình đồng bộ hóa):

Thêm các sản phẩm mới vào tài khoản BigCommerce và chúng sẽ được tự động đồng bộ với trang WordPress, sau đó người xem / khách hàng có thể mua sản phẩm.

Kết luận

Bài viết này đã cho thấy việc thiết lập Cửa hàng BigCommerce trên trang WordPress khá đơn giản. Hệ thống headless của BigCommerce là một sự lựa chọn linh hoạt để bán hàng trực tuyến, khi mà việc tách biệt phần eCommerce với phần frontend có thể mang lại hiệu suất tuyệt vời. Bạn có thể bán hàng linh hoạt bằng cách chạy backend cho một cửa hàng nhưng phân phối qua nhiều kênh khác nhau.

TRẢ LỜI

Please enter your comment!
Please enter your name here