Page tree
Skip to end of metadata
Go to start of metadata

Email item templates are used in tandem with content blocks to define a layout for recommended content and their related details in triggered email campaigns. Email item templates are the content displayed inside a content block - similar to how a photograph or piece of art is displayed inside a picture frame.

When you use item templates, you won't need to copy template HTML across your campaigns, simplifying the way you promote items using recipes in your email-based digital communications. And you can create more than one template and customize them to match your existing brand guidelines.  

Interaction Studio Classic Only

  • The contents of this article are intended for customers using Interaction Studio (formerly Evergage Classic). Do not adjust your beacon version to downgrade or upgrade.
  • The Visual Editor Chrome Extension will no longer be available starting January 1, 2023. For more information, see this knowledge article.
This Article Explains

This article details how to create an email item template, how to publish it for use in triggered email campaigns, and provides some additional information related to item templates.

Sections in this Article

Before creating email templates be sure that you have products in your catalog and trained recipes to use in your campaigns. You'll need an item template for each item type you plan to include in your messages. This means that if you want an email to include both product and category recommendations, you will need an email item template for products and another one for categories.

Create an Open-Time Email Template

  1. Log into Interaction Studio as an administrator
  2. In the Channels & Campaigns section, select Email > Email Item Templates
  4. Enter a template Name
  5. Select the Item Type to render inside the Item Template. You can define an Item Template for Category, Product, Badge, Brand, Class, Gender, Class, Keyword, Store, Color, Article, Blog Post, and Promotion
  6. Enter the template Dimensions in pixel Width and Height
  7. Define the HTML template by adding the HTML code to be applied to each item in your catalog. When designing the HTML Template for your item template, confirm that images of different dimensions and names of varying lengths render as intended

  8. Click Insert Dynamic + to add dynamic message content fields to the HTML code

  9. See next section for instructions on previewing the template prior to publishing

Sample Email Item Template

The sample Item Template below renders a product image above the product name with a suggestion to "Shop Now" at the bottom. This template uses the dimensions 208 x 3925.

<div class="item-container" style="padding: 10px; font-family: Verdana, Arial, sans-serif; font-size: 14px; text-transform: uppercase;">
    <div style="display: table;">
        <div style="width: 208px; height: 208px; display: table-cell; vertical-align: middle; text-align: center;">
            <a href="${item.url}#twas-an-image-click">
                <img src="${item.imageUrl}" style="max-width: 100%; max-height: 100%;">
    <div style="width: 188px; height: 95px; display: table; vertical-align: middle; text-align: center;">
            <div style="margin-top: 15px; height: 50px; text-align: center; color: #3399cc">
                <a style="text-decoration: none; color: #3399cc" href="${item.url}?resize=true">${}</a>
            <div style="height: 30px; text-align: center;">$currency.format(${item.price})</div>
            <a href="${item.url}?resize=false" style="text-decoration:none">
                <div style="margin-top:10px; height: 30px; line-height: 30px; text-align: center; background-color: #3399cc; color: #ffffff">Shop Now</div>

Preview Template Prior to Publishing

Preview is available instantly on the upper part of the right rail. Enter an item name or ID to preview the template pre-filled with the details for that item.

  1. Enter an item name or ID
  2. Press [Enter]
  3. The new item will render immediately so you can make style adjustments as needed 
  4. Click SAVE to save your template

Available Fonts for Email

Open-time item templates work with a finite set of fonts. Due to licensing issues, Interaction Studio may not be able add additional or custom fonts. Contact your account manager for assistance. The following list of fonts is currently available for open-time email templates:

TrueType Core Fonts
Andale Mono
Arial Black 
Comic Sand MS 
Courier New 
Times New Roman 
ClearType Fonts