Hướng dẫn tạo trang chủ dạng shop bán hàng chuyên nghiệp với WooCommerce và theme Paradise.
Từ trước đến nay, theme Paradise vốn nổi tiếng trong cộng đồng độc giả của WP Căn bản bởi sự đơn giản, mã nguồn nhẹ và tốc độ load siêu nhanh. Nó đặc biệt phù hợp với các blog cá nhân, website vệ tinh để làm SEO, website MMO… Tuy nhiên, ít ai biết rằng theme Paradise cũng có thể được sử dụng để tạo shop bán hàng online không kém phần chuyên nghiệp. Không chỉ đơn thuần là đặt trang cửa hàng (shop) của WooCommerce làm trang chủ. Giờ đây, bạn hoàn toàn có thể tự cấu hình trang chủ dạng shop bán hàng theo ý muốn của riêng mình. Trong bài viết hôm nay, tôi sẽ hướng dẫn cho bạn các bước chi tiết để làm điều đó.
Tham khảo thêm:
- Các tính năng của theme Paradise tích hợp trong Customizer
- Tại sao bạn nên chọn theme Paradise cho website WordPress?
Các yêu cầu trước khi thực hiện
- Hãy đảm bảo bạn đã cập nhật theme Paradise và Genesis Framework lên phiên bản mới nhất.
- Hãy đảm bảo plugin WooCommerce đã được cài đặt và kích hoạt.
- Truy cập vào Giao diện => Tùy biến => Thiết lập giao diện => Tối ưu tốc độ => chuyển tính năng Tải JS và CSS có điều kiện sang trạng thái Không.
- Truy cập vào Giao diện => Tùy biến => Thiết lập giao diện => Tối ưu trải nghiệm => Chuyển tính năng Hiển thị trang chủ dạng tạp chí sang trạng thái Có.
- Truy cập vào Giao diện => Widget => xóa hết widget trong các khu vực Trang chủ – Trên, Trang chủ – Giữa và Trang chủ – Dưới. Các bạn cũng có thể giữ lại các widget khác nếu cảm thấy cần thiết.
Tạo trang chủ dạng shop bán hàng
1. Kéo 1 widget Văn bản (Text) và thả vào khu vực widget bất kỳ (Trang chủ – Trên, Trang chủ – Giữa hoặc Trang chủ – Dưới) => chuyển qua chế độ Văn bản (Text) => copy và paste shortcode của WooCommerce vào trong đó rồi lưu lại.
Ví dụ ở đây tôi sẽ tạo 1 widget hiển thị danh sách các sản phẩm nổi bật (featured) bằng shortcode: [products limit="4" columns="4" visibility="featured"]
Trong đó:
limit ="4"tương ứng với 4 sản phẩm sẽ được hiển thị.columns ="4"tương ứng với 4 cột, nghĩa là 1 hàng sẽ có 4 sản phẩm.
Với sản phẩm bán chạy, các bạn có thể dùng shortcode: [products limit="4" columns="4" best_selling="true" ]
Với sản phẩm mới, các bạn có thể dùng shortcode: [products limit="4" columns="4" orderby="id" order="DESC" visibility="visible"]
Để hiển thị danh sách sản phẩm của một danh mục nào đó, hãy dùng shortcode: [product_category limit="4" columns="4" category="phu-kien"]
Tham khảo thêm các shortcode khác được WooCommerce hỗ trợ tại đây.
2. Tạo lần lượt các widget bằng shortcode theo cách tương tự.
3. Bước cuối cùng là kiểm tra thành quả. Trang chủ của bạn sẽ trông giống như thế này:
Thật đơn giản phải không nào? Chúc các bạn thành công!
Nếu bạn thích bài viết này, hãy theo dõi blog của tôi để thường xuyên cập nhật những bài viết hay nhất, mới nhất nhé. Cảm ơn rất nhiều. :)
Tui chưa thử trên giao diện trên web cũ, giờ chăm con site gio diện mới rồi
Website thì đang chạy host của WP Căn bản mà ghi của công ty A nào đó. Đây là tội lừa dối độc giả. 😌
Yên tâm, mình chuyển host rồi, biết sao không? Bác support mà như kiểu dạy đời khách hàng ấy, nhiều khi cấp bách lắm mới inbox bác, mà từng câu từng chữ bác như chửi người ta ấy. “Muốn cài gì thì cài đi” giống như mình đi ăn xin hay sao ấy :) Host của bác rất ok nhưng cách support thì… haizz
Haiza. Khá buồn khi nghe bạn nói như vậy. Mình khá thẳng tính và nóng tính nên đôi lúc hơi mất kiềm chế, có sao nói vậy. Điều này mình công nhận. Nhưng đến mức “như chửi người ta” hay “dạy đời khách hàng” thì nghe có vẻ hơi quá nhỉ? 😓 Dù sao thì cũng cảm ơn bạn đã góp ý.