# Template Language Reference This page describes the logic of the Mailjet's template language and the syntax, variables, functions and statements available for the creation of a dynamic template. ## Delimitators The template language elements need to be wrapped between the following delimitators: - `{{ ... }}` for expressions that you would like to print in the template output - `{% ... %}` for statements (conditions and loops) ## Operators #### Arithmetic Operators: - `+` - `-` - `*` - `/` : float division - `div` : integer division , Format: `( X div Y )` - `mod` :remainder of division, Format: `( X mod Y )` #### Comparison Operators: - `>` : strict superior - `<` : strict inferior - `>=` : superior - `<=` : inferior - `=, ==, ===` : equals - `!=, <>` : not equals #### Logical Operators - `and` - `or` - `xor` - `not` ## Variables Four sources of variables (or namespaces) are on offer in the template language. They can be used for simple insertion with `{{ ... }}` or with operators, functions and control structures. - Vars `(var)` : non-persistent information, sent with the message - Contact properties - ContactData `(data)` : information related to the contact, already stored in Mailjet system - Predefined static variables `(mj)` : allowing you to easily access specific information related to the contact, sender, template and others - Segmentation `(segmentation) : leveraging the existing segmentation formulas you created for marketing purposes. ### Vars and Custom Vars You can use the Mailjet Send API vars and custom vars (Vars property) to push contact specific information to be inserted in the template. This information will not be persistent in Mailjet system and will only be used for the current Send API call. You can then use the syntax `{{var:namevar:defaultvalue}} `to print the value of the property in your template. In order to have the template language interpreted, you must provide `Mj-TemplateLanguage` property in the payload to the Send API and set it to `true`. Mailjet templating language support multidimensional json structure in the vars and custom vars: vars ```html vars { ... "Vars":{ "x":{ "test": 2, "test2": { "test3": "Hello" } } } ... } ``` #### Template ``` {{ var:x.test }} {{ var:x.test2.test3 }} ``` #### HTML Result ``` 2 Hello ``` ### Contact Properties In your templates, you can use the contact properties. You can then use the syntax `{{data:namedata:defaultvalue}}` to print the value in your template. ### Predefined static variables These variables are useful to access information related to the sender, the recipient and the template. They also allow you to access URLs related to your message. #### mj:contact mj:contact represents the recipient of the current message (related to /contact resource of Mailjet API and recipient defined in the Send API call). - `mj:contact.ID` : Mailjet Contact ID - `mj:contact.email` : Email address (local_part@domain) - `mj:contact.local_part` - `mj:contact.domain` - `mj:contact.name : Name of the contact` #### mj:sender mj:sender represents the sender of the current message (related to /sender resource of Mailjet API and recipient defined in the Send API call). - `mj:sender.ID` : Mailjet Sender ID - `mj:sender.email` : Email address (local_part@domain) - `mj:sender.local_part` - `mj:sender.domain` - `mj:sender.name` : Name of the sender #### mj:template mj:template represents the template used to generate this message (related to /template resource of Mailjet API). - `mj:template.ID` - `mj:template.name` - `mj:template.copyright` #### More - `mj:unsub_link`: the unsubscription link in english (EN) - `mj:unsub_link_$lang`: the unsubscription link in the specified language (ISO-639-1 formatted) - `mj:share_twitter`: the Twitter link to share the online version of the newsletter - `mj:share_google`: the Google+ link to share the online version of the newsletter - `mj:share_facebook`: the Facebook link to share the online version of the newsletter - `mj:share_linkedin`: the LinkedIn link to share the online version of the newsletter ## Segmentation The segmentation formulas, that you create with /contactfilter, as described in the Segmentation section, can be used in the template. It helps to easily mutualise your Marketing Campaigns logic and transactional template logic. - You can use either the Name or ID of the /contactfilter in the syntax `{{segment:nameORid}}` to print the value in your template. - The segmentation variables are also available in condition statement but can't be used and combined with logical operators (AND, OR, NOT, etc). segmentation ```html segmentation {% if segment:nameSegment %}

Recipient {{mj:contact.email}} matches segment nameSegment

