Unlimited PowerPoint templates, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Business
  2. BigCommerce

Làm thế nào để sử dụng một giao diện của BigCommerce để thiết kế cửa hàng trực tuyến của bạn

by
Length:LongLanguages:
This post is part of a series called How to Use BigCommerce to Make Your Online Store (Starter Guide).
15+ Best BigCommerce Themes: New on ThemeForest (2017)
15+ BigCommerce Design Tips for Better eCommerce Websites
Sponsored Content

This sponsored post features a product relevant to our readers while meeting our editorial guidelines for being objective and educational.

Vietnamese (Tiếng Việt) translation by Andrea Ho (you can also view the original English article)

Mở một cửa hàng trực tuyến là cách tuyệt vời để bắt đầu bán các sản phẩm của bạn hoặc mở rộng khối lượng khách hàng hiện tại của bạn. Trong thế giới của nền tảng thương mại điện tử (eCommerce), thì BigCommerce là một trong những nền tảng thương mại điện tử phổ biến, mà nó cho phép bạn không chỉ hoạt động các cửa hàng của bạn mà còn bán và tiếp thị chúng tại các trang như e-Bay, Amazon, và Facebook tại cùng một thời điểm.

Ngoài bán trên nhiều kênh khác, bạn cũng có thể truy cập vào một tập hợp phong phú các tính năng tiếp thị, quản lý hàng tồn kho, các công cụ SEO và các giao diện đẹp, cho phép bạn đưa cửa hàng của mình lên cấp độ tiếp theo và giới thiệu các sản phẩm theo kiểu hiện đại có trật tự.

Nếu bạn chưa biết về BigCommerce, bài viết này sẽ hướng dẫn cho bạn qua các bước sử dụng một giao diện BigCommerce để thiết kế cửa hàng trực tuyến của bạn một cách nhanh chóng và bắt đầu bán sản phẩm của bạn theo phong cách riêng.

How to use a top BigCommerce theme to design your online store
Làm thế nào để sử dụng một giao diện BigCommerce hàng đầu để thiết kế cửa hàng trực tuyến của bạn. (YourStore)

Tuy nhiên, nếu bạn cần một sach vỡ lòng về những tính năng mạnh mẽ của BigCommerce và tại sao bạn nên cân nhắc việc sử dụng nó như là sự lựa chọn nền tảng cho cửa hàng trực tuyến của bạn lựa chọn, trước tiên hãy đọc bài viết này:

Bây giờ chúng ta hãy bắt đầu với bài hướng dẫn của ngày hôm nay, bằng cách bắt đầu với làm thế nào để chọn giao diện thương mại điện tử tốt nhất để thiết kế cửa hàng trực tuyến của bạn:

Làm thế nào để chọn giao diện BigCommerce phù hợp (dành cho cửa hàng trực tuyến của bạn)

Với rất nhiều giao diện BigCommerce có sẵn, chọn một giao diện phù hợp cho cửa hàng của bạn có vẻ khó khăn khi bắt đầu. Tuy nhiên, đây là một số lời khuyên nhỏ có thể làm cho quá trình của bạn dễ dàng hơn:

  • Các tính năng mạnh mẽ - tìm một giao diện thương mại điện tử có các tính năng như mega menus, bộ lọc giá và xem nhanh sản phẩm. Những tính năng đó không chỉ cho phép bạn đưa tất cả các mục vào trong trình đơn mà không làm lộn xộn thanh menu điều hướng của bạn, mà còn cho phép những người dùng ghét thăm truy cập vào các danh mục mong muốn và xem các sản phẩm và thêm chúng vào giỏ hàng của họ mà không cần nhấp qua nhiều các sản phẩm Trang.
  • Thiết kế tương thích (responsive) - lựa chọn một giao diện trang web mà nó tương thích để khách hàng của bạn có thể có một trải nghiệm mua sắm thuận lợi ngay cả khi họ đang sử dụng máy tính bảng hay điện thoại thông minh
  • Tùy biến dễ dàng - Đảm bảo giao diện trang web đó của bạn có thể tùy biến được, như vậy, bạn có thể đồng nhất thương hiệu của bạn một cách uyêrn chuyển và làm cho cửa hàng của bạn nổi bật giữa các đối thủ cạnh tranh.
  • Bao gồm các công cụ blog- hãy xem xét một giao diện thương mại điện tử cung cấp một tùy chọn blog, mà nó sẽ giúp bạn tăng khả năng hiển thị của cửa hàng của bạn trong công cụ tìm kiếm và cho phép bạn để tiếp thị sản phẩm của bạn.
  • Thiết kế hiện đại - đừng bỏ qua khía cạnh thiết kế của giao diện đó. Đảm bảo giao diện mà bạn chọn có một thiết kế hấp dẫn, phù hợp với niche của bạn. Bạn cũng có thể chọn một giao diện đa chức năng như các giao diện đã được thiết kế để sử dụng tốt với nhiều nitche.

