Campaign Monitor Integration
Our email templates include a Campaign Monitor version, which you can use with their builder.
The Campaign Monitor-integrated files can be found in the /campaign-monitor folder.
This folder has the same structure as the standalone files from the /html folder, only that all files inside it are editable or ready to use with Campaign Monitor:
Only the all-in-one template from the /all-in-one folder can be uploaded directly to Campaign Monitor in order to be used in a campaign. All others are just for creating a Campaign Monitor-compatible template yourself, which you then upload to their service.
If you're planning on creating a Campaign Monitor template yourself, please first take a look at their documentation on creating a custom template, and then at our own templates to understand how to do it.
Inside /campaign-monitor/all-in-one/, you'll find the folder that contains the HTML and images for the all-in-one template.
In Campaign Monitor, click your user name on the top right, then select "My Templates".
On the following page, click "Create New Template", then click the "Upload your own HTML" box.
You will be asked to name your template, and then upload the HTML file and the images .zip file.
Browse for them on your computer, then click Add template.
The following Campaign Monitor tags are included:
<repeater>
<layout label="...">
<singleline>
<multiline>
editable (images)
See the Campaign Monitor template tags reference.
<webversion>
<unsubscribe>
See the Campaign Monitor important links reference.
[fullname]
(fallback included)See the Campaign Monitor merge tags reference.
Visual template customisation in Campaign Monitor is very limited, you can only click to edit a section and have some basic formatting options, for multiline elements only!
For any customisation to the template, you will need to manually add it before uploading to Campaign Monitor.
Most visual email builders are limited in functionality, meaning they don't or can't allow fine-tuned control over the template as if you were to manually edit the HTML code. That being said, please take the following into account.
The Grammarly browser plugin severely affects online email editors, including Campaign Monitor. By injecting itself into the page, it corrupts email HTML, resulting in a broken template.
Please disable any plugins such as Grammarly or Adblock when using an online email builder.
As a rule of thumb, we recommend disabling any plugins that manipulate content on a web page when using any of the integrations provided with our email templates.
Just like in the MailChimp version, the hamburger menu icon is visible only on the mobile breakpoint, so it can't be edited with Campaign Monitor's visual editor. Instead, you need to edit it manually in the code, before uploading to Campaign Monitor:
Campaign Monitor currently offers no support when it comes to editing background images.
Just like with the menu icon, manually edit the template code before uploading to Campaign Monitor:
Campaign Monitor's editor inserts <p> tags in place of editable text areas. Because our email framework includes a typography reset, these injected tags will inherit the font size in the reset (usually 13px).
The problem is that you might be editing something like a large heading or subheading, and you will see them using a smaller font size than intended in Campaign Monitor.
To fix it, simply click to edit that text, and switch to "Source" view in Campaign Monitor's editor. There, remove the <p> tags surrounding your text:
Always test before you send!