Khi mua sắm trên các trang thương mại điện tử, người mua hàng thường thấy một danh sách các sản phẩm liên quan, các sản phẩm gợi ý mua kèm bên dưới trang chi tiết sản phẩm của sản phẩm đó.

Tạo danh sách sản phẩm liên quan được xem là một giải pháp cho người bán lẫn người mua.

  • Đối với người bán: kích cầu tiêu dùng của người mua hơn nữa. Từ đó giúp tăng doanh thu sản phẩm. Bên cạnh đó, việc người mua nhấp vào các liên kết xem sản phẩm và dừng lại lâu hơn trên trang web giúp tăng thứ hạng SEO cho trang.
  • Đối với người mua: người mua có nhiều gợi ý để mua sản phẩm liên quan, tránh việc mua phân tán trên nhiều trang web, lãng phí thời gian. Chưa kể việc mua kèm có thể giúp người mua nhận được nhiều ưu đãi hơn, hoặc ít nhất là có thể giảm được phí vận chuyển cho đơn hàng.

Vậy thì, câu hỏi đặt ra là làm sao tạo được danh sách sản phẩm liên quan này?

Câu trả lời là, Product Recommend sẽ thực hiện điều đó!

Bạn cần quan tâm

1. Tổng quan về ứng dụng Product Recommend

Product Recommend là ứng dụng bán hàng được cung cấp hoàn toàn miễn phí cho Nhà bán hàng nhằm đáp ứng nhu cầu tạo danh sách sản phẩm liên quan. 

Ứng dụng do nhóm Haravan Partners phát triển, dễ dàng cài đặt và sử dụng, chỉ cần dán một đoạn mã vào file product.liquid.

Với Product Recommend, Nhà bán hàng có thể:

  • Dễ dàng tạo sản phẩm liên quan cho từng sản phẩm.
  • Cấu hình cách hiển thị sản phẩm trên website.



2. Cài đặt ứng dụng

  1. Nhà bán hàng truy cập vào trang ứng dụng Product Recommend.
  2. Chọn Cài đặt ứng dụng.



  3. Thực hiện cấp quyền cho ứng dụng kết nối với trang admin của bạn.
  4. Khi ứng dụng được cài đặt thành công, hệ thống tự động điều hướng về trang ứng dụng Product Recommend.

Để truy cập ứng dụng, Nhà bán hàng vào Trang quản trị Haravan -> Ứng dụng -> Product Recommend


3. Cấu hình hiển thị

Sau khi cài đặt ứng dụng Product Recommend thì Nhà bán hàng cần thực hiện một thao tác bắt buộc để danh sách sản phẩm liên quan có thể hiện lên được là cấu hình hiển thị.

Thao tác này chỉ cần thực hiện duy nhất một lần sau khi cài ứng dụng. Nhà bán hàng có thể thay đổi hoặc tùy chỉnh đoạn mã nếu cần thiết và trong trường hợp Nhà bán hàng biết mã hóa code.

  1. Từ Trang quản trị -> Website -> Giao diện.
  2. Nhà bán hàng chọn Thao tác -> Chỉnh sửa Code.
  3. Nhà bán hàng tìm kiếm tệp product.liquid, sau đó Nhà bán hàng sao chép đoạn mã bên dưới và dán vào tệp product.liquid. Nhấn Lưu để hoàn tất.

    {% assign productsrecommend = product.metafields.ProductRecommend %}

    {% for value in productsrecommend %}

    {% assign product_recommend=collections.all.products[value.last ]%}

    {% if product_recommend %}

    {% include 'product-loop-recommend' %}

    {%endif %}

    {%endfor %}

  4. Nhà bán hàng tạo mới tệp product-loop-recommend.liquid trong thư mục Snippets:
    1. Nhấp chọn Thêm mới một Snippet.
    2. Nhà bán hàng nhập tên tệp là product-loop-recommend.liquid, chọn Tạo Snippet.

  5. Sau khi tạo mới tệp product-loop-recommend.liquid, Nhà bán hàng sao chép và dán đoạn mã sau vào trong tệp. Nhấn Lưu để hoàn tất.
    <div class=" col-sm-6  pro-loop">
    <a href="{{product_recommend.url}}" title="{{product_recommend.title}}">
     
    <img alt="{{product_recommend.title}}" src="{%if product_recommend.images.size > 0%}{{ product_recommend.featured_image.src | product_img_url: 'large' }}{%else%}//hstatic.net/0/0/global/design/theme-default/no-image.png{%endif%}" alt="{{ product_recommend.featured_image.alt | escape }}" />
    </a>
    <div class="product-detail clearfix">
    <p class="pro-price">{{ product_recommend.price | money }}</p>
     
    {% if on_sale %}
    <del class="compare-price">{{ product_recommend.compare_at_price | money }}</del>
    {% endif %}
    <h3 class="pro-name">
    <a href="{{ product_recommend.url | within: collection }}" title="{{product_recommend.title}}">
    {{ product_recommend.title }}
    </a>
    </h3>
    <p>by {{ product_recommend.vendor }}</p>
    </div>
    </div>


4. Tạo danh sách sản phẩm liên quan

Tạo danh sách sản phẩm liên quan là cho từng sản phẩm cụ thể. Do đó, Nhà bán hàng vào từng sản phẩm để tạo danh sách sản phẩm liên quan.

1. Từ Trang quản trị Haravan -> Sản phẩm -> Nhà bán hàng nhấp chọn sản phẩm cụ thể.

2. Trong trang chi tiết sản phẩm của sản phẩm đó, Nhà bán hàng nhấp chọn Ứng dụng -> Product Recommend

3. Nhà bán hàng chọn tìm các sản phẩm liên quan đến sản phẩm, nhấn chọn + Thêm.


4. Các sản phẩm được thêm vào danh sách liên quan sẽ hiển thị vào phía bên phải màn hình và phía dưới của sản phẩm. Sản phẩm xuất hiện trong Danh sách sản phẩm liên quan là đã được Lưu. 

  • Nếu cần bỏ sản phẩm liên quan thì Nhà bán hàng nhấn chọn vào "dấu x" của sản phẩm cần bỏ.

5. Danh sách sản phẩm

Nhà bán hàng truy cập vào Trang quản trị Haravan -> Ứng dụng -> Product Recommend.

Nhà bán hàng chọn tab Danh sách sản phẩm.

Xem danh sách sản phẩm liên quan

Nhà bán hàng nhấp chọn vào biểu tượng mũi tên màu xanh để xem danh sách sản phẩm liên quan.

Xóa danh sách sản phẩm liên quan