Editing and Customizing

Details

Each template must have a name, subject, category, and assigned domain. The subject also supports variables.

Template details section

Drag & Drop Editor

The drag-and-drop editor allows you to design templates without any coding.

Drag and Drop Editor

Code Editor

Code Editor allows you to edit the HTML or Text content, depending on the emails you want to send.

The editor supports Find and Replace options, and you can use Cmd+F or Win+F as a hotkey to reveal a quick search bar.

If your template has an error, Handlebars cannot render it. You'll see an error message in the Preview tab, and the RAW code with an error will be highlighted in the Editor.

You can't save a template with errors, either. Remember that we don't validate HTML.

Uploading an image

1

Click Upload image in the upper right corner of the Code Editor.

Upload image button in Code Editor

2

Hit the Upload New button in the following menu and choose an image from your local drive (Supported formats are JPG, PNG, and GIF, and the maximum file size is 2 MB).

Images library with Upload New button

3

Once the image is uploaded, you will receive a confirmation notification. If the file format is unsupported or the image is too big, you will receive the corresponding error message.

Image upload success notification

4

Click the Copy URL button to copy the image URL to your clipboard, then click Template to return to the editing menu.

Copy URL button for uploaded images

5

Proceed to add the image to the template body under the <img> tag. You can preview it in the template as soon as the asset is added.

Image URL added to template HTML

Test Data

Code Editor automatically parses your template and shows all the variables found. The Test Data tab helps you preview the object variables.

Test Data tab with template variables

By default, as a value, we put a variable name and add the "Test_" prefix.

Send test

If you're using email templates in production, you can send a test email to the account owner's email address to run basic tests. Simply press the Send Test button.

Send Test button

Important Notes:

• Your domain should be verified to send a test.

• Each test email is billed over your quota.

Next steps

• Handlebars Guide - Learn how to use Handlebars syntax to add dynamic content

• Integration - Integrate templates with Email API/SMTP

• Debugging - Test templates with Email Sandbox