Nếu là trang danh mục sản phẩm WooC Commerce

Trong các bài viết trước của chúng tôi, chúng tôi đã nói về việc quản lý danh mục sản phẩm, thuộc tính sản phẩm và thẻ cho cửa hàng trực tuyến WooC Commerce của bạn

Bây giờ, đối với những người không quen thuộc với danh mục sản phẩm, đây là những gì bạn nên biết.  

Danh mục sản phẩm chịu trách nhiệm nhóm tất cả các sản phẩm tương tự vào một danh mục. Bạn đang tìm mua một chiếc túi du lịch từ một công ty bán lẻ nổi tiếng, điều hướng qua trang web của họ để cố gắng tìm thấy những gì bạn đang tìm kiếm. Chà, đối với người mới bắt đầu, bạn sẽ không tìm kiếm sản phẩm cụ thể đó trong danh mục quần jean, đó là điều chắc chắn.  

Theo nghĩa rộng, các danh mục sản phẩm đóng vai trò là bộ lọc, tập hợp tất cả các sản phẩm tương tự vào một nơi để khách hàng dễ dàng lướt qua chúng hơn. Tò mò muốn tìm hiểu làm thế nào bạn có thể tạo ra chúng? . 👇

Trước hết, hãy truy cập Bảng điều khiển WordPress của bạn → WooC Commerce → Sản phẩm. Sau đó, khi bạn nhấp vào Sản phẩm, bạn sẽ thấy danh sách ba mục như Danh mục, Thẻ, Thuộc tính

Từ danh sách đó, đảm bảo bạn nhấp vào Danh mục và bạn sẽ thấy cửa sổ danh mục bật lên từ đó bạn có thể quản lý tất cả các danh mục và tạo danh mục mới. Xem ảnh chụp màn hình bên dưới để tham khảo. 👇

Nếu là trang danh mục sản phẩm WooC Commerce
Nếu là trang danh mục sản phẩm WooC Commerce

Bây giờ bạn đã biết một chút về khía cạnh kỹ thuật của các danh mục, bạn có biết cách tạo cho chúng một chút lấp lánh và khiến chúng nổi bật so với phần còn lại không?

Nếu câu trả lời là không, bạn đã đến đúng nơi.  

Trong bài viết hôm nay, chúng tôi sẽ hướng dẫn bạn cách tùy chỉnh hiệu quả và hiệu quả trang danh mục WooC Commerce của bạn và tất cả các bước bạn cần thực hiện để điều đó xảy ra.  

Trước hết, bạn có thể tự hỏi tại sao bạn nên tùy chỉnh trang danh mục của mình?

Tại sao bạn nên tùy chỉnh trang danh mục WooC Commerce của mình?

Vì vậy, bạn biết rằng trang danh mục hiển thị tất cả các sản phẩm của cửa hàng WooC Commerce của bạn thuộc một danh mục. Tuyệt quá. Vì vậy, không có gì ngạc nhiên khi mặc dù khách hàng thường tìm kiếm sản phẩm trên các trang khác, nhưng họ có thể thấy việc tìm kiếm các mặt hàng trên trang danh mục dễ dàng hơn. Ví dụ: nếu bạn không biết tên sản phẩm nhưng biết danh mục sản phẩm, rất có thể bạn sẽ tìm sản phẩm đó trên trang danh mục

Hơn nữa, nếu trang danh mục ảnh hưởng tốt đến khách hàng của bạn, họ có thể ở lại trang web của bạn lâu hơn. Vì những trang này thường bị bỏ qua, nên việc tùy chỉnh chúng sẽ giúp bạn nổi bật và cải thiện trải nghiệm của khách hàng

Tin vui là bạn có thể dễ dàng thiết kế trang danh mục của mình bằng WooC Commerce. Tin xấu là các tùy chọn mặc định của WooC Commerce là tối thiểu. Ví dụ: bạn chỉ có thể thay đổi tên, sên, danh mục chính, văn bản mô tả, loại hiển thị và hình thu nhỏ cho từng trang danh mục

Bạn cũng có thể sử dụng công cụ tùy chỉnh chủ đề để thay đổi các khía cạnh khác, nhưng nếu bạn muốn đưa trang danh mục của mình lên một tầm cao mới, bạn sẽ cần một thứ khác

Do đó, trong bài đăng này, chúng tôi sẽ chỉ cho bạn cách thay đổi trang danh mục của bạn trong WooC Commerce và giúp người tiêu dùng khám phá trang web của bạn dễ dàng hơn và một số lợi ích bổ sung

Lợi ích của việc tùy chỉnh trang danh mục WooC Commerce của bạn

