Inserting Content Into A Flow Email

The simplest way to insert the dynamic product information from the Wishlist event is by using a Table content block in your email templates.

To add a Table content block and integrate the catalog lookup tags for displaying your products and content, follow these steps:

Under Blocks select and drag a Table onto your template where you would like the dynamic products to display.

Determine which side of your Table content block will contain the product information and which side will feature the product image (We recommend image left and text right):

Select the left-hand side of the table and click Image, and then click Select Image:

Select Dynamic Image and enter this code into the field for the image URL:

{% catalog item.ItemId integration='shopify' %}{{ catalog_item.featured_image.thumbnail.src }}{% endcatalog %}

Next, press Save

Now, enter this code into the Link address field

{% catalog item.ItemId integration='shopify' %}{{ catalog_item.url }}{% endcatalog %}

Now, to insert the product details we use the text column the box on the right-hand side of the Cell selector and then select Text under Column content.

Here you can utilise the relevant catalog lookup tags from the table above. In this example we are going to include the Product title, variant title and current price using the following code:

NOTE: This code must be pasted into the Source code within the text editor:

Once you have the Source Code editor open, paste the below code

<p><a href="{% catalog item.ItemId integration='shopify' %}{{ catalog_item.url }}{% endcatalog %}"> {% catalog item.ItemId integration='shopify' %}{{ catalog_item.title }}{% endcatalog %} </a></p>
<p>{% catalog item.ItemId integration='shopify' %} {% if catalog_item.variant %} {% currency_format catalog_item.variant.price %} {% if catalog_item.variant.metadata|lookup:"compare_at_price" %} <s>{% currency_format catalog_item.variant.metadata|lookup:"compare_at_price" %}</s> {% elif catalog_item.metadata|lookup:"compare_at_price" %} <s>{% currency_format catalog_item.metadata|lookup:"compare_at_price" %}</s> {% endif %} {% else %} {% currency_format catalog_item.metadata|lookup:"price" %} {% if catalog_item.metadata|lookup:"compare_at_price" %} <s>{% currency_format catalog_item.metadata|lookup:"compare_at_price" %}</s> {% endif %} {% endif %} {% endcatalog %}</p>
<p><a href="{% catalog item.ItemId integration='shopify' %}{{ catalog_item.url }}{% endcatalog %}">Shop Now</a></p>

You can now preview and send a test email to ensure that everything is setup and working as expected!