Introduction

Liquid is an open-source template language created by Shopify and written in Ruby. It is the backbone of Shopify themes and is used to load dynamic content on storefronts.

In MailUp Liquid is used as markup language for the email messages that use the Advanced content personalization.

The following guide describes how to use Liquid within MailUp and which statements are supported.


When talking about dynamics fields, we refer to the MailUp Recipient fields.

To retrieve a specific dynamic field value, you have to use the following syntax: dynamicfields.<dynamic field name>.

In the liquid syntax, not all characters are supported in a variable name. To be sure to have a correct syntax when using MailUp dynamic field, we recommend to use only:

  • digits (0...9)
  • letters (a...z and A...Z)
  • dash (-) and underscore (_) signs


For MailUp Recipient fields that contain these characters:

  • accented characters should be substitute with normalized character (e.g. 'CrèmeBrûlée' -> 'CremeBrulee')
  • special characters, such as full stop (.), space (' '), dollar('$'), should be removed from the field name (e.g. 'Is a colleague' -> 'Isacolleague').


Basics

Operators

OperatorMeaningWorkSyntax
==equals(tick)

This operator can be used with dynamic fields 'as is' only to compare strings.

{% if dynamicfields.name == 'alan' %} 
alan
{% elsif dynamicfields.name == 'tom' %}
tom
{% else %}
catherine
{% endif %}

In this case the check is case sensitive.

To compare numbers or data type different from string it is possible use the built in functions:

{% assign c1 = dynamicfields.name| evaltext: 'equalTo', 'Jennifer' %} {% if c1 == true %} Text {% endif %}


{% assign c1 = dynamicfields.age | evalinteger: 'equalTo', '8' %} {% if c1 == true %} Text {% endif %}


!=does not equal(tick)

It is possible use this operator with dynamic fields 'as is' only to compare strings.

{% if dynamicfields.name != 'alan' %} 
alan
{% elsif dynamicfields.name != 'tom' %}
tom
{% else %}
catherine
{% endif %}

In this case the check is case sensitive.

To compare numbers or data type different from string it is possible use the built in functions:

{% assign c1 = dynamicfields.name| evaltext: 'otherThan', 'Jennifer' %} {% if c1 == true %} Text {% endif %}


{% assign c1 = dynamicfields.age | evalinteger: 'otherThan', '8' %} {% if c1 == true %} Text {% endif %}


>greater than(tick)

It is possible use this operator with dynamic fields 'as is' only to compare strings.

{% if dynamicfields.name > 'alan' %} 
alan
{% elsif dynamicfields.name > 'tom' %}
tom
{% else %}
catherine
{% endif %}

In this case the check is case sensitive.

To compare numbers or data type different from string it is possible use the built in functions:

{% assign c1 = dynamicfields.name| evaltext: 'moreThan', 'Jennifer' %} {% if c1 == true %} Text {% endif %}


{% assign c1 = dynamicfields.age | evalinteger: 'moreThan', '8' %} {% if c1 == true %} Text {% endif %}


<less than(tick)

It is possible use this operator with dynamic fields 'as is' only to compare strings.

{% if dynamicfields.name < 'alan' %} 
alan
{% elsif dynamicfields.name < 'tom' %}
tom
{% else %}
catherine
{% endif %}

In this case the check is case sensitive.

To compare numbers or data type different from string it is possible use the built in functions:

{% assign c1 = dynamicfields.name| evaltext: 'lessThan', 'Jennifer' %} {% if c1 == true %} Text {% endif %}


{% assign c1 = dynamicfields.age | evalinteger: 'lessThan', '8' %} {% if c1 == true %} Text {% endif %}


>=greater than or equal to(tick)

It is possible use this operator with dynamic fields 'as is' only to compare strings.

{% if dynamicfields.name >= 'alan' %} 
alan
{% elsif dynamicfields.name >= 'tom' %}
tom
{% else %}
catherine
{% endif %}

In this case the check is case sensitive.

To compare numbers or data type different from string it is possible use the built in functions:

{% assign c1 = dynamicfields.name| evaltext: 'equalOrMoreThan', 'Jennifer' %} {% if c1 == true %} Text {% endif %}


{% assign c1 = dynamicfields.age | evalinteger: 'equalOrMoreThan', '8' %} {% if c1 == true %} Text {% endif %}


