Nếu có một tính năng bạn sẽ tìm thấy trên hầu hết mọi trang web liên kết, đó là biểu đồ so sánh sản phẩm. Nghiêm túc mà nói, tôi nghĩ một yêu cầu để tham gia chương trình liên kết Amazon Associates là bạn có thể tạo bảng so sánh sản phẩm.

Nhưng bất chấp sự phổ biến của chúng, hầu hết mọi người vẫn chăm chỉ tạo bảng sản phẩm của họ bằng cách sử dụng trình tạo trang, HTML tùy chỉnh hoặc plugin bảng như Excel hoặc TablePress.

Trong hướng dẫn này, tôi sẽ chỉ cho bạn một giải pháp thay thế là một lựa chọn tuyệt vời nếu bạn đang sử dụng một trang web liên kết được cung cấp bởi WooCommerce.

Bạn sẽ học cách tạo các bảng được tạo động, có thể tìm kiếm, có thể lọc và có thể sắp xếp. Hơn hết, bạn sẽ có toàn quyền kiểm soát thông tin bạn hiển thị trong Bảng sản phẩm liên kết của mình.

Điều này không chỉ giúp bạn tiết kiệm thời gian mà còn giúp mọi việc tốt hơn cho bạn. khách (và trải nghiệm tốt hơn có nghĩa là nhiều chuyển đổi hơn!).

Cách tạo Bảng sản phẩm liên kết trên WooCommerce

Để có hướng dẫn này để làm việc, bạn cần hai plugin:

  • WooCommerce - đây là những gì bạn sẽ sử dụng để quản lý các sản phẩm liên kết khác nhau của mình.
  • Bảng sản phẩm WooCommerce - đây là những gì bạn sẽ sử dụng để hiển thị các sản phẩm liên kết này trong một bảng có thể lọc, có thể sắp xếp và tìm kiếm được.

Tôi sẽ giả định rằng bạn đã cài đặt và kích hoạt cả hai plugin trước khi bắt đầu hướng dẫn.

Đó là, trong khi tôi sẽ chỉ cho bạn cách thêm một sản phẩm liên kết vào WooCommerce, Tôi sẽ không chỉ cho bạn cách thiết lập một cửa hàng WooCommerce. Nếu bạn cần trợ giúp, bạn có thể xem hướng dẫn toàn diện này.

Bước 1: Thêm các sản phẩm liên kết của bạn vào WooCommerce

Nhiều người nghĩ rằng WooCommerce chỉ là một giải pháp để bán của riêng bạn các sản phẩm. Nhưng nó thực sự bao gồm chức năng cơ bản để bán các sản phẩm liên kết bên ngoài - không cần điều chỉnh!

Để thêm sản phẩm liên kết đầu tiên của bạn, hãy truy cập Sản phẩm → Thêm mới trong trang tổng quan của bạn.

Điều quan trọng là tìm hộp Meta của dữ liệu sản phẩm và thay đổi loại sản phẩm trong Bên ngoài / Liên kết:

Tạo một sản phẩm liên kết wordpress

Sau đó điền thông tin cho:

  • URL sản phẩm - đây là URL dẫn trực tiếp đến sản phẩm.
  • Văn bản nút – WooC Commerce sẽ hiển thị một nút để liên kết đến nơi khách thăm quan có thể mua sản phẩm thay vì nút Thêm vào giỏ hàng.
  • Prix – Nó không phải là bắt buộc . Và nếu bạn liên kết với Amazon, hãy đảm bảo nhập giá tĩnh, vì việc có giá không chính xác là vi phạm chính sách của Amazon Associates ( điều này có lẽ là do thực tế là Amazon đang thay đổi giá ). Đối với các chương trình liên kết khác, bạn sẽ không gặp vấn đề gì.

Cùng với thông tin cụ thể về đơn vị liên kết, bạn cũng sẽ muốn điền vào các chi tiết sản phẩm chung như:

  • Tiêu đề
  • Mô tả
  • Hình ảnh
  • Vv

Khi bạn đã xuất bản sản phẩm liên kết của mình, bạn có thể xác minh rằng trang sản phẩm hiển thị một nút với lời gọi hành động để mua từ một cửa hàng bên ngoài:

Ví dụ về một sản phẩm để mua trong một cửa hàngBây giờ tất cả những gì bạn cần làm là lặp lại quy trình tương tự cho bao nhiêu sản phẩm liên kết mà bạn muốn thêm.

Tôi khuyên bạn nên sử dụng Danh mục hoặc Thẻ để phân chia sản phẩm theo chủ đề, vì nó sẽ rất hữu ích sau này nếu bạn muốn tạo nhiều bảng sản phẩm liên kết cho các đối tượng khác nhau.

Bước 2: Cấu hình Shortcode Bảng sản phẩm WooC Commerce

Để hiển thị bảng các sản phẩm liên kết, bạn sẽ sử dụng mã ngắn của plugin WooCommerce Product Table.

