Guide5 min read•Audience: Marketers
Using PostBrix with Mailchimp
Step-by-step instructions for importing PostBrix HTML into Mailchimp, converting merge tags, and testing campaigns.
Key Takeaways
- Export compiled HTML from PostBrix using the HTML Export modal.
- In Mailchimp, create a campaign and choose "Code your own" → "Paste in code".
- Replace Handlebars variables with Mailchimp merge tags (e.g. *|FNAME|*).
- Ensure the Mailchimp unsubscribe tag (*|UNSUB|*) and physical address tag (*|USER:ADDRESSHTML|*) are present in your footer.
Importing HTML into Mailchimp#
- In PostBrix, click Export → HTML Export → Copy HTML.
- Log into Mailchimp and navigate to Campaigns → Email Templates → Create Template.
- Select the Code your own tab and click Paste in code.
- Delete any existing placeholder markup and paste your PostBrix HTML.
- Click Save to open the preview editor.
Important: Mailchimp Automatic CSS Inlining#
When creating a campaign in Mailchimp, ensure the "Automatic CSS Inliner" setting is disabled in your campaign setup if available:
- PostBrix already inlines styles onto element tags.
- Mailchimp's legacy inliner can sometimes strip or corrupt the responsive
@mediaqueries located in the<head><style>block, breaking mobile stacking on phone screens.
Frequently Asked Questions
Why does Mailchimp warn me about missing unsubscribe tags?
Mailchimp checks for the literal string *|UNSUB|* in your HTML. If it is missing, Mailchimp will automatically append an unstyled gray footer bar at the bottom of your email.
Can I edit PostBrix blocks in Mailchimp’s drag-and-drop editor?
No. Templates imported as custom code cannot be edited with Mailchimp’s visual blocks. Make edits in PostBrix, re-export, and paste the updated HTML.