Overview
Shopify is an ecommerce platform. Shopify Messaging, formerly Shopify Email, is its built-in email tool. The Email Love Figma plugin exports the email you designed in Figma as an HTML file, which you import into a custom-coded campaign.
- Works with
- The Figma plugin and Email Love Builder
- Export type
- HTML for Shopify Messaging
- You need
- No API key. The export is a download.
- Where it lands
- Apps > Messaging > Create campaign > Code your own
- Size limit
- Custom-coded emails up to 500 KB
What it does
- Downloads a ZIP with an HTML file for a Shopify Messaging campaign.
- Converts your unsubscribe link to Shopify’s
{unsubscribe_link}and adds Shopify’s open-tracking block. - Leaves a custom unsubscribe merge tag alone, if you set one in Properties.
How to export from Figma to Shopify
Select your email frame, open Export and choose Shopify.
Click Export. A ZIP with the HTML file downloads.
In Shopify admin, open Apps > Messaging, click Create campaign and choose Code your own.
Import the HTML file, add the subject line and preview text, and send a test.
Email Love Builder and Shopify
Email Love Builder works with Shopify too. Your marketers build emails from your approved components in the drag-and-drop editor, without opening Figma, and export them for Shopify.
Each component in the Builder is mapped to its Figma component, so your designers update it in Figma and re-sync it. See Email Love Builder.
Good to know
- Shopify has no public API for creating Messaging campaigns from HTML, so you import the file yourself.
- Create custom-coded campaigns on a desktop computer.
- Shopify caps custom-coded emails at 500 KB. The plugin’s HTML minification helps you stay under it.
Resources
FAQ
Can I export emails from Figma to Shopify?
Yes. The Email Love Figma plugin exports the email you designed in Figma as an HTML file. Import it into a Shopify Messaging custom-coded campaign with Code your own.
Why is Shopify a file download?
Shopify has no public API for creating Messaging campaigns from HTML, so the plugin downloads the file and you import it.
Does Email Love Builder work with Shopify?
Yes. Email Love Builder works with Shopify too, so your marketers can build emails from your approved components in the drag-and-drop editor and export them for Shopify.
