How to set up your Collection Page Cross-Sell?

Learn how to activate the cross-sell tool to increase your AOV.

Stacey From Kimonix

Last Update há 9 dias

What is the collection page cross-sell tool?

This tool is used to encourage customers to purchase products that are frequently bought together and can help increase your AOV (Average Order Value).

The tool will automatically show frequently bought-together product suggestions on all the products that have sufficient data and across all collections on your site.

Important note: If you use Markets on Shopify, you will need to activate “Shopify markets” in the app in order to use this tool. This enables support for product pricing in local currencies and product listing in different markets. You also have the option to add additional languages. For the tool to function properly please refer to more instructions about this at the bottom of the article (step 3).

Let’s get started:


Step 1: Start the setup

  • Go to the “Collection page cross-sell” section

  • Click on the green “Start setup” icon.

After you click on “Start setup”, a processing pop-up will appear. This may take a few minutes.

Good to know: This only loads the setup page. No changes will take place on your site even after the setup is complete.

Step 2: The setup page:

  • On the setup page, you will first see the analytics section (Step 8). This is where you can view all the data collected for the tool within the timeframe you set (it will automatically be set to 30 days which is recommended).

  • Next, you will see the Live on store’s site section (Step 5+6). This is where you can preview how the buttons and product suggestions will look on your site (by clicking the "See preview on site" button). This is also where you are able to choose to turn on the toggle for the tool to be live on your store’s site so that customers can see it.

  • Lastly, you have the option to configure the layout of your tool (Step 4). Here you can edit the Recommendations button, and the Recommendations popup, along with some additional settings.

Step 3 (Optional): Only for “Shopify Markets” users

Please follow the instructions below to enable “Shopify markets” in the app:

  • First, make sure you have the “Shopify markets integration” feature as part of your plan (this feature is part of the Superior plan, and you can activate it as needed).

  • Click on your store name in the top right corner.

  • Click on Settings.

  • Scroll down to the Shopify markets section, and make sure to turn on the Shopify markets integration toggle.

Now let's get started with configuring the layout:

Step 4: Layout configurations


Phase 1 - Recommendations button

Here you can change the button’s text, size, position, and colors. You can also see a preview (on the right-hand side) of how the button will look on the products in your store.

Good to know: The threshold for a product to get the cross-sell button is at least one joint order.

Phase 2- Recommendations popup configuration

Here you can change the text, alignment, and colors for the pop-up. You can also have an “add to cart” button.

Phase 3 - Additional Settings

A. Set the limit on how many recommended products should be shown in the pop-up.

B. Exclude certain products from being recommended based on their tags.

C. Do not show any recommended products for products with certain tags.

D. Manage the variants inventory ratio limit.

FAQ- How would it look in my store?
Below is an example of a product with a cross-sell button (bottom right placement). Then, there is an example of the configuration pop-up of the items that are frequently bought together with the first product after you click the “Pair With” button. 

You can also do more customizations using the Shopify admin CSS by going to your online store > customize > theme settings (the gear wheel).

Step 5: Preview on site
After you are happy with the changes, preview how it will look on your site before going live. (optional) 

Step 6: Set the tool to be live on your site, for all customers

Turn on the toggle for it to be live on your site. 

Good to know: Once you activate the tool, you have 10 days to test it and then make at least 1 tool live. If you do not set at least one tool as live within those 10 days then it will be automatically deactivated/removed.

Step 7: Save your cross-sell tool

Scroll down to the bottom of the page and click on the green "Save" button.

Step 8: Analytics

You can see the analytics of the tool at the top of the page so you monitor the tool’s performance. This is situated right at the top of the page and contains data like button clicks, sales (money), items added to cart, and money added to cart.

Example below (30 Days Period):

Good to know: The default period is 30 days. You can change this by selecting a value from the dropdown arrow.

Congratulations, your cross-sell tool is live and is ready to increase your average order value!

Have any feature requests? Need our help?

We are here ➞ Message us directly through this chat link.

Was this article helpful?

0 out of 0 liked this article

Still need help? Message Us