Tìm giao diện BigCommerce tốt nhất với các thiết kế thương mại điện tử đẹp, hiện đại, đã được nêu rõ đặc điểm trong bài viết này trên Envato Tuts +:

Bây giờ mà bạn biết những phải tìm kiếm điều gì trong một giao diện, hãy thao khảo cách làm thế nào để sử dụng một giao diện để thiết kế cửa hàng trực tuyến của bạn. Chúng tôi sẽ sử dụng một giao diện sáng tạo dành cho cửa hàng trực tuyến từ bài viết ở trên và hướng dẫn cho bạn cách làm thế nào để thiết lập nó một cách nhanh chóng.

Cách bắt đầu thiết lập thiết kế cửa hàng trực tuyến của bạn

Một khi bạn mua một giao diện BigCommerce mà bạn đã chọn, tải về tập tin nén vào máy tính của bạn. Mục đích của hướng dẫn này là tôi sẽ sử dụng thiết kế giao diện YourStore BigCommerce, tuy nhiên bạn có thể tự do sử dụng một chủ đề mà bạn thích.

YourStore BigCommerce theme design
YourStore - Thiết kế giao diện BigCommerce Premium.

1. Cài đặt giao diện BigCommerce của bên thứ ba

Để bắt đầu quá trình thiết kế cửa hàng của bạn, giải nén thư mục mà bạn đã tải xuống và mở nó ra. Bạn sẽ tìm thấy thư mục tài liệu và thư mục giao diện có chứa tập tin zip, mà bạn cần để tải lên trang web BigCommerce của bạn.

Tải lên giao diện của bạn.

Đăng nhập vào trang web của bạn và sau đó click vào Storefront > My Themes ở menu bên tay trái. Bạn sẽ có một giao diện được cài sẵn cho bạn bởi BigCommerce, nhưng nếu bạn di chuyển xuống cuối trang, bạn sẽ thấy một nút cho phép bạn tải lên một giao diện của bên thứ ba. Nhấp vào nút Upload Theme.

Một khi tập tin ZIP đã được tải lên, một thẻ giao diện sẽ xuất hiện dưới My Themes hiển thị các giao diện đang xử lý. Khi giao diên đó hoàn thành xử lý, nó sẽ hiển thị trên bảng điều khiển của bạn và tất cả những gì bạn phải làm là click vào các giao diện đó và sau đó nhấp vào nút Apply để làm cho nó hoạt động trên trang web của bạn.

Applying your new BigCommerce theme
Áp dụng giao diện BigCommerce mới của bạn.

Bây giờ là giao diện thương mại điện tử mới của bạn đang sử dụng, hãy thiết lập các trang cần thiết trước khi tuỳ chỉnh diện mạo trang web của bạn.

2. Thiết lập giao diện BigCommerce của bạn

Theo mặc định, bạn sẽ có một số trang đã được thiết lập sẵn khi bạn đăng ký BigCommerce. Bạn có thể xem và tạo các trang web mới dưới Storefront > Web Pages. Các trang mặc định bao gồm Shipping and Returns, trang Contact và trang Blog. Nhấp vào bất kỳ tên trang nào sẽ đưa bạn đến chỗ chỉnh sử để thay thế văn bản mặc định của bạn hoặc tùy chỉnh cho phù hợp với cửa hàng của bạn.

Editing existing BigCommerce theme pages is easy
Chỉnh sửa các trang giao diện BigCommerce hiện tại một cách dễ dàng.

Bạn cũng có thể nhập vào thông tin SEO cho trang đó bên dưới các tùy chọn Advanced, và kiểm soát cách trang đó xuất hiện trong menu điều hướng. Khi bạn đã hoàn thành việc chỉnh sửa của các trang bất kỳ, chỉ cần click vào Save and Exit để lưu lại thay đổi của bạn.

Tạo ra các trang bổ sung như About, yêu cầu bạn click vào Create New Page. Bạn có thể quyết định xem liệu trang này sẽ là một trang thực tế hay sẽ trỏ sang một trang web khác, đưa vào các nội dung, định hình các tùy chọn SEO, và quyết định xem cách nó sẽ trình bày trong thực đơn điều hướng.