<=less than or equal to(tick)

It is possible use this operator with dynamic fields 'as is' only to compare strings.

{% if dynamicfields.name <= 'alan' %} 
alan
{% elsif dynamicfields.name <= 'tom' %}
tom
{% else %}
catherine
{% endif %}

In this case the check is case sensitive.

To compare numbers or data type different from string it is possible use the built in functions:

{% assign c1 = dynamicfields.name| evaltext: 'equalOrLessThan', 'Jennifer' %} {% if c1 == true %} Text {% endif %}


{% assign c1 = dynamicfields.age | evalinteger: 'equalOrLessThan', '8' %} {% if c1 == true %} Text {% endif %}


orlogical or(tick)


{% if dynamicfields.name == 'alan' or dynamicfields.age == 'child' %} 
is alan or a child
{% else %}
It is an adult alan or another adult
{% endif %}


andlogical and(tick)


{% if dynamicfields.name == 'alan' and dynamicfields.age == 'child' %} 
alan is a child
{% else %}
it is an adult
{% endif %}


containschecks for the presence of a substring inside a string(tick)


{% if dynamicfields.name contains 'oof' %} 
could be alan? 
{% else %} 
surely isn't alan 
{% endif %}


Types

TypeMeaningWorkSyntax
StringDeclare a string by wrapping a variable’s value in single quotes:(tick)


{% assign thisIsAString = 'this is a string' %}
{{ thisIsAString | upcase }} 


THIS IS A STRING


NumberNumbers include floats and integers:(tick)


{% assign thisIsAnInteger = 10 %}
{{ thisIsAnInteger | minus: 2 }} 


8



{% assign thisIsAFloat = 10.234 %}
{{ thisIsAFloat  | minus: 2 }} 


8.23400020599365


Boolean
(tick)


{% assign thisIsTrue = true %}
{{ thisIsTrue }}


true



{% assign thisIsFalse = true %}
{{ thisIsFalse }}


false


Nil

Nil is a special empty value that is returned when Liquid code has no results. It is not a string with the characters “nil”.

Nil is treated as false in the conditions of if blocks and other Liquid tags that check the truthfulness of a statement.

(tick)


{% if user %}
  Hello user!
{% endif %}


 Hello user!



{% unless user %}
  Hello user!
{% endunless %}


 Hello user!


ArrayArrays hold lists of variables of any type.(tick)


{% assign my_array = 'alan,catherine,tom,erin,mark' | split: ',' %}
{{ my_array.first }}
{{ my_array.last }}


alan
mark



{% assign my_array = 'alan,catherine,tom,erin,mark' | split: ',' %}
{% for user in my_array %}
 {{ user }}
{% endfor %}


alan catherine tom erin mark



{% assign my_array = 'alan,catherine,tom,erin,mark' | split: ',' %}
{{ my_array[2] }}


tom



TAGS

Comment

OperatorMeaningWorkSyntax
commentAny text within the opening and closing comment blocks will not be output, and any Liquid code within will not be executed(tick)

  

Text 1 {% comment %} Text 2 {% endcomment %}

 

Text 1

 

Control flow

OperatorMeaningWorkSyntax
if

Executes a block of code only if a certain condition is true

(tick)


{% assign c1 = dynamicfields.age| evalinteger: 'equalTo', '10' %} 
{% if c1 == true %} 
10 years old 
{% endif %}


10 years old 



{% if dynamicfields.name == 'alan' %} 
alan
{% endif %}


alan 


unlessExecutes a block of code only if a certain condition is not match(tick)


{% assign c1 = dynamicfields.age| evalinteger: 'equalTo', '10' %} 
{% unless c1 == true %} 
Not 10 years old
{% endunless %}


Not 10 years old



{% unless dynamicfields.name == 'alan' %} 
alan
{% endunless %}


alan 


elsif/elseAdds more conditions within an if or unless block.(tick)


{% if dynamicfields.name == 'alan' %} 
alan
{% elsif dynamicfields.name == 'tom' %}
tom
{% else %}
catherine
{% endif %}


alan


tom


catherine


case/whenCreates a switch statement to compare a variable with different values(tick)


