Trang chủ WordpressWordpress Plugin [Woocommerce] Thiết lập shop làm trang chủ

[Woocommerce] Thiết lập shop làm trang chủ

Bởi Thạch Phạm
Ngày đăng: Cập nhật cuối: 16 bình luận 18,3K lượt xem
Bài này thuộc phần 22 của 32 phần trong serie wHọc Woocommerce

Ở một số theme riêng dành cho WooCommerce bạn có thể dễ dàng thấy các sản phẩm đa phần đều được đưa ra ngoài trang chủ bởi vì thường là những theme đó sẽ giúp bạn làm một trang bán hàng thực thụ. Còn những theme thông thường không hỗ trợ thì nó thường là hiển thị các bài viết mới nhất thay vì sản phẩm.

Dĩ nhiên chúng ta không thể tự biến một theme đơn giản thành một theme có hỗ trợ WooCommerce đầy đủ được ngoại trừ bạn có nhiều kinh nghiệm làm việc với code. Nhưng mặc dù không làm cho nó chuyên nghiệp đầy đủ như vậy thì chúng ta vẫn có cách đưa các sản phẩm ra ngoài trang chủ của website theo cách đơn giản.

Cách 1. Thiết lập trang Cửa hàng thành trang chủ

Khi cài Woocommerce nó đã cài sẵn cho chúng ta một trang tên Cửa hàng (Shop) để hiển thị danh sách các sản phẩm mới nhất. Chúng ta có thể tận dụng chức năng thiết lập một trang tĩnh thành trang chủ của WordPress để đưa trang cửa hàng đó ra ngoài trang chủ, bằng cách truy cập vào [textmarker color=”247BFF”]Cài đặt -> Đọc -> Một trang tĩnh[/textmarker] và chọn trang chính là cửa hàng. Nếu bạn muốn có một trang hiển thị bài viết mới nhất thì chọn ở phần trang bài viết.

woocommerce-homepage-01

Sau khi lưu lại bạn sẽ thấy trang chủ của mình là một trang cửa hàng. Chỉ đơn giản là như thế thôi.

Cách 2. Tạo trang riêng và sử dụng shortcode

Nếu bạn cảm thấy trang cửa hàng nó hiển thị sản phẩm không được đa dạng cho lắm mà bạn lại muốn hiển thị nhiều sản phẩm từ nhiều danh mục khác nhau thì sẽ còn cách khác là tạo một trang mới, sau đó viết nội dung cần hiển thị vào, trong đó bạn có thể sử dụng các shortcode của Woocommerce để hiển thị sản phẩm.

Trước tiên hãy tạo một trang mới, mình đặt tên cho nó là Trang chủ chẳng hạn để dễ nhận biết.

Ở phần nội dung, bạn có thể viết bất cứ cái gì vào, hoặc sử dụng các shortcode sau:

  • – Hiển thị các sản phẩm mới nhất.
  • – Hiển thị sản phẩm mới dựa theo tên danh mục sản phẩm.
  • – Hiển thị 12 sản phẩm đang được giảm giá.
  • – Hiển thị 12 sản phẩm bán chạy.
  • – Hiển thị sản phẩm có chứa thuộc tính là color và giá trị thuộc tính là black.

Ngoài ra nó còn có một số giá mà bạn có thể tham khảo bài viết sử dụng shortcode của WooCommerce. Nếu bạn copy từ đây, hãy chuyển chế độ soạn thảo sang Văn bản trước khi copy. Và nhớ rằng, shortcode không bao giờ có phân trang sản phẩm giống trang cửa hàng.

Ví dụ mình có nội dung trang chủ là thế này.

woocommerce-homepage-02

Mặc dù không có phân trang nhưng mình nghĩ hiển thị như vậy cũng đã được rồi, khách hàng có thể vào trực tiếp trang cửa hàng hoặc các danh mục để xem thêm sản phẩm.

Lời kết

Mặc dù mình biết là nhu cầu của bạn muốn trang chủ của mình đẹp hơn thế, nhưng ở đây mình đang hướng dẫn chung mà ai cũng có thể làm được vì việc tùy biến trang chủ đẹp mắt cho WooCommerce phức tạp hơn chúng ta nghĩ rất nhiều. Thiết nghĩ nếu bạn vẫn chưa hài lòng với việc hiển thị sản phẩm thế này thì bạn có thể chọn mua các theme dành riêng cho WooCommerce.

3.7/5 - (3 bình chọn)

Tham gia nhóm hỗ trợ WordPress

Tham gia nhóm Hỗ trợ Server - Hosting & WordPress để cùng nhau hỏi đáp và hỗ trợ các vấn đề về WordPress, tối ưu máy chủ/server.

Tham gia ngay
16 bình luận

Có thể bạn quan tâm

Hiện tại blog tạm đóng bình luận vì mình cần tập trung thời gian vào cập nhật bài viết. Bình luận sẽ mở ra cho đến khi mình sẵn sàng.