Interaction Template Format

This document describes template formatting for interaction campaigns to be used into our visual editor. 

As a main rule:

Any interaction template could be any html code, including javascript and css. In order to benefit from our system built-in features (open/click/close reports, submit emails and so on) you need to follow a few conditions for your html.

You can use onsite information to display dynamic variables in all your interaction templates. Those are called tags and can be:

Onsite Variables

Read more on creating those variables. Some examples:

  • **|vars.random|**  -> displays a random number between 0 and 100
  • **|vars.cartValue|**  -> value of the cart (if this is set by your system)

User Context information

Information like city, country (if you enabled visitor info under JS integration settings). Please check those before using them in production. Names might differ based on client browser language.

  • **|session.city|**  -> user city
  • **|session.country|**  -> user country
  • **|session.country_code|**  -> user Country Code. Two uppercase letters
  • **|session.state|**  -> user state

Adding input fields to interaction template.

An interaction template will turn automatically into a form if you add the right input fields. This is done automatically using our interaction editor or you can do it yourself.

For example, this way you can collect email addresses or other profiling information and save it to user profile.

For more detailed information please check forms inside interaction template

Related Articles