This article is also available in:

How to add Cross-sell Personalization to your campaigns

Boost your sales by offering personalized add-ons directly on your product page.

With Cross-sell Personalization, you can link a main product to another product or an entire collection. When buyers customize the main product, they’ll also see the linked items — giving them the option to personalize and purchase both together in one click.

Please continue reading this article to learn how to do so!

Setting up Cross-sell Personalization feature

Step 1. Turn on Cross-sell Personalization for your store

Navigate to your Teeinblue > Store Settings > Product Page Settings > Cross-sell Personalization and enable the toggle there.

Once enabled, please be sure to click on the Add metafields button as well.

This will automatically create two required metafields in your store: tib.cross_sell.product and tib.cross_sell.collection. These metafields are needed for the next step.

Step 1.1. Choose where to display the Cross-sell block

In the same Cross-sell Personalization section, use Display on to choose where customers see the Cross-sell block:
- Product page: show the Cross-sell block on the product page. Customers can personalize the linked item while they personalize the main product, then add both to cart in one click.
- Cart: show it under each item in the cart.
- Both product page & cart: show it in both places.

If you choose Cart or Both product page & cart, you need to add a short code snippet to the cart page of your theme. Follow this guide: Add Cross-sell Personalization on Cart page.

Step 2. Assign Cross-sell Products or Collections in Shopify

Since the feature doesn’t automatically apply a cross-sell product to all your Teeinblue products. You’ll need to manually select which products should display the Cross-sell block by editing them in your Shopify Admin.

Navigate to Shopify Admin > Products > select the product you want to add the Cross-sell feature to. For example:

Scroll down a little bit, and you should find the Metafields with two new metafields added there:

**TIB cross-sell collection(s): **Select one or more collections to link as cross-sell options. Customers will then be able to browse and choose from any product within those collections during personalization.

Here’s what your customers will see on the product page:

**TIB cross-sell product: **Select a single product to link as the cross-sell item. Customers will see and can personalize this specific product alongside the main one.

Here’s what your customers will see on the product page:

If you add both "Cross-sell collection" & "Cross-sell product", only the collection will show up instead of the product.

Note**:** Add-on charges are currently not supported for Cross-sell products. If a customer selects an add-on while personalizing the Cross-sell product, only the product itself will be added to the cart, the add-on won’t be included. Keep this in mind when choosing a Cross-sell product that uses add-on pricing.

Step 2.1: Bulk assign Cross-sell products

You can quickly apply the Cross-sell setup to multiple products in Shopify by using the Bulk Edit function.

Navigate to your Shopify Admin > Products section > select the products you would like to add the Cross-sell feature to > select Bulk Edit

You might need to click the Column Icon, then add the Metafields to the Table

Select the Collection or the Product you want to add the Cross-sell feature to

Step 3. Customize and translate the Cross-sell block text

You can change the text shown in the Cross-sell block, and translate it into each language your store sells in.

Go to Teeinblue > Store Settings > Product Page Content and find the Cross-sell Personalization section.

At the top of the page, use the Languages from dropdown to choose the language you want to edit.
Edit the text in each field:
- Cross-sell Personalization title: the heading of the Cross-sell block. Default: Add a matching customizable item.
- Cross-sell Personalization description: the short text under the heading. Default: Complete your set with a matching personalized item. Buy together & enjoy your personalized bundle!
- "Choose product" button: the button customers click to pick a Cross-sell product.
- "Sold out" button: shown when the Cross-sell product is sold out.
- "Edit design" button: lets customers edit the design of the Cross-sell product they personalized.
- Cross-sell Personalization deletion confirmation: the message shown when customers remove the Cross-sell item. Default: Are you sure you want to remove this item?
- Cross-sell confirm delete button / Cross-sell cancel delete button: the two answers to that message. Defaults: YES and NO.
Click Save when you're done. Repeat for each language you sell in.

You can also use Auto translate to fill in the fields for the selected language, or Import / Export to manage your translations in bulk.

Step 4. Review and test your Cross-sell products

You’re almost there! This last step is just about polishing things up. Double-check the translations, review the display, and make sure the Cross-sell block looks good and works as expected.

Go back to Teeinblue > Store Settings > Product Page Content > Cross-sell Personalization and review your text in every language (see Step 3).
Also, be sure to double-check everything on your storefront. Confirm that the Cross-sell block appears correctly, and that when you add the main product to cart, the linked Cross-sell product is also added automatically.

Transaction fee of the order will include the Cross-sell products.

Updated on: 18/10/2026

Was this article helpful?

Thank you!