MailChimp enables clients to either upload their own pre-built HTML email templates to the tool for sending, or alternatively customise on of the existing templates available within the tool. This guide highlights how a user can embed the Stackla Email Plugin into one of the MailChimp templates.
1. Create a New Campaign
First step is to select to 'Create Campaign' from within the MailChimp Dashboard
2. Select Email
From the available options, select 'Create an Email' from the available Campaign options.
3. Select an Email Type
From here you will be presented with a series of Email Types. Stackla's Email Plugin will work with 'Regular', 'Automated' and 'A/B Test', however for this guide we are going to focus on 'Regular'
Select 'Regular' from the options, select a Marketing List and then populate the relevant details to build out your campaign within MailChimp.
4. Select a Template for your Email
The next step is to select a Template for your email. The Stackla Email Plugin can be used on any of the existing 'Layouts', 'Themes' or even on the 'Code your own' Email templates.
For the purpose of this guide, we are just going to take one of the Featured Layouts which will allow us to easily add a 'Content Component' to the template.
5. Add a Component
Once we've selected our Template, we can now add our 'Content Component'. The Stackla Email Plugin will work on the following 'Content Component' types:
- Boxed Text
- Image Card
- Image + Caption
For the purpose of this guide, we are going to use the 'Content Component' titled 'Text'.
Once we select 'Text' from the list, we simply need to drag it to the position we would like it to appear on our Email template.
6. Open HTML Editor on Component
Once we've added our 'Content Component', the Right Hand side menu in MailChimp should update to allow us to edit the 'Content' similar to the screenshot below.
It is here we are going to want to pick the HTML / Source button (<>) to edit the content source.
Once we click this, it should flip to a Text Editor of the Content Component, upon which we can add our Email Plugin embed code similar to below:
Once added, our the Email Tiles should render similar to below (Note the below Tiles have had Custom CSS applied) in both the preview and in the Emails sent: