Cách sử dụng theme Storefront cho Woocommerce

Đối với những ai mới bắt ta vào tìm hiểu website bằng wordpress, họ chỉ cần 1 giao diện bán hàng đơn giản và miễn phí là đủ. Tuy nhiên cũng phải hỗ trợ đầy đủ hoặc tương đối các tính năng của mã nguồn mở Worpdress. Để đáp ứng được các yêu cầu đó, Webmax khuyên bạn nên sử dụng theme Storefront cho Woocommerce.

Cách sử dụng theme Storefront cho Woocommerce

Cách sử dụng theme Storefront cho Woocommerce

Lý giải sự xuất hiện của theme Storefront cho Woocommerce

Bạn đã tìm cho mình được theme nào ưng ý trong TOP theme woocommerce bán hàng chuyên nghiệp nhất 2018? Không phải theme Woocommerce nào cũng hỗ trợ hiển thị hình ảnh lên gian hàng của bạn tốt nhất. Bởi plugin Woocommerce là vậy, nó sẽ thêm một vài các thành phần bắt buộc như cửa hàng, gian hàng, giỏ hàng,… và những thông tin liên quan. Nếu bạn đang sử dụng theme không được tối ưu hoàn chỉnh thì có thể những thành phần này hiển thị giao diện sẽ không được đẹp lắm.

Lý giải sự xuất hiện của theme Storefront cho Woocommerce

Lý giải sự xuất hiện của theme Storefront cho Woocommerce

Hoặc phương án khác, bạn có thể sử dụng các theme Woocommerce trả phí. Chỉ với một mức chi phí nhỏ là bạn đã sở hữu cho mình 1 giao diện bán hàng tuyệt đẹp rồi. Tuy nhiên, bạn chỉ nên sử dụng theme Woocommerce trả phí khi thực sự đã biết cách sử dụng nó.

Vậy, nếu bạn là người mới bắt đầu bước chân vào tìm hiểu website bằng wordpress và muốn cập nhật giao diện trang bán hàng, ta phải làm sao? Đây là lý do theme Storefront ra đời, hoàn toàn miễn phí và hỗ trợ sử dụng Woocommerce tối đa, mang đến cho bạn một giao diện trang bán hàng đơn giản.

Vì sao người mới nên sử dụng theme Storefront?

Như đã lý giải ở trên, theme Storefront hỗ trợ người dùng tạo ra một giao diện trang bán hàng đơn giản mà lại hoàn toàn miễn phí. Hơn nữa, chúng vẫn hỗ trợ tối đa người dùng khi sử dụng plugin Woocommerce. Cụ thể, người mới nên sử dụng chúng bởi:

  • Chuẩn SEO
  • Dễ sử dụng
  • Customize đầy đủ
  • Hỗ trợ Responsive
  • Hỗ trợ cấu trúc HTML5
  • Theme Storefront hoàn toàn miễn phí và sử dụng tốt trên mã nguồn mở.
  • Dễ dàng tương thích với các plugin hỗ trợ thiết kế, để tự thiết kế bố cục riêng cho mỗi trang.
  • Có hỗ trợ phần mở rộng Storefront Designer
  • Code thân thiện, có thể tùy biến dễ dàng.
  • Hỗ trợ nhiều theme trả phí với giao diện đẹp, người dùng có thể mua nếu có nhu cầu

Với những chức năng cơ bản cần thiết với những người mới bắt tay vào tìm hiểu, chức năng của theme Storefront không thiếu cũng không thừa so với dung lượng vô cùng nhẹ.

Và không để các bạn đợi lâu nữa, dưới đây là cách sử dụng theme Storefront

Cách thêm dữ liệu mẫu trong Woocommerce

Dữ liệu mẫu trong Woocommerce có thể hiểu là gói dữ liệu được tạo sẵn với một vài sản phẩm test mẫu, giúp bạn có thể trải nghiệm các chức năng có trong theme. Để làm được điều này, trước tiên cần tải pluign Woocommerce về máy và giải nén chúng ra. Sau khi giải nén, hãy vào thư mục /woocommerce/dummy-data/ sẽ thấy các dữ liệu mẫu. Nhưng chúng ta chỉ tập chung vào tập tin dummy-data.xml.

Sau đó, truy cập vào trang quản trị website theo đường dẫn: Công cụ -> Nhập vào -> WordPress.

Cách thêm dữ liệu mẫu trong Woocommerce

Cách thêm dữ liệu mẫu trong Woocommerce

Tại đây, công việc của bạn là upload tập tin dummy-data.xml lên.

Cách thêm dữ liệu mẫu trong Woocommerce

Cách thêm dữ liệu mẫu trong Woocommerce

