This guide will show you how to embed your Email Assets in your Dotdigital emails to enhance your personalized, product-specific email campaigns.

First of all, if you're not familiar with how to set up an Email Asset, it's a good idea to read this general article first.

Depending on the settings you've selected for the Email Asset's format (HTML or Links), integration will be different.

HTML (Dynamic Asset)

When you finish creating your HTML Dynamic Asset, an embed HTML code will be generated that you can copy.

1. When editing your email template in Klaviyo, drag and drop a Text block into your email at its desired position.

2. Once you’ve placed the 'Text block' in your email, click on it. Once selected, click on the "Edit HTML" button available in the top right. It's displayed as a box containing a "< >" symbol. This will open the HTML markup editor.

3. Paste the HTML code for the Dynamic Email Asset you previously copied. Click on "Apply" to save the changes.

4. Once saved, the Email Asset will appear in your email template.

Links (Dynamic Asset & Dynamic Product Asset)

When you finish creating your "Links" Dynamic Assets, a series of links will be generated. Each of these links can be integrated in different Liquid blocks of your email template and return and a product image, a product link, a product name or a product title based on a product variable available in Dotdigital.

It's important to make sure that during the Email Assets setup you provide the correct product variable available in Dotdigital. This variable will be processed and return the exact product identifier it contains, thus providing the URL with a valid product identifier. Here's an example using "{{ product.product_id }}" as a variable:

For example, if you're creating a post-purchase email, the first step you will need to follow is to add a Liquid Loop block in your Email template. Within this Liquid Loop block, you will need to select the "Orders" collection so it fetches the user's order information.

From here, it will be possible to loop through all the products in a user's order.

The next step is to add a Liquid markup block inside the Loop block you've just created. In this block you will be able to input your custom code and process the Email Assets links you've previosuly generated.

It's particularly important to take into account the number at the end of each Email Asset link. This number can be replaced by an iterator variable, so it increases from 0 to N depending on the amount of content you want to return. In order to do so, you can set up a product loop like in this code example. This code would go on the "Liquid markup" block.

{% assign latest_order = contact.insight.orders | sort: 'purchase_date' | last %}
{% assign products = latest_order.products | sort: 'price' | reverse %}

{% for product in products %}
  <div>
    {% assign count = 2 %}
      {% for i in (0..count) %}
        <div style="display:inline-block; vertical-align:top;">
          <a href="https://wuhg3bmvk0.execute-api.eu-west-1.amazonaws.com/Prod/email_asset/6d980c23-21ae-48c9-931e-dd9fc1b83cf0/product/{{ product.product_id }}/link/{{ i }}">
            <img src="https://wuhg3bmvk0.execute-api.eu-west-1.amazonaws.com/Prod/email_asset/6d980c23-21ae-48c9-931e-dd9fc1b83cf0/product/{{ product.product_id }}/image/{{ i }}">
          </a>
        </div>
      {% endfor %}
    <div>{{ product.name }} - {{ product.price }}</div>
  </div>
{% endfor %}

With this code example as a base, you can return UGC product images and their corresponding product links. You can also create and customize your own designs by implementing the Email Asset links in different ways.

Once your template is set up, you can preview it and use the "Test" feature to send a test email to your own inbox.

Flowbox Email Assets work well in post-purchase emails, but can also be used to enrich other campaigns including abandoned cart, abandoned browse, complete the look, etc.

Setting up Email Assets in Dotdigital

HTML (Dynamic Asset)

Links (Dynamic Asset & Dynamic Product Asset)