Cuối cùng, chọn trang Blog sẽ cho phép bạn chỉnh sửa bài đăng blog và tạo ra các bài đăng blog mới. Như bạn có thể thấy từ màn hình chụp bên dưới, bài công cụ chỉnh sửa bài đăng cho phép bạn nhập vào tiêu đề, tác giả, và các nội dung bài đăng blog của bạn. Bạn có thể tải các hình ảnh và chọn một hình ảnh thu nhỏ sẽ xuất hiện như hình hiển thị cho bài đăng của bạn.

Your options when creating a new blog post in BigCommerce
Các tùy chọn của bạn khi tạo một bài blog mới trong BigCommerce.

Khi bạn đã chỉnh sửa và thêm vào các trang mới, đó chính là lúc để tùy biến thiết kế cửa hàng trực tuyến của bạn.

Cách tùy biến nhanh chóng giao diện BigCommerce của bạn

Tùy biến thiết kế cửa hàng của bạn bao gồm một vài bước: tùy biến giao diện của chính nó, tải lên biểu tượng của bạn, chỉnh sửa carousel trang chủ để đi kèm với các hình ảnh sản phẩm của bạn và thêm vào các liên kết truyền thông xã hội của bạn.

Để truy cập vào các tuỳ chọn, vào Storefront > My Themes và sau đó nhấp vào nút Customize trên giao diện đang hoạt động của bạn.

BigCommerce theme customization is pretty straightforward
Tùy biến giao diện của BigCommerce khá dễ dàng.

Menu sidebar trên màn hình Customization sẽ cho phép bạn chọn một phong cách khác của giao diện, thay đổi các phông chữ, màu sắc, kích thước logo, các mẫu điền và nhiều hơn nữa.

The Design Editor is super easy to use
Design Editor siêu dễ sử dụng.

Bạn thậm chí có thể thay đổi các biểu tượng được sử dụng trên trang web của bạn và thiết lập các màu sắc của bạn, vì vậy bạn có thể dễ dàng tái sử dụng chúng trong các phần khác của cửa hàng của bạn.

Configuring your custom logo
Cấu hình biểu tượng tuỳ chỉnh của bạn.

Công cụ chỉnh sửa cũng cho phép bạn kiểm soát số lượng các sản phẩm được hiển thị trên trang chủ của bạn, số lượng đánh giá các sản phẩm đó hiển thị trên các trang sản phẩm riêng lẻ, và nhiều hơn nữa.

Cuối cùng, bạn cũng có thể chỉnh sửa các tập tin giao diện nếu bạn có kiến thức về code và muốn thực sự muốn tuỳ chỉnh trang web đó. Sau khi thực hiện những thay đổi mong muốn, hãy nhấp chuột vào Save Changes.

Khi bạn đã thực hiện xong việc tùy biến giao diện của trang web của bạn, điều hướng đến Storefront > Logo để tải lên một hình ảnh biểu tượng và một biểu tượng yêu thích (favicon) cho trang web của bạn.

Bước tiếp theo là tùy chỉnh carousel trang chủ. Để làm điều đó, hãy chọn link Home Page Carousel. Trên màn hình sau đây, bạn có thể tải lên các hình ảnh của riêng bạn, sắp xếp lại chúng và kiểm soát nôi dung hiển thị trên hình ảnh đó.

Setting up the homepage carousel
Thiết lập carousel trang chủ trong BigCommerce.

Cuối cùng, hướng đến Social Media Links và nhập vào các liên kết đến hồ sơ mạng xã hội của bạn. Điều này sẽ cho phép bạn để bắt đầu xây dựng người theo dõi của bạn và tiếp cận với các khách hàng của bạn trên nền tảng mà họ ưa thích để họ có thể cập nhật các sản phẩm mới nhất với các đã được thêm vào cửa hàng của bạn hoặc các chương trình khuyến mãi đặc biệt. Bạn có thể thêm lên đến sáu hồ sơ và đặt chúng theo thứ tự mong muốn.

You can add up to 6 social media profile links
Bạn có thể thêm đến 6 liên kết mạng xã hội.

Làm thế nào để thêm sản phẩm đầu tiên vào cửa hàng trực tuyến của bạn

Một khi giao diện BigCommerce của bạn được thiết lập, bạn có thể bắt đầu thêm các sản phẩm vào cửa hàng của bạn và cấu hình các tùy chọn sản phẩm.