Điều này có thể vượt xa một vài đoạn văn, nhưng đây là một số lợi thế nổi tiếng của trang danh mục tùy chỉnh để cung cấp cho bạn ý tưởng

Một lợi thế đáng kể của trang danh mục tùy chỉnh là nó giúp tăng doanh thu và lợi nhuận. Ngoài ra, bằng cách thiết kế trang danh mục WooC Commerce tốt hơn, bạn sẽ có thể trình bày hàng hóa của mình dưới ánh sáng tốt nhất có thể, tăng sự quan tâm của người tiêu dùng khi mua chúng

Cuối cùng nhưng không kém phần quan trọng, việc tạo Trang danh mục WooC Commerce tùy chỉnh sẽ giúp bạn cải thiện đáng kể SEO của mình. Trang danh mục WooC Commerce mặc định có SEO yếu và có rất ít nội dung và không được tối ưu hóa cho các công cụ tìm kiếm. Tùy chỉnh nó tạo ra một cơ hội tuyệt vời để đạt được lợi thế cạnh tranh đáng kể

Trên thực tế, theo Viện Baymard

“32% trang web thương mại điện tử vẫn chưa có bất kỳ loại trang danh mục nào. Trong quá trình thử nghiệm, các trang web không có trang danh mục trung gian bị ảnh hưởng rất nhiều do nhiều đối tượng lựa chọn sai hoặc không thể xác định phạm vi phù hợp, khiến chúng có danh mục rất rộng và thường có hàng nghìn sản phẩm cần xem xét. ”

Làm cho trang danh mục của bạn trông đẹp hơn và phức tạp hơn sẽ mang lại doanh thu cao hơn, nhiều lưu lượng truy cập trang web hơn và SEO được cải thiện.  

Bạn có thể thêm những tùy chỉnh nào vào các trang này?

  • Thêm hình ảnh lớn và đậm làm nổi bật các chi tiết của sản phẩm của bạn
  • Thêm nội dung hấp dẫn vào phần mô tả sản phẩm
  • Sử dụng các plugin để cung cấp cho danh mục của bạn sự tinh tế bổ sung mà họ cần

Vì vậy, không cần phải quảng cáo thêm, hãy xem cách bạn có thể tùy chỉnh trang danh mục WooC Commerce của mình. 👇

Cách chỉnh sửa và tùy chỉnh trang danh mục của bạn – Từng bước

Thêm hình ảnh sản phẩm lớn hơn

Dù xuất hiện ở đâu, những bức hình quảng cáo nhí nhảnh cũng gây tranh cãi. Thật đáng lo ngại nếu khách hàng của bạn phải nheo mắt để xem chi tiết trong hình thu nhỏ của bạn. Trên máy tính xách tay có màn hình retina, điện thoại thông minh lớn hoặc màn hình rộng, hình thu nhỏ hoặc hình ảnh mẫu rất rắc rối. Giải pháp là phóng to ảnh và hiển thị rõ hơn.  

Đây là một ví dụ khá hay về cách bao gồm hình ảnh sản phẩm lớn và đậm

Nếu là trang danh mục sản phẩm WooC Commerce
Nếu là trang danh mục sản phẩm WooC Commerce

Nếu là trang danh mục sản phẩm WooC Commerce
Nếu là trang danh mục sản phẩm WooC Commerce

Patagonia là một cửa hàng trực tuyến nổi tiếng tập trung vào việc cung cấp quan điểm chính xác và gần như có thể chạm được cho khách hàng. Bằng cách thực hiện những hình ảnh lớn như vậy, khách hàng có thể nắm bắt được sản phẩm của họ trông như thế nào

Đây là cách bạn thêm hình ảnh đậm bằng WooC Commerce.
Trước tiên, hãy truy cập Trang tổng quan WordPress → Sản phẩm → Danh mục, sau đó nhấn ‘Tải lên/Thêm hình ảnh”.

Nếu là trang danh mục sản phẩm WooC Commerce
Nếu là trang danh mục sản phẩm WooC Commerce

Sau khi bạn nhấp vào 'Thêm hình ảnh', Thư viện của bạn sẽ bật lên từ đó bạn có thể chọn hình ảnh mong muốn của mình

Nếu là trang danh mục sản phẩm WooC Commerce
Nếu là trang danh mục sản phẩm WooC Commerce

Sau khi thêm hình ảnh, đã đến lúc đặt kích thước của hình ảnh theo nhu cầu của bạn.
Đối với điều này, hãy chuyển đến Giao diện → Tùy chỉnh → Thương mại điện tử → Hình ảnh sản phẩm.

