Export to MailerLite
Export from Sendra and paste or import into MailerLite's Custom HTML editor, with the unsubscribe link and address MailerLite needs.
Design in Figma, export with Sendra, paste into MailerLite’s Custom HTML editor. MailerLite sends it as you designed it.
MailerLite’s own pages disagree on whether the free plan includes the Custom HTML editor: its June 2026 plan update says it does, and other pages still name a paid plan. When you start a campaign, check that Custom HTML editor is offered.
Before you start
Section titled “Before you start”- Put your images online: turn on Host images online in Sendra, or use your own image URLs. You can also import a zip with the images, below.
- Set your preview text in Properties. It travels in the file.
- On the free plan, MailerLite adds its logo at the bottom of every email.
What MailerLite needs in every email
Section titled “What MailerLite needs in every email”Unsubscribe link. Type “Unsubscribe” in your footer, select it, and put this in its Link field: {$unsubscribe}. MailerLite does not send a campaign without one. Give the link its own text layer, since Figma’s link box will not accept a tag.
Name and postal address. Type your name and postal address into your footer text. MailerLite’s terms ask for both, and its help names no tag for the address. {$account} fills in your account name if you want it.
Note: type the tags exactly as shown, with the dollar sign. MailerLite’s tags are case-sensitive. See Merge tags for how Sendra treats them.
Tags you will use most
Section titled “Tags you will use most”Type these in Figma exactly as shown. Text tags go in a text layer, link tags go in a Link field.
| What it does | Tag | Where |
|---|---|---|
| First name, with a fallback when MailerLite has none | {$name|default('there')} |
text |
| Account name | {$account} |
text |
| Unsubscribe | {$unsubscribe} |
Link |
| Update preferences | {$preferences} |
Link |
| View in browser | {$url} |
Link |
The preference center behind {$preferences} comes with MailerLite’s paid plans.
Preview text
Section titled “Preview text”Leave MailerLite’s Preheader empty on the campaign details page. Your preview text is already in the file.
Paste it in
Section titled “Paste it in”- In MailerLite, go to Campaigns and click Create. Choose the campaign type and fill in its details.
- Choose Start from scratch, then Custom HTML editor.
- Bring in the HTML, one of two ways:
- Choose Code from scratch. In Sendra, click Copy HTML, and paste it into the editor.
- Choose Import HTML Code and upload the zip from Sendra’s Export package. MailerLite saves the images to your File manager. Its help does not describe the zip it expects, so check that every image shows in the editor.
- Click Done editing.
To keep it as a template, open Actions on the campaign and choose Save as template.
Check it
Section titled “Check it”Click Preview and test, then Send a test email. Enter your address and click Send test. The subject starts with [TEST], and the unsubscribe link does not work in a test.
Then open the test on a phone. MailerLite turns the styles in an email into inline styles when you save, and its help does not say what happens to the styles Sendra uses for phones. Compare the test with Sendra’s phone preview; if they differ, write to support@hellosendra.com.
Compare it with the test you sent from Sendra too. They should match; MailerLite adds tracking to your links, which is normal.
Changing it later
Section titled “Changing it later”Keep Figma as the source: change the design, export again, and paste the new version on the Code tab. MailerLite keeps a version history. Once a campaign is sent, it cannot be edited.
Dynamic content
Section titled “Dynamic content”MailerLite fills subscriber fields such as the name at send time. Merge tags shows how to use tags in text, links and image URLs.