# Inserting A Single Product Into An Email Template

Swish sends events for changes to item availability and price. These events are perfect for triggering personalised customer notifications about a specific item in their Wishlist.\
\
The most common single product flows are Low In Stock, Back In Stock and Price Drop alerts.

The simplest way to insert product information from a 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 your product image and details to appear.

<figure><img src="/files/nEZVu21zc0EDe2DVPP99" alt="" width="354"><figcaption></figcaption></figure>

Tables utilise Static data within the Styles setting by default. For a Single Product Email this is the correct approach and should not be changes.

<figure><img src="/files/1dj2ZxGYedM1tzC30B3I" alt="" width="354"><figcaption></figcaption></figure>

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):

<figure><img src="/files/kxwTVkXmazSK6gJrphjx" alt="" width="356"><figcaption><p><br></p></figcaption></figure>

<div data-full-width="true"><figure><img src="/files/zxpsDWK381n6D9ERd25W" alt=""><figcaption></figcaption></figure></div>

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:

```html
{% catalog event.ItemId integration='shopify' %}{{ catalog_item.featured_image.full.src }}{% endcatalog %}
```

<figure><img src="/files/a9bivBrck8AUELZHtcYM" alt=""><figcaption></figcaption></figure>

Next, press **Save**

Now, enter this code into the Link address field

```html
{% catalog event.ItemId integration='shopify' %}{{ catalog_item.url }}{% endcatalog %}
```

<figure><img src="/files/lYzjQoETbEqm3RfWpCEW" alt="" width="354"><figcaption></figcaption></figure>

Now, to insert 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:**

<figure><img src="/files/er05dSIe7fnBOLttksmZ" alt="" width="354"><figcaption></figcaption></figure>

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

```html
<p style="text-align: center;">
  <a href="{% catalog event.ItemId integration='shopify' %}{{ catalog_item.url }}{% endcatalog %}">{% catalog event.ItemId integration='shopify' %}{{ catalog_item.title }}{% endcatalog %}</a>
</p>
<p style="text-align: center;">
  {% catalog event.ItemId integration='shopify' %} 
    {% if catalog_item.variant %}
      <!-- Single variant product or user has select variant --> 
      {% currency_format catalog_item.variant.price %}
      {% if catalog_item.variant.metadata|lookup:"compare_at_price" and catalog_item.variant.metadata|lookup:"compare_at_price"|divide:1 > catalog_item.variant.price|divide:1 %}
        <s>{% currency_format catalog_item.variant.metadata|lookup:"compare_at_price" %}</s> 
      {% elif catalog_item.metadata|lookup:"compare_at_price" and catalog_item.metadata|lookup:"compare_at_price"|divide:1 > catalog_item.variant.price|divide:1 %} 
        <s>{% currency_format catalog_item.metadata|lookup:"compare_at_price" %}</s>
      {% endif %} 
    {% else %}
      <!-- Multiple variant product and no variant selected -->
      {% currency_format catalog_item.metadata|lookup:"price" %} 
      {% if catalog_item.metadata|lookup:"compare_at_price" and catalog_item.metadata|lookup:"compare_at_price"|divide:1 > 0 %}
        <s>{% currency_format catalog_item.metadata|lookup:"compare_at_price" %}</s>
      {% endif %}
    {% endif %} 
  {% endcatalog %}
</p>
```

<figure><img src="/files/n0mYzWKbRzcruYQLyQmu" alt=""><figcaption></figcaption></figure>

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


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.swish.app/integrations/klaviyo-integration/configuring-email-content/inserting-a-single-product-into-an-email-template.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.