{% case dynamicfields.name%}
  {% when 'alan' %}
     This is a alan
  {% when 'tom' %}
     This is a tom
  {% else %}
     This is not a alan nor a tom. can it be a catherine?
{% endcase %} 


This is a alan


This is a tom


This is not a alan nor a tom. can it be a catherine?


Iteration

For

OperatorMeaningWorkSyntax

for

Repeatedly executes a block of code.

(tick)


{% assign my_array = 'alan,catherine,tom,erin,mark' | split: ',' %}
{% for user in my_array %}
 {{ user }}
{% endfor %}


alan catherine tom erin mark


break

Causes the loop to stop iterating when it encounters the break tag.

(tick)


{% assign my_array = 'alan,catherine,tom,erin,mark' | split: ',' %}
{% for user in my_array %}
 {% if user == 'erin' %}
    {% break %}
  {% else %}
    {{ user }}
  {% endif %}
{% endfor %}


alan catherine tom


continue

Causes the loop to skip the current iteration when it encounters the continue tag.

(tick)


{% assign my_array = 'alan,catherine,tom,erin,mark' | split: ',' %}
{% for user in my_array %}
 {% if user == 'erin' %}
    {% continue %}
  {% else %}
    {{ user }}
  {% endif %}
{% endfor %}


alan catherine tom mark


limitLimits the loop to the specified number of iterations.(tick)


{% assign my_array = 'alan,catherine,tom,erin,mark' | split: ',' %}
{% for user in my_array limit:2 %}
 {{ user }}
{% endfor %}


alan catherine


offsetBegins the loop at the specified index.(tick)


{% assign my_array = 'alan,catherine,tom,erin,mark' | split: ',' %}
{% for user in my_array offset:2 %}
 {{ user }}
{% endfor %}


tom erin mark


range

Defines a range of numbers to loop through. The range can be defined by both literal and variable numbers.(tick)


{% for i in (3..5) %}
  {{ i }}
{% endfor %}


3 4 5



{% assign num = 4 %}
{% for i in (1..num) %}
  {{ i }}
{% endfor %}


1 2 3 4


reversedReverses the order of the loop.(tick)


{% assign my_array = 'alan,catherine,tom,erin,mark' | split: ',' %}
{% for user in my_array reversed %}
 {{ user }}
{% endfor %}


mark erin tom catherine alan 


Cycle

OperatorMeaningWorkSyntax

Cycle

Repeatedly executes a block of code.

(tick)


{% assign my_array = 'alan,catherine,tom,erin,mark' | split: ',' %}
{% for user in my_array %}
 {% cycle 'first one', 'second one', 'third one' %} 
{% endfor %}


first one second one third one first one second one



Variable

OperatorMeaningWorkSyntax
assign

Creates a new variable

(tick)


{% assign c1 = 10 %}
{% if c1 == 10 %} 
    It is ten!
{% endif %}


It is ten!



{% assign c1 = 'alan' %}
{% if c1 == 'alan' %} 
   It is alan!
{% endif %}


It is alan!


captureCaptures the string inside of the opening and closing tags and assigns it to a variable. Variables created through {% capture %} are strings.(tick)


{% assign name = dynamicfields.name %}
{% assign surname = dynamicfields.surname %}

{% capture about_me %}
I am {{ name }} {{ surname }} and my favorite food is pizza.
{% endcapture %}

{{ about_me }}


I am Catherine Martin and my favorite food is pizza.


incrementCreates a new number variable, and increases its value by one every time it is called. The initial value is 0.(error)
decrementCreates a new number variable, and decreases its value by one every time it is called. The initial value is -1.(error)

Filters


OperatorMeaningWorkSyntax
abs

Returns the absolute value of a number.

(error)
append

Concatenates two strings and returns the concatenated value.

(tick)


{{ "Hello " | append: "Carl" }}


Hello Carl



{{ "Welcome" | append: dynamicfields.name }}


Welcome Luke 



{{ dynamicfields.name | append: " welcome!"}}


Luke welcome!


at_least

Limits a number to a minimum value.

(error)
at_most

Limits a number to a maximum value.

(error)
capitalize

Makes the first character of a string capitalized.

(tick)


{{ "my great title" | capitalize }}


My great title



{{ dynamicfields.nome | capitalize }}


Luke