Nếu là trang danh mục sản phẩm WooC Commerce
Nếu là trang danh mục sản phẩm WooC Commerce

Nếu là trang danh mục sản phẩm WooC Commerce
Nếu là trang danh mục sản phẩm WooC Commerce

Từ đây, bạn có thể đặt kích thước hình ảnh nổi bật xuất hiện theo cách bạn muốn

Đừng đánh giá thấp sức mạnh của việc viết quảng cáo tốt

Bạn có thể đã có một số kinh nghiệm viết quảng cáo cho các trang sản phẩm và trang chủ của mình, nhưng việc bạn sử dụng nó bên ngoài những lĩnh vực đó có thể là rất ít. Vì vậy, bạn có thể muốn chuẩn bị sẵn kỹ năng viết sáng tạo của mình vì bạn sẽ cần đến chúng

Trên các trang danh mục, viết quảng cáo có đặc quyền của nó. Nó thông báo cho người mua sắm mỗi danh mục chứa gì, làm cho trang trông bớt trống trải hơn và cung cấp manh mối cơ bản cần thiết cho các công cụ tìm kiếm

Đây là một ví dụ khác từ Patagonia và cách viết quảng cáo đơn giản nhưng dễ hiểu và hấp dẫn của họ

Nếu là trang danh mục sản phẩm WooC Commerce
Nếu là trang danh mục sản phẩm WooC Commerce

Hãy nhớ rằng một trang sao chép sẽ không giúp ích hay cản trở SEO của bạn — nó sẽ chỉ bổ sung thêm một chút ý nghĩa về tổng thể, vì vậy đó không phải là điều bạn nên quá quan tâm.  

Đây là cách bạn thêm bản sao sản phẩm trong WooC Commerce.  

Từ Trang tổng quan của bạn, đi tới Sản phẩm → Thêm mới và bạn sẽ thấy một phần nơi bạn có thể đưa vào mô tả sản phẩm chính xác

Nếu là trang danh mục sản phẩm WooC Commerce
Nếu là trang danh mục sản phẩm WooC Commerce

Nếu bạn muốn chỉnh sửa một sản phẩm đã có sẵn, hãy đi tới Sản phẩm → Tất cả sản phẩm và nhấn vào biểu tượng 'Chỉnh sửa' nhỏ bên dưới sản phẩm. Như thế này. 👇

Nếu là trang danh mục sản phẩm WooC Commerce
Nếu là trang danh mục sản phẩm WooC Commerce

Khoảng trắng tương tự sẽ xuất hiện trong đó bạn có thể nhập mô tả mong muốn.  

Dưới đây, bạn sẽ thấy một ví dụ tuyệt vời khác về viết quảng cáo được thực hiện tốt bởi một công ty quần áo và đồ lướt sóng nổi tiếng với mục tiêu chính là giữ cho đại dương của chúng ta sạch sẽ và cung cấp các sản phẩm chất lượng cao và bền vững

Nếu là trang danh mục sản phẩm WooC Commerce
Nếu là trang danh mục sản phẩm WooC Commerce
Nguồn. O'Neill

Một chút gì đó để giúp bạn tạo các trang danh mục tùy chỉnh

Việc phát triển bố cục trang danh mục WooC Commerce tùy chỉnh của riêng bạn hoàn toàn không phải là một thách thức. Với plugin thích hợp, bạn sẽ có thể tạo chính xác những gì bạn có trong đầu mà không phải mất vô số thời gian làm việc với nó.
Tôi sẽ cung cấp cho bạn thông tin chi tiết về cách sử dụng plugin WooC Commerce Product Table Lite, plugin này sẽ kiểm soát hoàn toàn cách hiển thị thông tin và cách khách hàng tiếp cận hàng hóa của bạn.

Nếu là trang danh mục sản phẩm WooC Commerce
Nếu là trang danh mục sản phẩm WooC Commerce

Plugin này hiển thị các sản phẩm WooC Commerce của bạn theo bố cục bảng có thể tùy chỉnh, với khả năng thêm bộ lọc, hộp tìm kiếm, thanh cuộn, v.v.

Bạn cũng có thể sử dụng plugin để hạn chế hiển thị sản phẩm theo các danh mục hoặc danh mục con khác nhau. Để thực hiện những điều trên, Bảng sản phẩm WooC Commerce cung cấp hai tùy chọn.  

  • Bố cục bảng sản phẩm có thể được bật tập trung trên tất cả các trang danh mục sản phẩm. Điều này là lý tưởng nếu bạn muốn cá nhân hóa tất cả các trang danh mục sản phẩm của mình
  • Bạn cũng có thể tự tạo các trang danh mục WooC Commerce của mình bằng cách sử dụng mã ngắn. Ví dụ: nếu bạn chỉ muốn liệt kê các sản phẩm từ danh mục cụ thể trong bảng

