Adding a Cross-sells block in Klaviyo

Not only does Relo predict the optimal time for a customer to reorder or upgrade to a subscription, it can also display which products are often bought together or those that frequently follow on from another product. Using the Relo data algorithms, the most suitable alternative products will then be suggested and will display like this:

When a customer clicks on the product, they will be taken to their personalised Magic Cart with the product preloaded in the basket

These cross-sell opportunities can be displayed in a Klaviyo block. Here's how to setup:

How to Setup

  1. Open up the relevant Klaviyo template and click edit on the the table block. If you need to create a new table block have a read of this Klaviyo help guide.

  2. Select 'Data Source' and in Row Collection paste in the code: person|lookup:'Relo Crossell Magic Cart'

  3. Select Column1 and select 'Image'.

  4. Next, select Browse > Placeholder and then add in the code: item.imageSrc

  5. After adding the image placeholder, add the Alt Text, link and link.

    Alt text: Try something new!
    Link: {{person|lookup:'Relo Crossell Magic Cart Link'}}
    Image Width: 200 px (or something similar)

  6. Open up Column2 and make sure the following codes are:

    {{ }}

    Quantity: {{ item.quantity|floatformat:0 }}
    Price: ${{ item.price|floatformat:2 }}
  7. If your store is non US based and uses a different currency (e.g £GBP), make sure to amend the currency in the code above:

    Select the item name and select the link option {{ }}

    Add the Magic Cart link here {{person|lookup:'Relo Crossell Magic Cart Link'}}

  8. Finally, navigate to the small question mark to add the logic: person|lookup:'Relo Crossell Magic Cart'

Once completed, preview the email and follow the Magic Cart link to double check this has worked correctly. Please note, this may not show when previewing for some customers as the logic will only show when there is a cross-sell opportunity.

We'd also recommend setting up a header introducing the cross-sells like this. For this text box, we'd also recommending adding the same logic so that this only shows when the products are visible. If no recommendations are present, then this title will not show.

Use the same condition as above person|lookup:'Relo Crossell Magic Cart'