The Email Love Figma Plugin automatically converts your unsubscribe links into the correct merge tags for your email service provider (ESP). This means you don't have to memorize different syntax for each platformβjust use our simple convention and we'll handle the rest.
How It Works
The plugin looks for a specific pattern in your Figma design:
- Link text: The word "unsubscribe" (case-insensitive)
- Link URL:
unsubscribe.com
When you export your email, the plugin automatically replaces unsubscribe.com
with the correct unsubscribe merge tag for your chosen ESP.
Supported Platforms
This automatic conversion works with all our out-of-the-box integrations, including:
- Braze
- Iterable
- Klaviyo
- Mailchimp
- And more
Each platform has its own specific unsubscribe syntax, and the plugin handles the translation for you.
Step-by-Step Instructions
Option 1: Manual Setup
- Add your unsubscribe text in your footer (or anywhere in your email)
- Highlight the word "Unsubscribe"
- Link it to:
unsubscribe.com
- Export your email and select your ESP integration
- The plugin automatically converts the link to your ESP's unsubscribe merge tag
Option 2: Use Our Pre-Built Footers
The fastest way to add an unsubscribe link is to use one of our standard footer components:
- Open the Email Love plugin in Figma
- Navigate to the Footer section
- Choose any footer component you like
- Insert it into your design
All our pre-built footers already include the word "unsubscribe" linked to unsubscribe.com
, so you're ready to export immediately.
Example: Exporting with Braze
- Select your email frame in Figma
- Open the Email Love plugin
- Choose Braze from the ESP dropdown
- Click Export or Copy Code
- The plugin converts
unsubscribe.com
β Braze's unsubscribe merge tag
The same process works for any of our supported integrations.
Best Practices
Placement: While you can technically place the unsubscribe link anywhere in your email, it's best practice (and often legally required) to include it in the footer.
Visibility: Make sure your unsubscribe link is easy to find and read. Use a reasonable font size and sufficient color contrast.
Manual Override: If you need to manually add the unsubscribe merge tag after export, that's totally fine. The automatic conversion is just there to save you time.
Customization
You can customize:
- The styling of the unsubscribe text (font, color, size)
- The placement within your email
- The surrounding text (e.g., "Click here to unsubscribe")
Just make sure the actual linked word is "unsubscribe" and it points to unsubscribe.com
.
Need Help?
If you have questions about how unsubscribe links work with the plugin:
- Join our Discord server and ask in the support channel
- Contact us via email or Slack (for Enterprise customers)