Đưa các sản phẩm này về user đăng nhập của mình rồi tích vào ô Download and import file, sau đó ấn Submit.

Cách thêm dữ liệu mẫu trong Woocommerce

Cách thêm dữ liệu mẫu trong Woocommerce

Chú ý:

Nếu mạng của bạn chập chờn hay bị timeout, hãy tạo tập tin php.ini hoặc .user.ini trong host/localhost và thêm đoạn code: max_execution_time = 200

Sau khi nhậ dữ liệu thành công, chúng sẽ hiển thị thông báo:

Cách thêm dữ liệu mẫu trong Woocommerce

Cách thêm dữ liệu mẫu trong Woocommerce

Và bây giờ, chúng ta cùng vào phần Sản phẩm để kiểm tra. Tại đây bạn sẽ thấy rất nhiều sản phẩm được hiện ra với thông số chi tiết, đầy đủ đúng không nào?

Cách cài đặt và kích hoạt theme Storefront cho Woocommerce

Để cài đặt theme Storefront, bạn cần truy cập vào phần giao diện -> giao diện -> thêm mới và tìm kiếm từ khóa “Storefront”.

Cách cài đặt và kích hoạt theme Storefront cho Woocommerce

Cách cài đặt và kích hoạt theme Storefront cho Woocommerce

Sau khi cài đặt, hãy Activer nó lên nhé!

Cài đặt trang chủ theme Storefront

Bước 1: Theme Storefront không tự hiển thị trang chủ, vì vậy chúng ta cần tạo 1 trang mới và thiết lập giao diện trang chủ.

Cài đặt trang chủ theme Storefront

Cài đặt trang chủ theme Storefront

Bạn cần vào Trang -> Thêm trang mới, và có thể đặt tên cho trang này là trang chủ. Nội dung có thể bỏ trống. Phần giao diện nên đặt là Homepage.

Bước 2: Tiếp theo, nên tạo 1 trang blog mới, tạm gọi là Tin tức. Tại đây bạn không cần phải thiết lập thêm bất kì thao tác gì khác nữa.

Cài đặt trang chủ theme Storefront

Cài đặt trang chủ theme Storefront

Bước 3: Truy cập vào Cài đặt -> Đọc, để thiết lập Trang chính và trang bài viết theo từng trang vừa tạo.

Cài đặt trang chủ theme Storefront

Cài đặt trang chủ theme Storefront

Lưu lại và truy cập trang chủ để xem giao diện của theme này.

Giao diện

Giao diện

Tại đây, có một số thành phẩn hiển thị bạn nên quan tâm như:

  • Shop by Category: Nơi hiển thị các danh mục sản phẩm có trong website.
  • New In: Danh sách các sản phẩm mới nhất.
  • We Recommend: Danh sách các sản phẩm mới nổi bật nhất.
  • Fan Favorites: Nơi hiển thị các sản phẩm mới được đánh giá cao nhất.
  • On Sales: Các sản phẩm mới nhất đang giảm giá.
  • Best Sellers: Sản phẩm bán chạy nhất.

Cài đặt tùy chỉnh trong theme Storefront

Bạn có thể tùy chình một số chức năng trong theme Storefront bằng cách tru ycaap vào phần Giao diện -> Tùy chỉnh. Đây là nơi có thể thiết lập logo, thay đổi màu sắc, bố cục,…

Cài đặt tùy chỉnh trong theme Storefront

Cài đặt tùy chỉnh trong theme Storefront

 Như vậy, chúng ta đã tìm hiểu xong Cách sử dụng theme Storefront cho Woocommerce rồi đó, thật đơn giản và dễ sử dụng phải không nào? Chỉ với một vài thao tác đơn giản là ta đa có một giao diện bán hàng đơn giản mà lại chuyên nghiệp với theme Storefront cho Woocommerce rồi.

Website của bạn có đang áp dụng dụng theme Storefront không? Hãy đề xuất ngay với các Dịch vụ thuê thiết kế web bất động sản và các đơn vị thiết kế web nói chung để họ cập nhật thêm cho bạn tính năng vô cùng hữu ích này nhé!

About SEO Thu

Trần Thu với 4 năm học Công nghệ thông tin, 2 năm làm Content chuyên nghiệp và hơn 3 năm học tập và làm việc tại Phòng marketing tại VDO. Thu đã tích lũy được nhiều kiến thức và kinh nghiệm về quản trị website và các vấn đề vướng mắc liên quan. Là một nhân viên rất ham học hỏi và tìm tòi những kiến thức mới lạ về website để cung cấp cho bạn đọc những thông tin bổ ích nhất!


Thủ Thuật Wordpress liên quan

Hotline tư vấn miễn phí