Uploading your email to HubSpot

Exporting your email to HubSpot

1. 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 the Export button located in the top right corner of the Plugin interface.

3. On the Export page, select "HubSpot" from the dropdown menu.

4. If you have not added your HubSpot API key, click "Change API Key."

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

6. Navigate to Integrations > Private Apps.

7. Click the "Create a private app" button.

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

9. Click on the Scopes section and search for "content." Check the content scope box and click Update.

10. 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 generated API key to your clipboard.

12. 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. 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. Give your frame a descriptive name as this is what becomes your template name.

15. Click the "Export to HubSpot" button at the top of the plugin.

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

17. In the template selection, go to the Custom section where you'll find an "Email Love" folder containing your exported template.