Trong bảng điều khiển BigCommerce của bạn, điều hướng đến Products. Khi bạn đăng ký cho BigCommerce, bạn sẽ có một vài mẫu sản phẩm ví dụ đã được thiết lập.

Trình đơn phía trên danh sách sản phẩm cho phép bạn xem tất cả các sản phẩm hoặc các món hoặc sản phẩm nổi bật mà được vận chuyển miễn phí. Đây là một tính năng tiện dụng cho phép bạn nhanh chóng tìm thấy các sản phẩm mà bạn muốn và chỉnh sửa nó sau này.

Model your new products after the included sample products
Mô hình các sản phẩm mới của bạn sau khi đưa vào các \ sản phẩm mẫu.

Để thêm một sản phẩm mới, bạn có thể nhấp chuột vào các sản phẩm mẫu bất kỳ và chỉnh sửa các thông tin riêng của bạn. Trên màn hình chỉnh sửa, bạn có thể nhập tên sản phẩm, thông tin về thuế, danh mục sản phẩm và một mô tả về sản phẩm.

Bạn cũng có thể tải lên hình ảnh và video giới thiệu các sản phẩm của bạn, cấu hình tùy chọn sản phẩm như kích thước và màu sắc, đặt giá bán gộp và nhiều hơn nữa.

Heres your view for editing products
Đây là hình ảnh khi chỉnh sửa các sản phẩm.

Khi bạn đã hoàn tất chỉnh sửa các sản phẩm trong BigCommerce, bạn có thể lưu lại. Hoặc, bạn có thể nhấp vào mũi tên bên cạnh nút lưu cho các tùy chọn bổ sung, chẳng hạn như tiết kiệm, và lặp lại.

Nếu bạn muốn bắt đầu từ đầu, chỉ cần nhấp vào Products và sau đó là Add để chèn một sản phẩm hoàn toàn mới. Sau đó, bạn có thể xóa các sản phẩm mẫu bằng cách chọn chúng và nhấp chuột vào biểu tượng Delete.

5 lời khuyên thiết kế để bán được thêm nhiều sản phẩm từ cửa hàng trực tuyến của bạn

Với giao diện của BigCommerce của bạn được tùy chỉnh và các sản phẩm của bạn được bổ sung vào cửa hàng của bạn, phần lớn tuỳ chỉnh của bạn đã được thực hiện xong. Tuy nhiên, có những kỹ thuật thiết kế quan trọng của thương mại điện tử sẽ giúp tăng tỷ lệ chuyển đổi của bạn. Dưới đây là 5 lời khuyên thiết kếđể áp dụng cho cửa hàng trực tuyến của bạn:

1. Sử dụng những hình ảnh chất lượng cao

Khi nói đến thương mại điện tử, các hình ảnh sản phẩm là yếu tố quan trọng nhất trên trang web của bạn. Đây không phải là nơi để sử dụng hình ảnh nhỏ hoặc mờ. Thay vào đó, đảm bảo hình ảnh của bạn làm sự phán xét cho sản phẩm của bạn.

Hình ảnh của bạn cần có nhiều ánh sáng và đủ lớn để hiển thị các sản phẩm của bạn một cách rõ ràng. Tuy nhiên, hãy chắc chắn để tối ưu hóa các hình ảnh của bạn trước khi tải chúng lên trang web của bạn, hãy đảm bảo kích thước hình ảnh không làm chậm trang web của bạn.

Tìm hiểu về nhiếp ảnh sản phẩm trong series của chúng tôi trên Envato Tuts +, hoặc bắt đầu với các hướng dẫn dưới đây:

2. Chọn màu sắc tương phản cho các nút bấm

Hãy đảm bảo rằng các nút bấm nổi bật so với những thứ còn lại trên trang web của bạn. Điều này áp dụng cho các nút Buy và cũng những các nút Kêu gọi Hành động khác. Bằng cách sử dụng một màu sắc tương phản, khách truy cập của bạn sẽ có thể chú ý đến chúng nhiều hơn, tăng cơ hội để họ thực sự nhấp vào và quyết định mua hàng.

3. Đảm bảo giao diện của bạn tương thích

Rất nhiều nghiên cứu trực tuyến cho thấy nhiều người đang sử dụng thiết bị di động của họ không chỉ để bắt đầu tìm kiếm của họ, mà còn có để mua các sản phẩm khác nhau. Đó cũng đáng để nói rằng các công cụ tìm kiếm hỗ trợ cho các trang mobile friendly (website dành cho chế độ xem trên di động)