Mặc dù bạn vẫn có thể chỉnh sửa thủ công mã ngắn trên mỗi bảng, plugin cho phép bạn định cấu hình chức năng mặc định của mã ngắn bằng cách truy cập WooC Commerce → Cài đặt → Sản phẩm → Bảng sản phẩm (Bảng sản phẩm):

Bảng sản phẩm Woocommerce

Chúng tôi sẽ tập trung vào các cài đặt áp dụng nhiều nhất cho việc tạo Bảng sản phẩm liên kết.

Trong khu vực của Thiết kế bảng, bạn có thể định cấu hình thiết kế tùy chỉnh cho bảng của mình nếu muốn:

Thiết kế bảng sản phẩm Woocommerce

Hoặc, bạn luôn có thể gắn bó với phong cách mặc định của plugin.

Đi xuống một chút, bạn có thể chọn thông tin để hiển thị cột trong bảng của bạn. Cá nhân tôi nghĩ rằng thiết lập mặc định là khá ổn định. Nó sẽ hiển thị:

  • Hình ảnh sản phẩm
  • tên riêng
  • Mô tả ngắn
  • Prix
  • Thêm vào giỏ hàng ( liên kết trực tiếp đến cửa hàng liên kết )

Nếu bạn không định hiển thị giá, bạn có thể loại bỏ cột giá. Ngoài ra, bạn có thể xóa phần mô tả ngắn vì nó có thể khiến bảng của bạn hơi lộn xộn nếu bạn có phần mô tả dài.

Tương tự như vậy, bạn có thể thêm các cột bổ sung để hiển thị thêm thông tin. Bài viết Trợ giúp này chứa một danh sách đầy đủ các cột tiềm năng.

Định cấu hình mã ngắn

Đây thực sự là hai điều duy nhất mà bạn cần xem xét. Mặc dù bạn luôn có thể thay đổi các cài đặt khác để phù hợp với sở thích của mình, nhưng tôi nghĩ rằng các cài đặt mặc định là khá tốt cho hầu hết các mục đích sử dụng.

Bước 3: Chèn mã sản phẩm thương mại WooC

Bây giờ bạn đã định cấu hình mặc định, bạn có thể chèn bảng sản phẩm liên kết của mình bằng cách sử dụng mã ngắn product_table ] (không có không gian).

Điều duy nhất bạn cần thêm vào shortcode của mình là một tham số để chỉ ra các sản phẩm cụ thể cần bao gồm (nếu không, shortcode sẽ hiển thị mọi sản phẩm WooC Commerce có sẵn, có thể không phải là thứ bạn muốn).

Để làm điều này bạn có thể sử dụng tag "Tag_name" ou thể loại "Tên danh mục" .

Ví dụ, đây là một ví dụ về việc sử dụng shortode:

Sử dụng mã ngắn

Và đây là cách nó trông trên giao diện:

Bảng sản phẩm mẫu

Một số điểm cần lưu ý trong bảng này khi bạn xây dựng bảng của mình:

  • Bảng sẽ sử dụng văn bản nút bạn nhập khi thiết lập sản phẩm liên kết của bạn. Vì vậy, bạn có thể sử dụng cùng một văn bản ở mọi nơi hoặc làm cho chúng khác nhau như trong ví dụ của tôi.
  • Nếu bạn không nhập giá, giá đó sẽ trống. Vì lý do này, bạn có thể nên sử dụng định giá hoặc không sử dụng định giá trên tất cả các sản phẩm liên kết của mình.

Bước 4: (Tùy chọn) Bao gồm các tiện ích bộ lọc thanh bên

Một điều thú vị bạn có thể làm với Bảng sản phẩm WooC Commerce ( và không thể làm với các giải pháp bảng so sánh sản phẩm khác ) là hiển thị các tiện ích bộ lọc trên thanh bên để bạn khách có thể tương tác với mảng sản phẩm liên kết của bạn.

Nó không cần thiết - nhưng tôi nghĩ chúng làm cho bảng của bạn có thể sử dụng được nhiều hơn.

Để thêm chúng, hãy truy cập Ngoại hình → Widgets và trượt trên các widget khác nhau " Bộ lọc Nav theo lớp sản phẩm« .

Thêm widget trên wordpress

Một khi bạn làm điều này, khách sẽ có thể lọc các sản phẩm liên kết.

Để hoàn thành

Hướng dẫn này sẽ không hoạt động với mọi trang web liên kết, vì nó phụ thuộc vào việc sử dụng WooCommerce để quản lý các sản phẩm liên kết của bạn.

Nhưng nếu bạn sử dụng WooCommerce hoặc có tùy chọn, bạn nên biết rằng đây là một cách tuyệt vời để hiển thị một mảng sản phẩm liên kết linh hoạt và hữu dụng hơn.

Và bởi vì nó được tạo động, bất kỳ sản phẩm liên kết mới nào bạn thêm vào WooCommerce sẽ tự động hiển thị trên các bảng tương ứng, điều này dễ dàng hơn nhiều so với việc phải chỉnh sửa thủ công các bảng tĩnh mỗi khi bạn muốn thêm. hoặc cập nhật một sản phẩm.