ℹ️ This article is specifically to export the HTML body of emails that use our legacy email editor. To export HTML for our new editor, please follow these instructions.

Before you start

  • The way we'll export the HTML of an email on the legacy editor is by previewing the email in Jilt, then inspecting the HTML code in the browser. We're using Chrome in this article and there's more info on using the "inspect" tool with other browsers here.

  • We'll save the copied code block to a new file using your favorite text editor. The default text editor on Windows is Notepad, while on macOS it is TextEdit. Make sure to have it open, along with a blank document, so you can easily paste the code to the new file.

Exporting an email

To start, go to the automation or order receipt. Then follow the steps needed to preview the email you want to export. For instance, from the automation's settings screen you can access the email's Preview option via the actions menu:

Once you're previewing the email, right-click near the top of the email preview and choose Inspect from the contextual menu. This will open Chrome's developer tools feature. Scroll up the code until you find the starting HTML tag.

The HTML tag looks like <html> and it should appear right after the document ID.

Right click on the HTML tag and select Edit as HTML. Copy the entire block (CMD-A then CMD-C on Mac or Ctrl-A then Ctrl-C on Windows).

Now that the code is copied to your clipboard, open your text editor and paste the snippet into a new file. Make sure to save the file as an HTML file type.

That's it!


Our support team is happy to help if you have any questions about exporting the HTML. Open up the chat window or get in touch with us here.

Did this answer your question?