Add customer photos to your Klaviyo abandoned-cart email

This guide puts a customer photo under each item in your abandoned-cart email. It uses the Klaviyo connection and the Abandoned cart block.

You need a Shopify store connected to Idukki and a Klaviyo account. You also need an abandoned-cart flow triggered by Started Checkout.

The block you paste

This is the Abandoned cart block from the tab. Copy it from the tab when you set up, in case it has changed.

{% for item in event.extra.line_items %}
  {% catalog item.product_id integration="api" %}
    {% if catalog_item.metadata.ugc_thumbnail_url %}
      <a href="{{ catalog_item.metadata.ugc_click_url }}">
        <img src="{{ catalog_item.metadata.ugc_thumbnail_url }}" alt="Customer photo of {{ item.title }}" width="280" style="max-width:100%;height:auto;border-radius:8px;">
      </a>
    {% endif %}
  {% endcatalog %}
{% endfor %}

The catalog tag looks up the Idukki catalog item for each cart product. The part that reads integration="api" points it at the catalog Idukki writes. Without it, Klaviyo reads your Shopify catalog and finds no photos.

The block reads item.product_id, the Shopify product id on the Started Checkout event. We have not yet checked that field in a live Klaviyo send. Preview before you switch the flow on.

Seeing results for this flow

By default every click lands under one flow, named unknown. Idukki cannot tell which flow sent it. To split them out, add &flow=abandoned-cart after the click link merge tag in Klaviyo.