Ian Brodie

One of the questions I hear most about Active Campaign in Facebook Groups or people dropping me emails is "where can I find a decent, responsive, good looking email template?"

You know the sort: looks like plain text but is html so allows tracking, simple formatting and images.

That looks like the sort of email a friend or business colleague might send you.

And that looks great on desktop AND mobile. Without tiny text, super long lines or artificial page breaks.

Well, a little while back I created just such a template for my own use. And now you can get a copy too.

The template is for the "legacy html editor". Personally I don't like the emails the new drag and drop editor creates so I use the legacy editor (as do most Active Campaign expert users that I know). You can still do visual editing with the old editor - it's a lot like the Wordpress editor.

What you'll need to do is copy the the below, then go to the Campaigns section in Active Campaign, click on Manage Templates, then on the New Template button, give your template a name, then select Custom HTML and press OK.

Paste the html below into the box on the left and you'll see three things:

What the template looks like on a mobile device

  • Firstly, you'll see a nice template appear on the right. it'll be 580px wide with the text in 18px Georgia font - big enough for even my old eyes to read.
  • Secondly, you'll see a picture of me. I like to use a little thumbnail image of me as a letterhead in the top right corner. You'll either want to delete that image or replace it with one of your own.
  • Thirdly, you'll see that by default the email opens with a salutation of either "Hi - Ian here :)" if the contact's first name isn't know or "Hi %FIRSTNAME|TITLECASE% - Ian here :)" if it is (ie it substitutes the first name of the contact). You'll want to change this to whatever salutation you prefer to use. You'll also want to change the signature at the end to be yours.

You can now click on Save and Exit and your template is now available to use. Whenever you want to create a new email just select this template. You'll go to a screen with the HTML version of the template but you'll want to click the little screen icon on the top right to switch to the visual editor.

And that's it. Have fun with your new simple, responsive template for Active Campaign.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
</head>
<body>
<table border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td style="font-size: 18px; line-height: 28px; font-family: Georgia, serif; color: #111;" width="580">
<img align='right' src="https://ianbrodie.img-us3.com/admin/ian-email-logo3.jpg" style="max-width:33%;margin-left:10px;margin-bottom:10px;" alt="Click 'display images' to see this image." title="Click 'display images' to see this image." style="float: right;">
<p>%IF $FIRSTNAME == ' ' || $FIRSTNAME == 'Subscriber'%Hi - Ian here :)%ELSE%Hi %FIRSTNAME|TITLECASE% - Ian here :)%/IF%</p>
<p>Type the body of the email here.</p>
<p>- Ian</p>
</td>
</tr>
</tbody>
</table>
<div style="font-family: Arial: 9.5px; line-height: 16px;"><br><br><br><br><br><br><br><br></div>
<p>%SENDER-INFO-SINGLELINE%</p>
<p><a href="%UPDATELINK%">Update Your Details</a> · <a href="%UNSUBSCRIBELINK%">Unsubscribe</a></p>
</body>
</html>

Here's a short video showing how to install the template:

Speak Soon!

PS Don't forget to check out my free marketing videos, podcasts and blog posts here: How To Get More Clients

PPS If for some reason you're not an Active Campaign user already you can read my review here.