Exporting a Dyspatch Email to HubSpot

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

Build and Approve in Dyspatch

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

Once your email is approved by your team and published, you can move it into your HubSpot account by exporting it with our HubSpot Integration, or you can download your email to upload it to HubSpot manually.

Export an Email with the HubSpot Integration

From a published email, Click Export, double check the Email Name, then click Confirm & Export.

HubSpot Confirm Export Deatils

If your workspace has more than one integration, make sure you are on the "Export to Integration" tab in the Export modal.

HubSpot requires the following tags in your Dyspatch email in order to export successfully:

@{unsubscribe_link} and @{unsubscribe_link_all}, or @{unsubscribe_section}

@{site_settings.company_street_address_1}
@{site_settings.company_state}
@{site_settings.company_name}
@{site_settings.company_city}

Upon successful export the email can be accessed via Marketing > Email. There will also be a folder created named Dyspatch Import where the HTML can be accessed by navigating to Content > Design Manager in the left hand navigation menu in HubSpot.

Export an Email Manually to upload to HubSpot

Your email must be approved by your team and published before you can export it.

Export Email from Dyspatch

Select Export > Download as... in the email builder.

Download as option under Export dropdown menu from the email builder

From the Download HTML tab, Select the download logo under HubSpot to save the file locally, or copy the HTML code of the email.

Download HTML modal with HubSpot download highlighted

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

If copied, the HTML code for your Dyspatch email will be stored in your computer's clipboard.

Add the Email to HubSpot

Create a Blank Hubspot Template

On your HubSpot dashboard, navigate to Content > Design Manager and select Create a new file, or through the Marketing > Email path select Create email

Select HTML + Hubl as the file type and click Next.

New file menu to create new template in HubSpot

Change the Template Type to Email, give it a File Name, and optionally change it's location.

Modal with options filled in to create new html template in HubSpot

Retrieve HTML

If you copied the email from Dyspatch then the HTML code should still be in your computer's clipboard and ready to paste. If not, copy the code again from Dyspatch.

If you downloaded the email from Dyspatch, unzip the folder and open the .html file in your browser. Right click the page and select vew page source. Highlight all of the code and copy it to your clipboard.