Skip to main content

HTML email

If you prefer to design your emails using third-party tools, you can easily export your HTML template and import it into Audience Republic.

Support Team avatar
Written by Support Team
Updated yesterday

Article navigation

Creating an HTML email

Our drag-and-drop email builder makes it simple to create polished, professional emails—no coding required. Prefer to design your email elsewhere? Audience Republic also makes it easy to import your own HTML email template.

Notes:

  • No preview or editing available: If you choose to import a full HTML file, the email cannot be previewed or edited within the platform.

  • Image hosting is not supported: You’ll need to host your images externally or design your email without them.

  • Rendering disclaimer: Our builder ensures consistent email formatting across devices and clients. Using custom HTML bypasses this and may result in display inconsistencies across platforms, operating systems, and email clients.

  • HTML file required: Your email must be saved as a .html file.

  • Converting plain text to HTML: If you’re starting from plain text, use a tool like Convertio to convert a Notepad file into HTML format.


How to use the import HTML option

  1. Design and build your email using your preferred external editor.

  2. Save your completed design as an .html file.

  3. Send yourself a test email to confirm the formatting is correct.

  4. Import your HTML file:

    • Go to Messaging

    • Click New Message > Design your Email

    • Select Import HTML

    • Upload your .html file

    • Send yourself a test email again to confirm formatting before sending to your audience.

Adding an unsubscribe (opt-out) link

You have the option to manually include an unsubscribe link in your HTML. If you do not, Audience Republic will automatically insert one when the email is sent.

To add it yourself, use the following code:

htmlCopyEdit<a href="{{ar_unsubscribe_link}}">Opt out here</a>

Using the HTML block component

This option allows you to embed an HTML section within your email rather than importing a fully designed HTML email.

Steps:

  1. Design and build your HTML content externally.

  2. Save your design as a .html file.

  3. Open your HTML file in Notepad or a code editor and copy the code.

  4. In Audience Republic, create a new email and drag an HTML block into the body.

  5. Paste your HTML code into the block.

  6. Send yourself a test email to confirm everything appears as expected.


How to save an email as HTML

On Windows

  1. Send the email to yourself and open it in your inbox.

    • Open the test email in your inbox (we recommend using Outlook)

  2. Click File > Save As.

  3. Choose Save As Type > HTML.

  4. Save the file to your desired location.

On Mac

  1. Send the email to yourself and open it in your inbox

  2. Click File > Save As.

  3. Choose a location and format:

    • Select Web Page (.html) or Raw Message Source, depending on your email client.

  4. Click Save.

Alternative method (Gmail or Outlook in browser):

  1. Open the email in your browser.

  2. Right-click anywhere in the email body (not on an image or link).

  3. Select Save As... or Save Page As...

  4. Choose Webpage, Complete, then click Save.


Troubleshooting: Saving HTML emails on Mac

If you're running into issues, try the following:

  • Ensure full content is saved: Confirm that you're selecting "Save as Web Page" or "Save as HTML," and that all email content has fully loaded before saving.

  • Switch browsers or clients: Try using Chrome, Safari, or Firefox, or switch email apps if one isn't working.

  • Clear cache and cookies: Sometimes cached data interferes with saving options.

  • Disable browser extensions: Ad blockers or other extensions may prevent proper saving.

  • Print to PDF as a fallback: While not HTML, this saves a complete, viewable version of your email.

  • Check email client settings: Ensure full content and images are visible before saving.

  • Right-click on the body of the email: This may offer additional options to save or view source code.

  • Verify your save location: Double-check that your file isn’t being saved somewhere unexpected, like the Downloads folder.

  • Wait for full load: Ensure all images and content have finished loading before saving.

Still need help?

Did this answer your question?