Swish Docs
Go to websiteInstall now
  • Swish Documentation
  • GETTING STARTED
    • Getting Started
  • THEME EXTENSIONS
    • App Settings
    • Collection Buttons
    • Floating Wishlist Link
    • Product Page Buttons
    • Wishlist Page
  • CUSTOMIZATIONS
    • Code Editor
    • Custom Wishlist Page
    • Instant Header Link
    • Custom Colour Swatches
    • Save for Later Button
    • Wishlist Notifications
  • INTEGRATIONS
    • Swish API
    • Klaviyo Integration
      • Klaviyo Integration Setup
      • Configuring Events In Swish
      • Testing Events
      • Setting Up Klaviyo Flows
        • Wishlist Welcome Flow
        • Wishlist Reminder Flow
        • Low In Stock Flow
        • Back In Stock Flow
        • Price Drop Flow
      • Configuring Email Content
        • Flows and Events
        • Inserting A Single Product Into An Email Template
        • Inserting Multiple Products Into An Email Template
    • Google Analytics
    • Meta Pixel
    • Maestra
Powered by GitBook
On this page
  1. INTEGRATIONS
  2. Klaviyo Integration
  3. Configuring Email Content

Inserting Multiple Products Into An Email Template

PreviousInserting A Single Product Into An Email TemplateNextGoogle Analytics

Last updated 1 day ago

Swish sends events when a users interacts with their Wishlist, including when a users adds to, removes from or views their Wishlist.

These behavioural events can be used to trigger emails that feature multiple products from a customers Wishlist such as Wishlist Welcome and Reminder flows.

The method explained below needs to utilise our LatestWishlistItems event, which can contain up to 10 of the most recent wishlisted products in a customer's Wishlist.

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.

Tables utilise Static data within the Styles setting by default. For emails that feature multiple products from an event, the data should be set to Dynamic.

The following code should be added to the Row collection field.

Note: the slice value determines the amount of products that will be shown in the email. (10 max.)

{% for item in event.LatestWishlistItems|slice:":10" %}

The Row Alias should be set to "item".

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.full.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 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 style="text-align: center;">
  <a href="{% catalog item.ItemId integration='shopify' %}{{ catalog_item.url }}{% endcatalog %}">{% catalog item.ItemId integration='shopify' %}{{ catalog_item.title }}{% endcatalog %}</a>
</p>
<p style="text-align: center;">
  {% catalog item.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>
{% endfor %}

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