In this tutorial, we’ll be taking the HTML code from a Postcards template and adding it to an email template in ActiveCampaign.
- A Designmodo account
- An ActiveCampaign account
- A text editor that can open HTML files
1. Create and export a Postcards template
The main thing we need is a Postcards template for the HTML code.
In the Postcards app, create a template. Mine looks like this:
Next, we want to export this and use the HTML code that’s generated.
In the top right corner of the app, press “Export” and press “Download as zip”
There will be an option called “Host images online.” Make sure this option is checked. Your screen should look like this:
Press “Download Zip” and extract the file into a folder. My folder looks like this:
If you open this file in your browser, you should see the Postcards template you just created.
Now, we have everything we need to add this template to an ActiveCampaign email template.
2. Create a new template in ActiveCampaign
Log into your ActiveCampaign account and select the “Campaigns” option on the left side menu. My dashboard looks like this:
In the campaigns page, first select the “Manage Templates” option in the left side menu and then in the new templates page, select the “Create a template button” in the top right corner.
My screen looks like this:
A new modal will open with form options to create a new template.
Enter a name for your template and make sure the “Custom HTML” option is selected for the template type and then press “Add” like this:
Step 3: Add the Postcards template code to the custom HTML template
After you press “Add” that should take you to a page that looks like this:
Now we need the HTML code of the Postcards template.
Open the index.html file you downloaded from Postcards in a text editor. I’m using Notepad++ so I’ll right-click my file and select “Edit with Notepad++”.
You should be seeing the HTML code that looks like this:
Highlight everything in this file and copy and paste it into the ActiveCampaign template page where it says “Insert.” Your screen should look like this:
Press “Save and exit” in the top right corner and then you’re done!
You can now create a campaign and use this new template you created. In the templates list, your template will likely be the last in the list.
What we covered
- How to export a Postcards template.
- How to create a new template in ActiveCampaign.
- How to add the Postcards template code in a custom HTML template in ActiveCampaign.