> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://support.teeinblue.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# 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.

![](https://storage.crisp.chat/users/helpdesk/website/-/6/0/8/5/6085dc2a7293d800/crosssellproductgif-optimize_oqzzvs.gif)

|| 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**

![](https://storage.crisp.chat/users/helpdesk/website/-/6/0/8/5/6085dc2a7293d800/image_15pgvz6.png)

* Chọn **Add definition**

![](https://storage.crisp.chat/users/helpdesk/website/-/6/0/8/5/6085dc2a7293d800/image_14hrs2u.png)

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

![](https://storage.crisp.chat/users/helpdesk/website/-/6/0/8/5/6085dc2a7293d800/image_u2dirt.png)

* 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**.

![](https://storage.crisp.chat/users/helpdesk/website/-/6/0/8/5/6085dc2a7293d800/image_6z1cx7.png)

* 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**.

![](https://storage.crisp.chat/users/helpdesk/website/-/6/0/8/5/6085dc2a7293d800/image_5nptg4.png)

* 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.

```javascript
<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>
```

![](https://storage.crisp.chat/users/helpdesk/website/-/6/0/8/5/6085dc2a7293d800/image_w2xrkh.png)

###### 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 🤩