ceil

Rounds the input up to the nearest whole number. Liquid tries to convert the input to a number before the filter is applied.

(error)
compact

Removes any nil values from an array.



concat

Concatenates (joins together) multiple arrays. The resulting array contains all the items from the input arrays.

(error)
dateConverts a timestamp into another date format. The format for this syntax is the same as strftime. The input uses the same format as Ruby’s Time.parse.

defaultAllows you to specify a fallback in case a value doesn’t exist. defaultwill show its value if the left side is nilfalse, or empty.(error)
divided_by

Divides a number by the specified number.

(warning)

Does not work on dynamicfields.


{{ 16 | divided_by: 4 }}


4



{{ subTotal| divided_by: 4 }}


100


downcase

Makes each character in a string lowercase. It has no effect on strings which are already all lowercase.

(tick)


{{ "Parker Moore" | downcase }}


parker moore



{{ dynamicfields.nome | downcase}}


luke


escape

Escapes a string by replacing characters with escape sequences (so that the string can be used in a URL, for example). It doesn’t change strings that don’t have anything to escape.

(error)
escape_once

Escapes a string without changing existing escaped entities. It doesn’t change strings that don’t have anything to escape.

(error)
first

Returns the first item of an array.


Assuming the userid dynamic field contains "1,2,3,4,5".

{% assign my_array = dynamicfields.userid | split: "," %}
{{ my_array.first }}




{% assign my_array = "apples, oranges, peaches, plums" | split: ", " %}
{{ my_array.first }}


apples


floor

Rounds a number down to the nearest whole number. Liquid tries to convert the input to a number before the filter is applied.

(error)


join

Combines the items in an array into a single string using the argument as a separator.

(tick)

Assuming the userid dynamic field contains "1,2,3,4,5".


{% assign my_array = dynamicfields.userid | split: "," %}
{{ my_array | join: " and " }} 


1 and 2 and 3 and 4 and 5



{% assign beatles = "John, Paul, George, Ringo" | split: ", " %}
{{ beatles | join: " and " }} 


John and Paul and George and Ringo


last

Returns the last item of an array.

(tick)

Assuming the userid dynamic field contains "1,2,3,4,5".

{% assign my_array = dynamicfields.userid | split: "," %}
{{ my_array.last}}


5



{% assign my_array = "apples, oranges, peaches, plums" | split: ", " %}

{{ my_array.last }}


plums


lstrip

Removes all whitespaces (tabs, spaces, and newlines) from the beginning of a string. The filter does not affect spaces between words.

(error)
map

Creates an array of values by extracting the values of a named property from another object.

(tick)

Assuming the products contains:


{
	"products": [{
		"title": "Product 1",
		"price": 100
	}, {
		"title": "Product 2",
		"price": 200
	}, {
		"title": "Product 3",
		"price": 300
	}]
}



{% assign all_titles = products | map: "title" %}

{% for item in all_titles %}
{{ item }}
{% endfor %}


Product 1
Product 2
Product 3


minus

Subtracts a number from another number.

(warning)

Does not work on dynamicfields.

{{ 4 | minus: 2 }}


2



{{ SubTotal | minus: 100 }}


900


modulo

Returns the remainder of a division operation.

(warning)

Does not work on dynamicfields.


{{ 3 | modulo: 2 }}


1



{{ SubTotal | modulo: 6}}


4


newline_to_br

Replaces every newline (\n) with an HTML line break (<br>).

(error)
plus

Adds a number to another number.

(tick)

Assuming the TotalIncome dynamic field contains 500.

{{ dynamicfields.TotalIncome| plus: 2 }}


502



{{ 5| plus: 2 }}


7


prepend

Adds the specified string to the beginning of another string.

(tick)


{{ "apples, oranges, and bananas" | prepend: "Some fruit: " }}


Some fruit: apples, oranges, and bananas



{{ dynamicfields.Name| prepend: "Hello " }}


Hello Luke




{{ dynamicfields.Name| prepend: dynamicfields.Surname}}


Luke Skywalker




{{ "Welcome" | prepend: dynamicfields.Name }}


Welcome Luke


remove

Removes every occurrence of the specified substring from a string.

(tick)


{{ "I strained to see the train through the rain" | remove: "rain" }}