{% endif %} ``` ## Functions ### Behavior of the contact - `HasOpenedSince(number_of_days)` : return true if the contact has opened a message in the last number of days. - `HasClickedSince(number_of_days)` : return true if the contact has clicked on a link in a message in the last number of days. ### String modification - `Upper(string)` : Uppercase the string - `Lower(string)` : Lowercase the string - `Capitalize(string)` : Capitalize the first letter of the string ### Mathmatical function - `Round(value, precision)` : round a value at precision decimals - `Int(value)` : Return the integer part of a number ### Formatting functions - `FormatNumberLocale(format, number, locale)` : allows you to specify the format of a float - `Format : a string parameter which accepts the following symbols: 0 (zero)` : represents a forced digit. This means that whether or not the digit is relevant to the value, it will be displayed # (hash) : represents an optional digit , (comma) : represents the thousands separator in the number being displayed . (dot) : represents the location of the decimal point in the number being displayed - `Number` : represents the numerical value you would like to format. - `Locale : a string parameter which defines the decimal point and the thousands separator. ``` Possible use cases: FormatNumber("#,###.00", 1000, "fr_FR"): 1 000,00 FormatNumber ("0.##", 0.666666, "en_GB"): 0.67 ``` `FormatNumber(format,number)` : replicates the behavior of `FormatNumberLocale`, but with default locale set to `“en_US”`, defining the decimal point as the . chararcter and the thousand separator as the `,` character. ``` Possible use cases: FormatNumber("#,###.00", 1000): 1,000.00 FormatNumber(".00", 0.99) => .99 ``` ### Encoding and Formatting `UrlEncode(string)` : Encode a string for use in a URL `Escape(html)` : Encode html to be displayed as code in the message ## Conditional Statements `if`,`else`,`elseif` and `endif` allow you to insert conditional display of information in your template. The `if` statements can be nested inside one another. conditional statements ```html conditional statements {% if data:age > 45 %} {% endif %} ``` conditional statements HTML results ```html conditional statements HTML results or ``` Multiple branches of `if statement` ```html Multiple branches of `if statement` {% if data:age >= 21 %} You can code, drink and vote! {% elseif data:age >= 18 %} You can't drink but hey, you still can code and vote! {% else %} A few more years to wait !!! {% endif %} ``` The conditional statement allows the usage of a default value for your variables. This can be helpful if you are not always passing all the variables in your Send API call. You can specify a default value with the usual format `var:name:default_value`. The behavior of the conditional statement will be as follow: (Table) ## Set function You can use the `set` function to assign value to a variable, directly in the template. You can then print the value or use it in conditional statements. You can set values as string, integer, float, boolean, variable or contact data. Printing value ```html Hello {% set yo-yo = "Benjamin" %} {{ yo-yo }} ! ``` ```html Hello Benjamin! ``` You can change the value of the variable anytime. ```html Hello {% set yo-yo = "Benjamin" %} {{ yo-yo }}, how is {% set yo-yo = "Jane" %} {{ yo-yo }} ? ``` ```html Hello Benjamin, how is Jane ? ``` In conditional statement ```html Hello {% set yo-yo = 1 %}{% if yo-yo >= 1 %} Benjamin {% endif %} ! ``` ```html Hello Benjamin! ``` ## Loop Statements `for in` and `endfor` allows to insert an iteration on a JSON object or array in your template. The syntax is: ```html {% for variable-name in name_space:json-source %} html or/and nested statement {% endfor %} ``` On each iteration, the value of the current element from `name_space:json-source` is assigned to `variable-name`. `variable-name` can be used for display ( i.e. {{ variable-name }} ) or inside a nested statement. JSON payload ```json { "Vars":{"x":[1, true, "Pilot"]} } ``` or ```json { "Vars":{"x":{"test1":1, "test2":true,"test3":"Pilot"}} } ``` Template The syntax is: Template ```html Template ``` Template The syntax is: HTML result ```html HTML result ``` ## Multidimensional array The `for` statements can be nested inside one another. It allows to intersect multiple arrays or objects and manage multidimensional array. ```json { "Vars":{ "rows" :[ { "title":"title1", "bodies":["1","2","3","4"] }, { "title":"title2", "bodies":["5","6"] }] } } ``` Template The syntax is: ```html Hello {% for row in var:rows %} loop1:{{ row.title }} {% for body in row.bodies %} loop2:{{ body }} {% endfor %} {% endfor %} ``` The syntax is: HTML result ```html HTML result Hello loop1:title1 loop2:1 loop2:2 loop2:3 loop2:4 loop1:title2 loop2:5 loop2:6 ``` ## Multiple array ```json { "Vars":{ "array1":["1", "2"] , "array2":["3", "4"] } } ``` Template The syntax is: ```html Hello {% for x3 in var:array1 %} loop1:{{ x3 }} {% for x4 in var:array2 %} loop2:{{ x4 }} {% endfor %} {% endfor %} ``` The syntax is: HTML result ```html HTML result Hello loop1:1 loop2:3 loop2:4 loop1:2 loop2:3 loop2:4 ``` ## Mailjet's Markup Language (MJML) This section will show you how to leverage Mailjet's mark-up language MJML which helps you design responsive emails easily. You will be able to see how to leverage our Template language and create multifunctional template, similar to the one shown in Passport. ### Printing a variable You can print the value for a variable by adding the template language syntax directly in the MJML part. For example: The syntax is: ```html Dear {{data:firstName:""}}, ``` When adding `conditional statement` or l`oop statement`, you need to add the tags before opening bracket and after the closing bracket. For example: The syntax is: For conditional statements ```html For conditional statements {% if var:step == "confirmorder" %} Thank you very much for your purchase.
Please find the receipt below. {% elseif var:step == "unavailable" %} We apologize, the product is out of stock.
 {% endif %} ``` You can find the design of this template, along with many other ready-to-go template samples on the [MJML website](https://mjml.io/templates). You can use them as they are or take inspiration to create your own amazing template!