Khi bạn cân nhắc điều đó, thật dễ để thấy được tại sao cửa hàng trực tuyến của bạn cần trông đẹp mắt, bất kể thiết bị truy cập mà người dùng của bạn đang sử dụng. Chọn một giao diện BigCommerce tương thích sẽ giúp bạn tránh khỏi những rắc rối và loại bỏ khả năng người truy cập của bạn từ bỏ trang web của bạn.

Hãy nhớ rằng BigCommerce cũng cho phép bạn tùy chỉnh theo cách mà cửa hàng của bạn xuất hiên trên những chiếc điện thoại di động, máy tính bảng và máy tính để bàn, như vậy bạn có thể dễ dàng kiểm tra giao diện của bạn và xem tất cả mọi thứ có hoạt động đúng như mong đợi trên các kích thước màn hình khác nhau hay không.

4. Tránh làm lộn xộn trang web của bạn

Một trong những sai lầm lớn nhất mà bạn có thể phạm phải là làm lộn xộn các trang cửa hàng của bạn với các liên kết điều hướng và quá nhiều sản phẩm trên cùng một trang. BigCommerce cho phép bạn tinh chỉnh một số lượng các sản phẩm được hiển thị trên trang chủ của bạn cũng như số lượng các đánh giá trên các trang sản phẩm riêng. Tránh thiết lập các con số này quá cao ví nó sẽ đánh làm rối khách truy cập của bạn và kết quả là họ từ bỏ trang web của bạn.

Bạn cũng nên đảm bảo rằng điều hướng chính của bạn sẽ chỉ hiển thị trên các trang quan trọng nhất và những mục hàng đầu để dễ dàng hơn cho các khách hàng điều hướng trang web của bạn. Sử dụng một giao diện với một tính năng trình đơn lớn để thêm các mục phụ và hiển thị chúng như là một trình đơn thả xuống mà không làm lộn xộn trang web của bạn.

Đảm bảo rằng bạn chỉ đưa ra các sản phẩm tốt nhất trên trang web của bạn:

5. Tận dụng tính năng xem nhanh

Rất nhiều giao diện BigCommerce đi kèm với tính năng xem nhanh được xây dựng sẵn. Điều này cho phép các khách hàng của bạn bấm vào sản phẩm bất kỳ và ngay lập tức xem tất cả các chi tiết của sản phẩm. Họ cũng có thể thêm sản phẩm đó trực tiếp vào giỏ hàng của họ và sau đó tiến hành thanh toán hoặc tiếp tục mua sắm.

Bằng cách sử dụng tính năng này, họ không cần phải bấm qua trang sản phẩm mà đơn giản hóa trải nghiệm mua sắm và làm tăng cơ hội mua hàng của họ. Ghép nối tính năng này với một việc thanh toán trong cùng một trang để tiếp tục đơn giản hóa việc mua sắm và tăng tỷ lệ chuyển đổi cho các cửa hàng trực tuyến của bạn.

Kết luận: Tạo ra một cửa hàng trực tuyến tuyệt vời một cách nhanh chóng với BigCommerce

Khởi đầu cửa hàng của bạn một cách phù hợp để tăng cơ hội thành công và làm cho nó dễ dàng hơn để hiển thị các sản phẩm của bạn theo cách hấp dẫn. May mắn thay, BigCommerce là một nền tảng tuyệt vời với rất nhiều tính năng để giúp bạn thiết lập cửa hàng của bạn hợp lý và bắt đầu bán hàng trực tuyến ngay lập tức.

Sử dụng những lời khuyên ở trên để lựa chọn giao diện thương mại điện tử phù hợp cho cửa hàng của bạn và tuỳ chỉnh nó cho phù hợp với thương hiệu của bạn.

Nếu bạn vẫn còn đang trong giai đoạn nghiên cứu để cân nhắc kiểu mẫu cửa hàng trực tuyến để tiến hành, hãy đọc hướng dẫn toàn diện này từ tổng biên tập Tracey Wallace tại BigCommerce. Tìm hiểu tất cả về các quyết định quan trọng bạn cần phải thực hiện khi bạn bắt đầu:

Những nét đặc trưng chính yếu nào mà bạn sẽ đưa vào trong thiết kế cửa hàng online của bạn? Bạn đã thiết lập một timeline để bắt đầu hoạt động và bạn có nhắm đến đạt được thành công với nó không? Chúc bạn may mắn để bắt đầu cửa hàng online của mình.

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.