In Spotler MailPro, you can manage your email and landing page templates within the Setup module. This feature allows you to customize the appearance and layout of your communications effectively.
For a comprehensive walkthrough on template management, check out this video where our project manager, Marlies, provides an in-depth explanation:
In this article, you'll discover:
Please note: Preferably do not edit your own templates
Creating and managing your own templates requires knowledge of HTML, Twig, and CSS. Spotler's support team does not provide assistance for custom templates. Additionally, backups of templates and blocks are not typically maintained, so proceed with caution when making changes.
Overview Templates
The Templates page displays all the templates you've created for your emails in the Content module. Typically, templates are set up at the overall level, making them accessible for all campaigns. To select a template when creating a new email, simply choose from the list provided in the Content module.
If you prefer to manage your own HTML, you can do so here. However, be aware that this feature is primarily intended for users familiar with HTML, Twig, and CSS. For most users, template management is handled by Spotler or a Spotler partner. Additionally, building email templates requires careful consideration of factors like compatibility and scalability.
Below the template list, you'll find the HTML code for various blocks (such as text blocks and images) that you can incorporate into your emails.
Not connected system blocks and layouts
In the template overview, you'll notice two columns labeled Use not connected system blocks? and Use not connected system layouts? These options allow you to enable or disable the default blocks and layouts within your MailPro license.
Every MailPro license includes default blocks, which are the components you encounter when creating an email using the Start or Creative template. These default blocks feature minimal styling but offer extensive customization options, allowing you to adjust elements like colors to suit your preferences.
Typically, this option remains unused. Users who commission a custom template often have bespoke blocks created, rendering the default blocks unnecessary. Conversely, users employing the Start or Creative templates already have these blocks integrated by default.
The HTML for the Start template and its default blocks is concealed from the frontend and doesn't appear under Setup. However, it can be accessed and made visible through the backend, though such adjustments are rarely required. If the Start or Creative template doesn't meet a user's needs, the recommended solution is to invest in a custom template.
Add Template
To create a new template, click on Insert and enter your HTML code in the editor. Use the View option to preview your template. To edit an existing template, select it and click on Modify. To delete a template, select it and click on Delete.
The editor provided is a basic code editor. If you're comfortable with HTML, Twig, and CSS, you'll find it straightforward to use. However, if you're new to coding, you might consider seeking assistance or using pre-built templates.
Key components of email templates
MailPro emails are constructed using three key components: the template, a layout, and blocks. In HTML terms, this structure resembles three nested tables. Schematically, a simple email with two blocks appears as follows:
TEMPLATE HEADER LAYOUT BLOCK 1 Content A END BLOCK 1 BLOCK 2 Content B END BLOCK 2 END LAYOUT FOOTER END TEMPLATE
-
Template
The template serves as the outermost table, encompassing elements like the header and footer. It also contains definitions that recur throughout the email, such as classes and media queries. -
Layout
The layout is a simple table that designates space for the blocks. When creating a new template, you establish the layout and place the layout ID within the template using thedata-layout-typeattribute, as shown here: -
Blocks
Blocks represent the content sections within your email, such as text blocks, images, single-column or two-column sections, etc. Once created, you can easily drag and drop these blocks into your email using the MailPro editor.
Frequently Asked Questions
Why can't I see my template?
Try switching campaigns using the drop-down menu in the top right corner. The template might be located in the specific campaign or in the overall section.
I'm experiencing issues with blocks or templates. What should I do?
Issues with blocks or templates are often addressed by Spotler's support or professional services team. If you're facing problems, it's best to contact them for assistance.