I sted to see the t through the 




{{ dynamicfields.Name| remove: "uk"}}


Le



{{"Luke Skywalker" | remove: dynamicfields.Name}}


Skywalker


remove_first

Removes only the first occurrence of the specified substring from a string.

(tick)


{{ "I strained to see the train through the rain" | remove_first: "rain" }}


I sted to see the train through the rain


replace

Replaces every occurrence of an argument in a string with the second argument.

(tick)


{{ "Take my protein pills and put my helmet on" | replace: "my", "your" }}


Take your protein pills and put your helmet on


replace_first

Replaces only the first occurrence of the first argument in a string with the second argument.

(tick)


{% assign my_string = "Take my protein pills and put my helmet on" %}
{{ my_string | replace_first: "my", "your" }}


Take your protein pills and put my helmet on


reverse

Reverses the order of the items in an array. reverse cannot reverse a string.

(error)
round

Rounds an input number to the nearest integer or, if a number is specified as an argument, to that number of decimal places.

(tick)

Does not work on dynamicfields.



{{ 1.2 | round }}


1


rstrip

Removes all whitespace (tabs, spaces, and newlines) from the right side of a string.

(error)
size

Returns the number of characters in a string or the number of items in an array. size can also be used with dot notation (for example, {{ my_string.size }}). This allows you to use size inside tags such as conditionals.

(tick)


{{ "Ground control to Major Tom." | size }}


28



{% assign my_array = "apples, oranges, peaches, plums" | split: ", " %}

{{ my_array | size }}


4


slice

Returns a substring of 1 character beginning at the index specified by the argument passed in. An optional second argument specifies the length of the substring to be returned.

String indices are numbered starting from 0.

(tick)


{{ "Liquid" | slice: 0 }}


L



Assuming title contains "Return to the future"

{{title | slice: 0}}


R



{{ dynamicfields.title| slice: 0 }}


R


sort

Sorts items in an array by a property of an item in the array. The order of the sorted array is case-sensitive.

(warning)

Same behaviour of the sort_natural filter.


{% assign my_array = "zebra, octopus, giraffe, Sally Snake" | split: ", " %}

{{ my_array | sort_natural | join: ", " }}


giraffe, octopus, Sally Snake, zebra


sort_naturalSorts items in an array by a property of an item in the array.(error)
splitDivides an input string into an array using the argument as a separator. split is commonly used to convert comma-separated items from a string to an array.(tick)


{% assign beatles = "John, Paul, George, Ringo" | split: ", " %}
{% for member in beatles %}
{{ member }}
{% endfor %}


John

Paul

George

Ringo


Assuming the dynamic field albumid contains "1,2,3,4,5"

{% assign ids= dynamicfields.albumid | split: "," %}
{% for id in ids%}
{{ id }}
{% endfor %}


1
2
3
4
5


strip

Removes all whitespace (tabs, spaces, and newlines) from both the left and right side of a string. It does not affect spaces between words.

(error)
strip_html

Removes any HTML tags from a string.

(tick)


{{ "Have <em>you</em> read <strong>Ulysses</strong>?" | strip_html }}


Have you read Ulysses?


strip_newlines

Removes any newline characters (line breaks) from a string.

(error)
times

Multiplies a number by another number.

(warning)

Does not work on dynamicfields.


{{ 24 | times: 7 }}


168


truncate

truncate shortens a string down to the number of characters passed as a parameter. If the number of characters specified is less than the length of the string, an ellipsis (…) is appended to the string and is included in the character count.

(tick)


{{ "Ground control to Major Tom." | truncate: 20 }}


Ground control to...



{{ "Ground control to Major Tom." | truncate: 25, ", and so on" }}


Ground control, and so on


truncatewords

Shortens a string down to the number of words passed as the argument. If the specified number of words is less than the number of words in the string, an ellipsis (…) is appended to the string.

(error)
uniq

Removes any duplicate elements in an array.

(error)
upcase

Makes each character in a string uppercase. It has no effect on strings which are already all uppercase.

(tick)


{{ dynamicfields.name | upcase }}


LUKE


url_decode

Decodes a string that has been encoded as a URL or by url_encode.

(error)
url_encode

Converts any URL-unsafe characters in a string into percent-encoded characters.

(error)