Useful tips for creating a template

You can read more about the template creation process in the article How to create a Template?

Using the visual builder

1. How to make sure that the image on the mobile does not stretch to the full width?

Сlick on the desired image and disable the option Responsive image in the editing panel on the left. By default, this feature is enabled for all images, and at a width of 600px the image is stretched to the full width.

screenshot

2. How to improve the appearance of a button in emails in Outlook?

Go to the section Appearance > Button, enable Support for Outlook and duplicate the styles you specified fоr the button in the Content section.

screenshot

3. How to wrap an image into a link and add alternate text?

Choose the required image and fill in the fields Link та Alternate text as shown in the picture below.

screenshot

4. How to make sure a button containing a lot of text is displayed correctly on a mobile device?

Click on the desired button, in the Appearance section in the left-side menu, decrease Internal padding values;

go to Mobile formatting section and reduce the text size in the Button text size field, and preferably do not activate the Full-width buttons option so that the button does not stretch to the entire width of the container;

go to the General settings menu and reduce the margins in Default padding

Using variables in templates

5. How to correctly use the country variable to set a condition when creating a template?

You need to use 3-character country code , for example 'CAN', 'USA', etc., when setting conditions in the templates {% if user.country == 'USA' %}{% endif %}.