Creating email templates involves a mix of content writing, HTML, and CSS expertise. Email templates should look good on different email clients and be responsive for mobile devices. Many non-technical customers will hire a front-end or email template developer to build their templates. We also suggest testing your templates with rendering applications like Litmus before sending them to your customers.
The maximum number of transactional templates and versions per user ID is limited to 300. This means you can have 300 templates with 1 version each, or fewer templates with more versions of each template.
Transactional templates are account and subuser specific. Templates created on a parent account will not be accessible from the subuser accounts.
The easiest way to get started with a new template is to use one of your previous email templates or a free template from the internet, and then modify it to fit your needs.
Email templates are table-based HTML with inline or header styles, because some well known email applications will only read table-based HTML.
To add a template:
If you selected the Code Editor, copy and paste your HTML code into the code editor.
If you paste in an email template, it is likely that you will overwrite the default basic HTML provided in the code editor. If you selected the Design Editor, use the WYSIWYG editor with drag & drop modules to create your email template.
When you’re done editing, click Save.
Please double check that the content is formatted correctly before you send an email using this template.
SendGrid suggests previewing and testing your template once you have created it to ensure that the format and layout look the way you expect.
To preview your template:
A window pops out with a preview of the email that you’re going to test, with the option to view the template formatted for both mobile and desktop platforms.
Click Send Test to send a test email using your new template.
Fill in the recipient and subject line fields and then click Send.
Any Substitution tags will not be populated in this test, but you will be able to confirm the layout and format of your template.
From the main template view on each template group, you will see an actions menu. From this menu, you can choose to edit the name of your template, add a version, preview and test, or delete the template. You will also see an action menu for each template version. Clicking this presents a menu that allows you to preview and test, edit, duplicate, and delete the template version. You can also use the preview function to send a test.
To delete a template, you must first delete all the versions of your template.
To activate your template:
A template can only have one active version at a time. If you’ve created a new version with different HTML that you want your customers to start receiving, you’ll need to make that version “Active.”
To duplicate a template:
The app creates a clone, giving it a name that starts with "untitled". You can give the template a unique name by selecting the action menu next to that version and clicking Edit. Once the editor has opened, enter a unique name in the Template Name field. This duplicate version will not be active until you activate it.
For more information about unsubscribes, check out our unsubscribe documentation.