Klaviyo and Idukki: what works today

There are two ways to get Idukki customer photos into Klaviyo emails. The web feed works today and needs no keys. The Klaviyo connection is in early access.

What works today: the web feed

Idukki publishes a public JSON feed of your product-tagged posts. Klaviyo web feeds can read it. Posts you have hidden are left out.

{% for post in feeds.Idukki_ugc.result.data %}
  <a href="{{ post.link }}">
    <img src="{{ post.image_url }}" alt="{{ post.title }}" width="180" style="max-width:100%;height:auto;">
  </a>
{% endfor %}

Email Campaign in your Idukki dashboard writes this HTML for you. Pick posts and a grid, then copy the code. If Email Campaign is not in your dashboard, request it from its page.

Feed links go straight to the product page. Klaviyo counts those clicks. Idukki does not see them.

In early access: the Klaviyo connection

Once the connection opens for your store, it works like this.

• Connect from Settings > Klaviyo Integration with Connect to Klaviyo. Idukki asks for catalog access only.
• A post syncs to a Klaviyo catalog when you tag it to a Shopify product. Approving its rights also starts a sync. Sync now runs a full sync.
• Each catalog item is keyed by the Shopify product id. It carries the photo, the caption and a tracked click link.
• The same tab has a Template block library with three blocks. They are Abandoned cart, Thank you / after purchase and Any product block.
• A block shows nothing for a product with no content. A live send never shows an empty slot.
• Image clicks go through an Idukki tracked link and are matched to your Shopify orders. The Email UGC card shows clicks and attributed revenue.
• Disconnect Klaviyo revokes the token. A catalog item is removed when no eligible post is left for its product.

{% 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 %}