Skip to main content
Email Love includes an “Export to HubSpot” option that uses the HubSpot API to upload your email template seamlessly into your HubSpot Marketing account.
To export HTML emails to HubSpot, you will need a Marketing Hub Professional or Enterprise account. Please check this before trying to integrate with the Figma plugin.

​
Exporting your email to HubSpot

The Export feature in the Email Love Figma plugin lets you easily convert your email design into email-friendly HTML or MJML, or directly export it to HubSpot. Follow these steps to upload your email design to your HubSpot account:
1

Select your frame

Ensure that your email design is finalized and ready for export, then click on the frame you want to export to ensure it is selected.
2

Click Export

Click the Export button located in the top right corner of the Plugin interface.
3

Pick HubSpot

On the Export page, select “HubSpot” from the dropdown menu.
4

Add your API key

If you have not added your HubSpot API key, click “Change API Key.”
5

Open HubSpot settings

Login to your HubSpot Account and click on the settings cog icon at the very top of HubSpot.
6

Go to Private Apps

Navigate to Integrations > Private Apps.
7

Create a private app

Click the “Create a private app” button.
8

Name your app

Give your private app a name (e.g., “Email Love Integration”), upload your logo, and add a description.
9

Set the content scope

Click on the Scopes section and search for “content.” Check the content scope box and click Update.
10

Create the app

Click the “Create app” button in the top right corner and continue creating (it will take a minute to generate the API key).
11

Copy the API key

Copy the generated API key to your clipboard.
12

Paste the key into the plugin

Return to the Email Love Figma Plugin and paste your API key into the “HubSpot API Key” box. Click the “Set API Key” button.
13

Use a HubSpot-specific footer

Build your email design using Email Love components. Important: Make sure to use one of our HubSpot-specific footers, which contain the required HubSpot merge tags (company name, address, unsubscribe link) necessary for successful campaign deployment.
14

Name your frame

Give your frame a descriptive name as this is what becomes your template name.
15

Export

Click the “Export to HubSpot” button at the top of the plugin.
16

Create a regular email in HubSpot

Navigate to Marketing > Email in your HubSpot account and create a regular email.
17

Find your template

In the template selection, go to the Custom section where you’ll find an “Email Love” folder containing your exported template.
Your template is now ready to use for HubSpot email campaigns!