Exporting a Dyspatch Email to SendGrid
Use Dyspatch and SendGrid together to simplify your email creation lifecycle and deliver engaging email experiences at scale.
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 the email and publish it.
Once your email is published, you can move it into your SendGrid account by exporting it with our SendGrid integration, or you can download your email to upload it to SendGrid manually.
Exporting a Published Email with the SendGrid Integration
With a SendGrid integration added to Dyspatch after you click Download/Export you can now select Export to Integration and send your Dyspatch email to your SendGrid account.
Exporting any newly published draft will update the email in Sendgrid. Any changes to the name once published will also update the email in SendGrid.
Find your email in the Email Api > Dynamic Templates section of your SendGrid account.
Downloading Your Email
If you don't have the SendGrid direct integration, then once your email has been reviewed and approved by your team's stakeholder, you can export your email using the Export button in the email builder.
You will need to select the HTML/Handlebars option to be compatible with SendGrid's templating system.
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 into SendGrid requires you to copy and paste your email's HTML source code. To obtain this HTML, unzip the folder downloaded from Dyspatch and open the HTML file so you can copy its contents to add the email to SendGrid.
Here's how to open the HTML file and copy the HTML using your web browser or the text editor that is pre-installed with Windows and MacOS.
Web Browser
Most web browsers will have a "View Page Source" option. The following screenshots will outline 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.
You will be presented with the HTML source code and you can copy the HTML and add the content into SendGrid.
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 add the content into SendGrid.
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 add the content into SendGrid.
Adding Your Dyspatch Email to SendGrid
Navigate to the Design Library section and select Create Email Design.
Select the Code Editor option and paste in the HTML source code into the Code Editor and save your email.
Once you have your email in SendGrid, you will want to add in your Subject Line, Plain Text content, and any other sending information you downloaded from Dyspatch.
Your email is now ready to go from SendGrid! You can now create a Dynamic Template to send your transactional emails or create a Single Send email to send your marketing emails with the "Your Design" option.
For information on how to send emails through SendGrid, visit the following resources:
Learn More
Read more about working with SendGrid in Dyspatch on our SendGrid Integration page.
