# 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](/integrations/sendgrid_setup/), or you can download your email to upload it to SendGrid manually.

### Exporting a Published Email with the SendGrid Integration

With the SendGrid integration added to Dyspatch and your email published, click **Export** and select your SendGrid integration.

![SendGrid card to select from the export to integration modal](https://docs.dyspatch.io/img/exports/export-sendgrid.png)

Review or edit the email details for export and click **Confirm & Export**.

![Confirm export details modal with email name field](https://docs.dyspatch.io/img/exports/export-sendgrid-details.png)

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 <a href="https://mc.sendgrid.com/dynamic-templates" target="_blank">Email Api > Dynamic Templates</a> section of your SendGrid account.

## Adding Email to SendGrid Without Direct Integration

Move your email to SendGrid manually if you don't have the SendGrid direct integration.

### Getting Your HTML Source Code

#### Downloading or Copying Your Email
Once your email has been reviewed and [approved by your team's stakeholder](/templates/submitting_a_template/#draft-approved), you can export your email using the **Export** button in the top right corner of the email builder.

Either select **Copy > HTML** or click the download icon under SendGrid on the **Download Email** tab of the export modal. Alternatively, you could select the **HTML/Handlebars** option, which SendGrid uses as its templating language.

![Download Email modal with arrow pointing to download icon under the SendGrid logo](https://docs.dyspatch.io/img/exports/sendgrid-download-email.png)

If you choose to download, a zipped file will be downloaded onto your system with the HTML, plain text content, metadata, and localizations (if applicable). Unzip the downloaded file on your system and open the `.html` file(s) as plain text in a text editor program, or open it in a browser, right click the page, and `view source`. Copy all of the HTML code inside.

<div class="highlight note">Copying the HTML from the export modal will not include the localized versions of your email</div>

### Adding Your Dyspatch Email to SendGrid

Navigate to SendGrid's <a href="https://mc.sendgrid.com/design-library/your-designs" target="_blank">Design Library</a> section and select **Create Email Design**.

![SendGrid Design Library](https://docs.dyspatch.io/img/exports/sg-design-library.png)

Select the **Code Editor** option, remove all of SendGrid's stock HTML code, paste in the [HTML source code](#downloading-or-copying-your-email) of you Dyspatch email into the Code Editor and save your email.

![Copy and Paste your HTML into the code panel within the code editor](https://docs.dyspatch.io/img/exports/sg-code-editor.png)

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 <a href="https://mc.sendgrid.com/dynamic-templates" target="_blank">Dynamic Template</a> to send your transactional emails or create a <a href="https://mc.sendgrid.com/single-sends" target="_blank">Single Send</a> email to send your marketing emails with the "Your Design" option.

![Select your design from either the dynamic templates or single send options](https://docs.dyspatch.io/img/exports/sg-your-design-selection.png)

For information on how to send emails through SendGrid, visit the following resources:
- <a href="https://sendgrid.com/docs/ui/sending-email/how-to-send-an-email-with-dynamic-transactional-templates/#send-a-transactional-email" target="_blank">Send a Dynamic Transactional Email</a>
- <a href="https://sendgrid.com/docs/ui/sending-email/how-to-send-email-with-marketing-campaigns/#create-a-single-send" target=")blank">Create a Single Send Marketing Email</a>

### Learn More
See how to add a direct integration to SendGrid in Dyspatch on our [SendGrid Setup](/integrations/sendgrid_setup/) page.