Help Center
How can we help? πŸ‘‹

Upload your email to Adobe Marketo

Export your email to Marketo Engage

The Email Love Figma Plugin integrates with Adobe Marketo Engage, allowing you to export your email designs directly from Figma into your Marketo account as editable templates. This guide walks you through the complete setup and export process.

First-Time Setup: Configure the Marketo API

To export directly from the plugin to Marketo, you'll need three credentials: your REST API Endpoint URL, Client ID, and Client Secret.

Step 1: Get Your REST API Endpoint URL

  1. Log into your Marketo account
  1. Navigate to Admin > Web Services
  1. Under the REST API section, copy the Endpoint URL to your clipboard
Note: The REST API Endpoint URL looks something like https://xxx-xxx-xxx.mktorest.com/. You'll paste this into the plugin later.
Notion image

Step 2: Create an API Role and User

  1. In Admin, go to Users & Roles > Roles
  1. Create a New Role
  1. Under the Access API section, enable Read-Write Assets permissions
  1. Click Create to save the role
  1. Ensure you have an API Only user account assigned to this role. If not, create one under Users and set the account type to API Only
Notion image

Step 3: Create a LaunchPoint Service

  1. In Admin, go to LaunchPoint (under Integration)
  1. Click New > New Service
  1. Give the service a name (e.g., "Email Love Plugin")
  1. Set the Service type to Custom
  1. Select your API Only user from the dropdown
  1. Click Create
  1. Once created, click View Details to reveal your Client ID and Client Secret
  1. Copy both values β€” you'll need them in the next step
Notion image

Step 4: Connect the Plugin

  1. Open the Email Love Figma Plugin
  1. Click Export in the top right corner
  1. Select Marketo (API) from the dropdown
  1. Paste your three credentials:
      • REST API Endpoint URL
      • Client ID
      • Client Secret
  1. Test the connection to verify authentication
Notion image

Exporting to Marketo

Once your API connection is configured:

  1. Ensure your email design is finalized and the frame is selected. You'll need an Email Love Footer with an Unsubscribe link for the export to work.
  1. Click the Export button in the plugin
  1. Select Marketo (API) from the dropdown
  1. Click Upload to Marketo
  1. Wait for the upload to complete β€” you'll see a confirmation with a link to your template in Marketo

Finding and Approving Your Template

After export, your template appears in Marketo's Design Studio.

  1. Navigate to Design Studio in the left sidebar
  1. Open the Email Templates folder
  1. Find your newly exported template
  1. Click on the template, then click Approve and Close
  1. A green checkmark confirms the template is approved and ready to use
Important: Templates must be approved before they can be used to create new emails. If you don't see your template when creating a new email, check that it's been approved in Design Studio.
Notion image

Creating a New Email from Your Template

With your template approved:

  1. Navigate to Marketing Activities
  1. Select or create a program, then choose New > New Local Asset > Email
  1. Give your email a name and description
  1. In the template selection screen, go to My Templates
  1. Select your exported template
  1. Click Create

Editing Content in Marketo

Your exported template preserves editable content areas, so your team can update text and images directly in Marketo's email editor without breaking the responsive design.

  1. Open your new email
  1. Click on any text area to edit the content
  1. The editor will appear, allowing you to modify text, formatting, and links
  1. Click on image areas to swap images
  1. When finished, approve the email to make it available for sending
Pro tip: The Email Love plugin structures your template so that text and image areas are editable in Marketo while the structural layout stays locked. This means your marketing team can update content without accidentally breaking the responsive code.

Alternative: Manual Zip Export

If you prefer to upload your HTML manually rather than using the API integration:

  1. Click the Export button in the plugin
  1. Select Marketo (Zip) from the dropdown
  1. Click Export for Marketo to download a zip file containing your HTML template
  1. In Marketo, go to Design Studio > Email Templates
  1. Click New Email Template and paste in the HTML code from the exported file
  1. Approve the template to make it available

The API method is recommended as it's faster and eliminates manual copy/paste steps.

Troubleshooting

Common Issues

  • Authentication Failed: Verify your Client ID, Client Secret, and REST API Endpoint URL are entered correctly. Make sure the API user has Read-Write Assets permissions.
  • Permission Denied: Ensure your API role includes the Access API > Read-Write Assets permission. Go to Admin > Users & Roles > Roles to verify.
  • Template not appearing in Design Studio: Wait a moment and refresh β€” the upload may take a few seconds to process.
  • Template shows as "Draft": Click on the template and select Approve and Close before creating emails from it.
  • Images not loading: The plugin automatically hosts images during export. If images appear broken, check your internet connection and try re-exporting.
  • Editable areas not showing in editor: Ensure you're using Email Love components (sections, columns, text, images) rather than plain Figma frames. The plugin maps these to Marketo's editable regions.

Support

Need help? Contact our expert team through:

Benefits of This Integration

  • Streamlined Workflow: Design in Figma, deploy to Marketo instantly
  • Brand Consistency: Maintain design system integrity across all campaigns
  • Editable Templates: Marketing teams can update content without breaking responsive code
  • Time Savings: Eliminate manual HTML coding and uploading
  • Easy migration between platforms: Easily migrate to any marketing platform by not storing all of your emails inside of your ESP
  • Expert Support: Backed by Email Love's experienced team

Related Articles

  • Export Overview β€” Understand all export options and how the plugin converts your Figma design to HTML
  • Image Hosting β€” How the plugin handles image hosting during export
Did this answer your question?
😞
😐
🀩