Exporting a Dyspatch Template to Iterable

Use our integration with Iterable to deliver engaging email experiences to your customers.

Build and Approve in Dyspatch

In Dyspatch, use the drag and drop visual editor to create a beautiful, responsive, and engaging email template. Collaborate with your team to approve the template and publish it.

Once your template is published, you can move it into your Iterable account by exporting it with our Iterable Integration, or you can download your template to upload it to Iterable manually.

Iterable Integration

Connect your Iterable account to Dyspatch and begin exporting templates in a couple of clicks.

Connect your Iterable Account

You will need to create an Iterable API key with type Standards enabled. Once you have your Iterable API key, you are ready to set up your Iterable integration in Dyspatch.

In the Administration portal, open your username drop-down menu, and select Integrations. Go to API Keys Page link in username dropdown

You may need to unlock integrations for your team's account. Reach out to our support team to get integrations set up.

Enter your Iterable API key, select an export method for localized templates, and add a short description that your team will see when exporting.

Localized Template Export Methods

Use Dyspatch to localize your template and you can create emails that support multiple languages or locations. With your new Iterable integration, you can choose to export localized templates with the Iterable property Locale.

For the integration to work successfully, you’ll have to add Locales to your Iterable project. As long as the Locale exists in Iterable, our integration will be able to map the translations together. For example, creating an fr-CA locale in Iterable will allow you to map the French - Canada locale from Dyspatch. If the locale does not exist in Iterable, you’ll see the following error: Dialog box showing that the Iterable export could not complete

Exporting a Published Template with the Iterable Integration

With the Iterable integration added to Dyspatch after you click Download/Export, you can now select Export to Integration and send your Dyspatch template to your Iterable account.

Exporting a template to Iterable with the Iterable integration is fast

Exporting any newly-published draft will update the template in Iterable. Any changes to the name, once published, will also update the template in Iterable.

Find your template in the Content > Templates section of your Iterable Projects dashboard.

Downloading Your Email Template

Once your email has been reviewed and approved by your team, you can now export your template using the Download/Export button.

You will need to select the HTML/Handlebars option in order to be compatible with Iterable’s templating system.

Selecting the download button and exporting to handlebars for Iterable

A zipped file will be downloaded onto your system with the HTML, plain text content, metadata, and localizations (if applicable).

Getting the HTML Source Code

Adding your email template into Iterable’s template editor requires you to copy and paste your email’s HTML source code. To get this HTML, unzip the folder downloaded from Dyspatch in the previous step and open the HTML file so that you can copy its contents into Iterable.

Here’s how to open the HTML file and copy the code using your web browser, or the text editor that is preinstalled with both Windows and macOS.

Web Browser

Most web browsers will have a “View Page Source” option. The following screenshots outline the steps for Google Chrome.

Open the HTML file in a web browser, and right-click the page to open a drop-down menu. Select the View Page Source option.

Right click to dropdown menu options. Click the View Page Source option

You will be presented with the HTML source code and you can copy the HTML and add the content into Iterable.

Text Editor

Windows

Notepad comes pre-installed with Windows operating systems, so you should be able to search for Notepad and open the HTML file. Once opened, you can copy the HTML and paste it into Iterable.

macOS

TextEdit comes pre-installed with macOS operating systems, so you should be able to search for TextEdit and open the HTML file. Note that you may need to adjust your preferences to allow HTML files to be opened in code format.

In the preferences settings, click the "Open and Save" tab. Make sure the "Display HTML files as HTML code instead of formatted text" is enabled.

Once you have the HTML, you can copy the HTML and paste it into Iterable.

Adding the Template to Iterable

Navigate to Content > Templates. In the top-righthand corner, open the New template drop-down menu and select Email. Name your template, and select the WYSIWYG option.

Once the template has been created, navigate down to the content and ensure that HTML version is the active tab. Click Source, and paste the HTML copied from the Dyspatch template.

Selecting the Source field in the Iterable template interface

Populate the fields for sending information, including Subject Line, Plaintext, and Preheader text, and save your template. The transfer is complete, and now you can send your email template.

For information on how to send emails via Iterable, review Sending Your First Campaign from Iterable’s documentation.