Bài viết này cũng có sẵn trong:

Về tính năng cross-sell từ sản phẩm A sang sản phẩm B

Trong bài viết này, bạn sẽ được hướng dẫn cách thiết lập tính năng tự động chuyển hướng khách hàng đến Sản phẩm B sau khi họ thêm Sản phẩm A vào giỏ hàng (ATC), bằng cách sử dụng metafield của Shopify.

Tính năng chuyển hướng sẽ không hoạt động nếu Sản phẩm B đã có sẵn trong giỏ hàng

Hướng dẫn cách set up

Bước 1: Thiết lập Metafield cho sản phẩm chuyển hướng

Trong Shopify Admin, vào Settings > Metafields and metaobjects > Products

Chọn Add definition

Tại trường Name, nhập Cross Sell Product , chọn Type là Product và nhấn Save.

Quay lại mục Products, tìm sản phẩm bạn muốn thiết lập và kéo xuống phần Product metafields.

Tại trường này, chọn sản phẩm B mà bạn muốn khách hàng được chuyển hướng đến sau khi sản phẩm A ban đầu được thêm thành công vào giỏ hàng.

Bước 2: Thêm đoạn mã Liquid vào Theme

Vào Online Store > Themes và chọn Edit code.

Tìm và mở file theme.liquid. Tìm thẻ </head> và chèn đoạn mã dưới đây ngay phía trước thẻ này.

<script type="text/javascript">
      teeinblue = {
        ...(window.teeinblue || {}),
        onItemAdded: function(item) {
          {% if product.metafields.custom.cross_sell_product.value %}
            const crossSellHandle = "{{ product.metafields.custom.cross_sell_product.value.handle }}";
            const crossSellUrl = "{{ product.metafields.custom.cross_sell_product.value.url }}";
            fetch('/cart.js')
            .then(res => res.json())
            .then(cart => {
              const isProductInCart = cart.items.some(item => item.handle === crossSellHandle);
              if (!isProductInCart) {
                window.location.href = crossSellUrl;
              } else {
                console.log("The cross-sell product is already in the cart.")
              }
            });
          {% endif %}
        }
      }
</script>

Bước 3: Kiểm tra trên Storefront

Nhấn Save để áp dụng các thay đổi. Sau đó, vui lòng quay lại storefront và thực hiện Add to Cart (ATC) để kiểm tra xem tính năng chuyển hướng có hoạt động như mong đợi hay không.

Shopify và các nền tảng liên quan thay đổi theo thời gian. Nếu gặp vấn đề trong quá trình thiết lập hoặc cần hỗ trợ, bạn có thể liên hệ với team support qua Live Chat hoặc email 🤩

Cập nhật vào: 06/10/2026

Bài viết có hữu ích không?

Cảm ơn!