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

# How to Translate Iterable Email Templates Using Lokalise

> Design in Figma, export to Iterable, and translate into multiple languages with Lokalise

This guide shows you how to design emails in Figma, export them to Iterable, and translate them into multiple languages using Lokalise. All without writing code.

<iframe width="100%" height="400" src="https://www.youtube.com/embed/E_3bPKHbdac" title="How to Translate Iterable Email Templates Using Lokalise" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen />

## Prerequisites

Before you begin, make sure you have:

* An active Email Love Figma Plugin subscription
* An Iterable account with locale settings configured
* A Lokalise account
* Admin or API access to both Iterable and Lokalise
* Your email design ready in Figma

**Time to complete:** 15-20 minutes for initial setup

<Steps>
  <Step title="Export Your Email Design from Figma to Iterable">
    1. Open your email design in Figma
    2. Select the email frame you want to export
    3. Open the Email Love Figma Plugin (Plugins → Email Love)
    4. From the ESP dropdown menu, select **Iterable**
    5. Click the **Export** button

    Your template will be uploaded to Iterable as responsive HTML code.

    **Important:** The Email Love plugin exports templates as HTML code, which is compatible with Lokalise. If you're currently using Iterable's drag-and-drop editor, see the note below.

    ### About Iterable's Drag-and-Drop Editor

    Templates created with Iterable's drag-and-drop editor cannot be localized with Lokalise due to a mismatch between JSON content and HTML translation formats.

    If you need to localize a drag-and-drop template, you have two options:

    1. Recreate the design in Figma and export using the Email Love plugin (recommended)
    2. Export the HTML from your drag-and-drop template and upload it as a new template using Iterable's WYSIWYG or Side-by-Side editor
  </Step>

  <Step title="Configure Locales in Iterable">
    1. Log in to your Iterable account
    2. Navigate to **Content → Templates**
    3. Find and open the template you just exported from Figma
    4. In the template settings, locate the **Locale** options
    5. Click **Add Locale** and select your target languages (e.g., French, German, Spanish)
    6. Save your changes

    <Note>
      You must add locales to your template before importing it into Lokalise. Lokalise needs to know which language variants exist in Iterable.
    </Note>
  </Step>

  <Step title="Create a Lokalise Project">
    1. Log in to your Lokalise account
    2. Click **New Project**
    3. Enter a project name (e.g., "Email Campaigns - Q1 2025")
    4. Select **Marketing and Support** as your project type
    5. Set your **Base Language** (typically English)
    6. Add your **Target Languages** (these should match the locales you added in Iterable)
    7. Under **Integrations**, select **Iterable**
    8. Click **Create Project**
  </Step>

  <Step title="Connect Lokalise to Iterable">
    ### Generate an API Key in Iterable

    1. In Iterable, go to **Integrations → API Keys**
    2. Click **Create New API Key**
    3. Name it "Lokalise Integration" (or similar)
    4. Select **Server-side** as the key type
    5. Copy the API key (you won't be able to see it again)

    ### Connect the API Key in Lokalise

    1. In your Lokalise project, go to **Settings → Integrations**
    2. Find the Iterable integration and click **Configure**
    3. Paste your Iterable API key
    4. Select your **Data Center** (US, EU, etc.)
    5. Click **Authorize**

    Lokalise will connect to your Iterable account and begin importing your template library. This typically takes 30-60 seconds.
  </Step>

  <Step title="Import Your Template into Lokalise">
    1. In Lokalise, navigate to **Content Management → Import**
    2. You'll see a list of all your Iterable templates
    3. Use the search bar to find your template by name
    4. Select your template
    5. Click **Import from Iterable**
    6. Select your target languages (French, German, etc.)
    7. Click **Import**

    Lokalise will extract all translatable content from your email template, including:

    * Headlines
    * Body copy
    * Button text (CTAs)
    * Alt text for images
    * Preheader text
    * Any other text elements

    **What gets imported:** Only text content is extracted. Your HTML structure, design, and code remain untouched in Iterable.
  </Step>

  <Step title="Translate Your Content">
    ### For Translation Teams

    1. In Lokalise, go to the **Editor** tab
    2. You'll see all text elements from your email
    3. For each text element, enter translations in the target language columns
    4. Use the built-in translation memory to maintain consistency across campaigns
    5. Mark translations as **Reviewed** when complete (if using approval workflows)

    ### For AI Translation

    1. In the Editor, select the text elements you want to translate
    2. Click **AI Translate** or **Pre-translate** (depending on your Lokalise plan)
    3. Select your target languages
    4. Review the AI-generated translations before approving

    <Tip>
      Always review machine translations for marketing copy. AI is fast but may miss brand voice, cultural nuances, or marketing context.
    </Tip>
  </Step>

  <Step title="Export Translations to Iterable">
    1. In Lokalise, go to **Content Management → Export**
    2. Select your translated template
    3. Verify that all translations are complete (you'll see a progress indicator)
    4. Click **Export to Iterable**

    Lokalise will automatically update your Iterable template with all language versions. This usually takes 15-30 seconds.
  </Step>

  <Step title="Verify Your Translations in Iterable">
    1. Return to Iterable and open your template
    2. Use the **Locale** dropdown to switch between languages
    3. Review each language version to ensure:
       * All text has been translated
       * Text fits within your design (watch for text expansion in languages like German)
       * CTAs and links are correct
       * Special characters display properly
       * Images with alt text have been translated

    **Before sending:** Always send test emails in each language to catch any formatting issues.
  </Step>
</Steps>

## Updating Existing Translated Templates

If you need to update a template that's already been translated:

1. Make changes to your Figma design
2. Export the updated template to Iterable (it will overwrite the existing template)
3. In Lokalise, re-import the template
4. Lokalise will show which text elements have changed
5. Update only the changed translations
6. Export back to Iterable

Your existing translations remain intact. You only need to translate the new or modified content.

**Need help?** Contact Email Love support at [support@emaillove.com](mailto:support@emaillove.com) or join our Discord community.
