How to use the Advanced Widget (HTML template) option

The advanced widget gives you more control and flexibility over how product data is displayed in triggered emails.

To enable the advanced widget simply check the checkbox in the rule setup.

cartItems.png

The widget is comprised of three sections: header, footer and item html. The header and footer are optional and can be left empty. The item html is displayed for each item in the email. This means that if you decide to display the item in a table then the tables' tags need to be placed in the header and footer (since they are repeated only once) while the main table data is placed in the item html section.

Inside of the item html section you can use the following tokens:

%image_url% - A link to the product's image. This should be used in the src attribute of an img element.

%product_name% - The name of the product

%product_price% - The current price of the product

%click_url% - This link will lead to either the product's page or to the shopping cart, depending on the setting you choose in Click on product images goes to. It should be used in the href attribute of the a element.

To print HTML only in a specific product (the 3rd one for example) use:
<!--[product3]--> add html here<!--[/product3]-->

To print HTML only if there is a specific number of products in the widget use this format:
<--[total_products1=1,3]--> html here <!--[/total_products1]-->
this will render the html in every product box only if there are total of 1 or 3 items in the widget

To use multiple segments change total_products1 to total_products 2 etc... for example:
<--[total_products2=4]--> html here <!--[/total_products2]-->
shows the html only of there are 4 items in the widget.

The Space between products settings has no effect in the advanced html widget.