Learning Hub / Tutorials / Voxtelesys / How to Create an Email Template in the Voxtelesys PortalFAQs

Tutorials: How to Create an Email Template in the Voxtelesys Portal

Learn how to create an email template using the email builder in the Voxtelesys Portal.

Navigate to the Voxtelesys Portal.

email template located under the email drop-down in the channels category



Go to the Channels category, open the email drop-down, and select "Email Templates".


information icon
Important Note:
We have updated our navigation sidebar, if your are using legacy navigation please navigate to "Email Templates" which is located in the email drop-down.

email template dashboard

Template Title:

The Name of the Template.

GUID:

The unique of ID of the Email Template.

Default Version:

Current version.

Status:

Active or Draft. Active Status Displays the most recently saved version.

Template Creation Date:

Date of Creation.

Template Last Updated At:

Date of last update.

Actions:

Duplicate template, Edit Template Design and Edit Template Details, Delete template.

create a new email template



To create a new template, click the "+Create a New Template" button.

create email template initial fields



Enter the following:

  • Template Name: Give your email template a unique name.
  • Description (Optional): Adding a Description helps to identify specific email templates.

Once finished click "Confirm"

email builder



Within the email builder, there are the following elements:

A. Email Builder Toolbar: Save Versions, Test Templates, and View Version History from the toolbar.

B. Variables: Variables will automatically appear here as you add them to your HTML template.

C. Live Preview: View your HTML outputs in real time.

D. HTML Editor: Specifically designed for email templates. The HTML editor includes features such as syntax highlighting, auto-completion, and support for variables.

code snippets tab



Code Snippets:

Code Snippets are a basic list of HTML templates to get you started with your email template.

Options include the basic HTML template structure, a table with column, heading text, a centered button, and more.

tidy up button before being pressed


Tidy Up:

The Tidy Up button will clean up your HTML.


Before clicking Tidy Up:

HTML after clicking tidy up



After clicking Tidy Up:

sanitization button at the top of the HTML Editor



Sanitization:

Before saving, the HTML must be sanitized, this will remove any elements that are not supported.

This Platform supports liquid templating along with injected variables via {{ variable_name }}.


information icon
Important Note:
We currently have strict rules on what we support, there is no javascript, or xml allowed. All of these will appear when trying to save or clicking Sanitize. We currently also are strict on what can be clicked inside the Preview Frame, most links buttons will not work. Links will work if you open with a new tab or ctrl+click.

message if there are no issues after pressing sanitize



The following message will appear if there are no issues after pressing "Sanitize":

apply sanitization message



The following message will appear if there is HTML that needs to be sanitized:

If you wish to proceed, click "Apply Sanitization", this will remove or modify any harmful elements.

sanitization summary below the HTML editor

If you press "Close" instead of "Apply Sanitization" a Sanitization Summary will appear below the HTML editor.

To sanitize all harmful elements click the "Sanitize" button.

Please note, all elements must be sanitized before you can save your template. Templates cannot be saved without sanitization.

varibales location on left side of the email builder and within the preview window



You can view any variables on the left side of the email builder. This tab will also keep track of number of instances each variable occurs.

Clicking on the variable in this list will highlight where the variable(s) occurs within the Live frame and within the HTML editor.

variable in the HTML editor



Within the HTML editor, the variables will appear in the following formatting: {{variable_name}}

Variables will have yellow brackets and green text.

test button at the middle top of the email builder

To test your email template, press the "Test" button above the email preview.

information icon
Important Note:
To test an email you must have contacts and validated domains.

test email page



You will be directed to a test page where you can send a test email. Under "Send Test Email" you can select the desired version, "to" email addresses, and a "from" email address.

From this page you will also see a preview window; this preview window is not a good representation of what an email may look like across different platforms.

save new version button



To save a template click "Save New Version" which is located next to the test button.

save new version box first time



Enter a version name, the first time you save a version this is automatically set as the default version.

Click "Confirm"

version saved success messgae



New Version Successfully Saved Message:

save new version box second time



When you save another version "default" will be automatically turned off, to set that version as default, toggle on, which will replace the current default.

Name the version, and click "Confirm"

version history srop-down in the email builder



Version History:

In the email builder, you can view version history from the "Version History" drop-down

To view a previous version select a version in the drop-down

restoring a previous version alert



Restoring a Previous Version:

To restore a previous version click on "restore version" in the yellow warning alert.

Restoring a previous version will discard any unversioned changes in the current workspace.

box around updated version status



Back in the email template dashboard, your template staus will update from "Draft" to "Active" once you save your first version.

version history drop-down in the email template dashboard


To view version history, click on the blue arrow to open the email template drop-down from the table.

From here you can go to the version in the email builder, set a specific version as the default (edit action), and delete older versions.

Please refer to the following tutorials to learn more about email management in the Voxtelesys Portal:

Learning Hub / Tutorials / Voxtelesys / How to Create an Email Template in the Voxtelesys PortalFAQs