penEditing and Customizing

Learn how to edit and customize email templates using Details, Drag & Drop Editor, Code Editor, and test your templates.

Details

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

Template Details page showing domain, name, subject, and category fields in a bordered section
Template details section

Drag & Drop Editor

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

Drag and Drop Editor interface showing template preview in center with blocks and content options on right sidebar
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

spinner
1

Click Upload image in the upper right corner of the 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).

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.

4

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

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.

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 showing template variables with test values and preview
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.

Template editor showing Send Test button highlighted in top right
Send Test button

Important Notes:

  • Your domain should be verified to send a test.

  • Each test email is billed over your quota.

Next steps

Last updated

Was this helpful?