> ## Documentation Index
> Fetch the complete documentation index at: https://help.emaillove.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Export Figma emails to MoEngage

> Export email designs from Figma into MoEngage via API with the Email Love plugin.

The Email Love Figma plugin integrates directly with MoEngage, allowing you to design emails in Figma and export them as production-ready HTML templates into your MoEngage workspace.

<iframe width="100%" height="400" src="https://www.youtube.com/embed/wuamSl2GvR0" title="Upload your email to MoEngage" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen />

## Prerequisites

Before you begin, ensure you have:

* An active Email Love Figma plugin subscription
* A MoEngage account with API access
* Admin or appropriate permissions in your MoEngage workspace

## Getting Your MoEngage Credentials

You'll need three pieces of information from MoEngage to complete the integration:

1. **Workspace ID**
2. **Data API Key**
3. **Instance ID**

<Steps>
  <Step title="Access MoEngage API Settings">
    1) Log in to your MoEngage account
    2) Click the **Settings cog** in the bottom left corner
    3) Select **APIs** from the menu
  </Step>

  <Step title="Locate Your Credentials">
    **Workspace ID:**

    * Found at the top of the APIs page
    * Click to copy the ID

    **Data API Key:**

    * Located on the same APIs page
    * Copy the Data API Key

    **Instance ID:**

    * Found in your MoEngage dashboard URL
    * Example: If your URL is `dashboard-o2.moengage.com`, your Instance ID is `o2`
    * Common instances: `o1`, `o2`, `o3`, `o4`

    <Tip>
      Save these credentials in a secure location for future reference.
    </Tip>
  </Step>
</Steps>

## Connecting the Plugin to MoEngage

<Steps>
  <Step title="Open the Export Menu">
    1. Open your email design in Figma
    2. Launch the Email Love plugin
    3. Click the blue **Export** button
    4. Select **MoEngage** from the dropdown menu
  </Step>

  <Step title="Configure API Connection">
    1. Click **Change API key** to set up a new connection
    2. Enter your credentials:
       * **Instance ID:** Select your instance (e.g., DC O2)
       * **Workspace ID:** Paste your workspace ID
       * **API Key:** Paste your Data API Key
    3. **Name your connection:** Give it a descriptive name (useful if you manage multiple MoEngage accounts or workspaces)
    4. Click **Set API key**

    You're now connected to MoEngage!
  </Step>
</Steps>

## Exporting Your Email Template

Once connected, you have two export options:

<Tabs>
  <Tab title="Direct API Export (Recommended)">
    1. Click the blue **Export** button in the plugin
    2. The HTML will be automatically pushed to your MoEngage templates library
    3. Navigate to **Content → Templates** in MoEngage to find your exported template
  </Tab>

  <Tab title="Manual Copy">
    1. Click the **Copy MoEngage** button in the plugin
    2. The HTML code will be copied to your clipboard
    3. Manually paste the code into MoEngage
  </Tab>
</Tabs>

## Accessing Your Template in MoEngage

1. In MoEngage, navigate to **Content**
2. Select **Templates**
3. Locate your newly exported template by name
4. Use the template in your email campaigns or automated journeys

## Managing Multiple Connections

The Email Love Figma plugin supports multiple MoEngage connections, making it easy to work across different clients or workspaces.

**To add additional connections:**

1. Click **Change API key** in the export menu
2. Enter new credentials
3. Give the connection a unique name
4. Switch between connections using the dropdown menu

## Troubleshooting

### Connection Issues

**Problem:** "Unable to connect to MoEngage"

* Verify your API credentials are correct
* Ensure you have the correct Instance ID
* Check that your API key has the necessary permissions

**Problem:** "Template not appearing in MoEngage"

* Allow a few moments for the template to sync
* Refresh your MoEngage dashboard
* Verify you're looking in the correct workspace

### Export Errors

**Problem:** Export button is grayed out

* Ensure your email design is complete
* Check that all required elements are properly formatted
* Verify your plugin subscription is active

## Best Practices

* **Name your connections clearly**: Use descriptive names like "Client Name - Production" or "Testing Workspace"
* **Test before deploying**: Always preview your exported template in MoEngage before using it in live campaigns
* **Keep credentials secure**: Store API keys securely and limit access to authorized team members only
* **Use the direct export**: The API export method is faster and reduces the chance of copy/paste errors

## 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