Chúng tôi sẽ chỉ cho bạn cách định cấu hình Bảng sản phẩm WooC Commerce để thực hiện cả hai khả năng bên dưới

Cá nhân hóa các trang danh mục trong WooC Commerce bằng cách sử dụng Bảng sản phẩm

Bạn sẽ muốn định cấu hình cài đặt mặc định của plugin Bảng sản phẩm WooC Commerce sau khi bạn đã cài đặt và kích hoạt nó. Để bắt đầu, hãy điều hướng đến WooC Commerce → Cài đặt → Sản phẩm → Bảng sản phẩm.  

Trước tiên, hãy chuyển đến Bảng Thêm sản phẩm mới và tìm cài đặt Cột. Đây là nơi bạn sẽ có quyền kiểm soát thông tin nào xuất hiện trong bảng của mình. Ví dụ: bạn có thể hiển thị thuộc tính sản phẩm, trường tùy chỉnh và thông tin khác ngoài thông tin sản phẩm cốt lõi

Nếu là trang danh mục sản phẩm WooC Commerce
Nếu là trang danh mục sản phẩm WooC Commerce

Từ phần này, bạn có hai lựa chọn. một cái có thêm thông tin bổ sung về sản phẩm, cái còn lại có thêm hình ảnh sản phẩm. Nếu bạn nhấn Thêm cột, tôi sẽ hiển thị ảnh chụp màn hình bên dưới để bạn có thể chọn bất cứ thứ gì bạn muốn

Nếu là trang danh mục sản phẩm WooC Commerce
Nếu là trang danh mục sản phẩm WooC Commerce

Nếu bạn muốn điều chỉnh văn bản sản phẩm, thì đây là nơi bạn cần đến để cửa sổ này bật lên. 👇

Nếu là trang danh mục sản phẩm WooC Commerce
Nếu là trang danh mục sản phẩm WooC Commerce

Nếu bạn nhấn Product Image, điều tương tự cũng xảy ra. 👇

Nếu là trang danh mục sản phẩm WooC Commerce
Nếu là trang danh mục sản phẩm WooC Commerce

Ngoài ra, bạn có tùy chọn điều chỉnh các yếu tố Truy vấn của mình, chẳng hạn như số lượng sản phẩm, danh mục sản phẩm, SKU, ID sản phẩm, v.v. 👇

Nếu là trang danh mục sản phẩm WooC Commerce
Nếu là trang danh mục sản phẩm WooC Commerce

Sau đó, nếu bạn đi tới Điều hướng, bạn sẽ có thể thêm các nút điều hướng vào trang danh mục của mình, giống như thế này. 👇

Nếu là trang danh mục sản phẩm WooC Commerce
Nếu là trang danh mục sản phẩm WooC Commerce

Tạo thiết kế trang danh mục WooC Commerce của riêng bạn bằng Shortcode

Trước hết, shortcode là gì?

Shortcode là một đoạn mã nhỏ bổ sung một chức năng duy nhất cho trang web WordPress. Vì hầu hết các mã ngắn không được bao gồm trong các chủ đề hoặc plugin của WordPress nên chúng có thể được tích hợp vào các trang, bài đăng và tiện ích văn bản ở bất cứ nơi nào người dùng muốn thêm tính năng đó – hoặc bị xóa khi tính năng này không còn cần thiết

Để bắt đầu, hãy đi tới Trang → Thêm mới và tạo một trang WordPress cơ bản. Sau đó, trên trang, hãy chèn mã ngắn [bảng sản phẩm]. Bạn cũng có thể sử dụng trường tiêu đề thông thường để thêm tiêu đề danh mục

Nếu là trang danh mục sản phẩm WooC Commerce
Nếu là trang danh mục sản phẩm WooC Commerce

Mã ngắn sẽ hiển thị tất cả các sản phẩm WooC Commerce của bạn theo mặc định. Tuy nhiên, nếu bạn cảm thấy mình cần thêm thông tin về mã ngắn WooC Commerce, thì đây là một bài viết cụ thể về chủ đề này, trả lời tất cả các câu hỏi mà bạn có thể có.  

Một gợi ý cuối cùng. Hãy nhớ phục vụ những khách hàng có thể vô tình nhấp vào liên kết sai hoặc đến sai vị trí. Điều cần thiết là làm cho các trang danh mục của bạn đẹp mắt, hoạt động tốt và dễ sử dụng. Xem xét trải nghiệm của người dùng ngay lập tức thay vì giao diện của trang

Sử dụng Trình tạo trang

Trong WooC Commerce, sự xuất hiện của các trang danh mục sản phẩm được kiểm soát bởi một mẫu trên chủ đề bạn sử dụng. Nếu bạn không thích giao diện mặc định của các trang danh mục sản phẩm có sẵn với chủ đề của mình, bạn có thể tạo một mẫu tùy chỉnh để thay thế nó. Điều này thường được thực hiện với các trình tạo trang như Elementor, Divi, v.v.

Hãy lấy Divi làm ví dụ

Nếu là trang danh mục sản phẩm WooC Commerce
Nếu là trang danh mục sản phẩm WooC Commerce

Divi là một trong những chủ đề WordPress phổ biến nhất và vì một lý do chính đáng. Nó có rất nhiều chức năng và tương thích với WooC Commerce, hoàn hảo để tùy chỉnh các trang danh mục

Chủ đề này bao gồm trình tạo kéo và thả cho phép bạn tùy chỉnh mẫu trang danh mục. Theo cách này, bạn có thể thiết kế một mẫu trang danh mục mà bạn có thể sử dụng cho tất cả các trang danh mục của cửa hàng WooC Commerce của mình

Để bắt đầu sử dụng Divi, trước tiên bạn phải cài đặt và kích hoạt nó. Sau đó, bạn có thể tải xuống tệp zip Divi từ trang web chính thức của họ. Sau đó điều hướng đến Giao diện -> Chủ đề -> Thêm mới trên bảng điều khiển WordPress của bạn

Để tải lên Divi. zip vào trang web của bạn, đi tới Tải lên chủ đề và chọn tệp bạn vừa tải xuống. Tải xong nhấn Install Now để cài đặt theme và kích hoạt theme sau khi hoàn tất. Trình tạo Divi, trình tạo trang tích hợp mà chúng tôi sẽ sử dụng để tùy chỉnh các trang danh mục, sẽ được cài đặt khi bạn kích hoạt chủ đề Divi. Và, bạn đã hoàn thành

Đến với bạn

Các trang chuyên mục là rất cần thiết – làm cho chúng nổi bật

Gần như có vô số cách để nâng cao hiệu quả của một cửa hàng trực tuyến. Ví dụ: bạn có thể không ngờ rằng việc tối ưu hóa các trang danh mục của mình có thể tạo ra sự khác biệt đáng kể. Tuy nhiên, những trang này cũng quan trọng như bất kỳ thành phần nào khác trong cửa hàng của bạn

Bạn sẽ sẵn sàng đưa những trang nhàm chán này lên một tầm cao mới bằng cách thêm một số bản sao, tăng kích thước ảnh của bạn hoặc đính kèm một số liên kết hoặc thông tin được sắp xếp hợp lý. Vui lòng thử nghiệm một hoặc hai trong số các chiến lược này và xem điều gì sẽ xảy ra.  

Nếu là trang danh mục sản phẩm WooC Commerce
Nếu là trang danh mục sản phẩm WooC Commerce

Gabriella Antal

Gabriella là Nhà tiếp thị và Nhà văn nội dung số với lòng nhiệt thành đối với mọi thứ về WordPress. Khi cô ấy không nghiên cứu và soạn thảo các bài báo sắp tới, bạn có thể tìm thấy cô ấy ở ngoài trời khám phá ngoài trời với con chó của cô ấy

WooC Commerce có phải là trang danh mục sản phẩm không?

Trang danh mục WooC Commerce là gì? . Theo mặc định, hình ảnh sản phẩm lớn có tên, giá và các tùy chọn mua hàng sẽ được hiển thị. WooCommerce allows users to list products from a specific category or subcategory in a grid-style layout. By default, large product images with their name, price, and purchase options will be displayed.

Trang danh mục sản phẩm WooC Commerce ở đâu?

Truy cập WooC Commerce → Cài đặt, chọn tab Sản phẩm rồi chọn tùy chọn Hiển thị . Đối với mỗi tùy chọn Hiển thị Trang Cửa hàng và Hiển thị Danh mục Mặc định, hãy chọn Hiển thị cả hai.

Làm cách nào để hiển thị sản phẩm danh mục cụ thể trong mã ngắn WooC Commerce?

Danh mục sản phẩm . [product_category] – Sẽ hiển thị các sản phẩm trong một danh mục sản phẩm cụ thể. [product_categories] – Sẽ hiển thị tất cả các danh mục sản phẩm của bạn.