Skip to main content

How to Export Email as Webpage with Mail Designer 365

You are here:
Want to share your email design as a live, clickable webpage? With Mail Designer 365, you can export email as webpage in just a few steps. This creates an HTML version of your design that can be opened in any browser — ideal for sharing, archiving, or integrating with other platforms.
Exporting your email as a webpage lets you:
  • Provide a browser-friendly version for email clients that don’t support HTML
  • Link to your newsletter directly from your website
  • Reuse your design with other email marketing services

How to Export Email as Webpage with Mail Designer 365

Exporting your email as a webpage creates a standalone HTML file that can be opened in any browser. This is useful for sharing your design online, archiving it, or linking to it directly from your website. Mail Designer 365 makes this process quick and straightforward.

Step 1 – Open Your Design

Launch Mail Designer 365 and open the email design you want to export.

Step 2 – Start the Export Email as Webpage Process

From the toolbar, go to:
Share > Save as Website

This will open the export dialog where you can configure your export settings.

Mail Designer 365 export menu showing the Save as Website option to export email as webpage

Step 3 – Select Export Location

Choose a folder where your exported website files should be saved.

Step 4 – (Optional) Rename the HTML File

You can enter a custom file name for the HTML file into the field "Name of HTML file" (e.g., newsletter-summer-sale.html).

Step 5 – (Optional) Add Image URL Prefix

In most cases, you will upload the HTML file and images together in the same folder on your web server.
If that’s what you’re doing, simply leave this field blank and make sure the checkbox is not selected.

Only use the “Prefix image URLs with” option if your images will be hosted in a different location from your HTML file.

Example (separate hosting):

If your images are uploaded to: https://mywebsite.com/resources/newsletters/2023/business-event

You can enter that URL here, and your exported HTML will reference images like: https://mywebsite.com/resources/newsletters/2023/business-event/image-1.jpg

Mail Designer will use this prefix in all image links inside your exported HTML file.

Important: If you’re not hosting images in a different location than your HTML file and just uploading all files to the same folder, just leave this field blank. If you are using a separate image hosting location, see our tutorial for uploading your images to a separate web server.

Mail Designer 365 export dialog with image URL prefix option to export email as webpage

Step 6 – Finalize and Export Email as Webpage

You’re now ready to export email as webpage and upload the files to your website or server.
Click Export to create your website folder.
Mail Designer will generate a Folder containing:
  • An .html file of your email design
  • All used image in your design

Step 7 – Upload to Your Web Server

Once your design is exported, you can upload the HTML file and images to your web server.
Here’s how to do it:
Option 1: Use an FTP Client
Use an FTP tool like FileZilla, Transmit, or Cyberduck to upload both the .html file and the images folder to your web server.
  • Upload both items to the same folder
  • Make sure folder names and file paths stay exactly the same
Option 2: Use Your Web Hosting Control Panel
If your web host has a control panel (such as cPanel or Plesk), you can usually upload files directly via the File Manager tool.
Important: If you used the “Prefix image URLs with” option during export, make sure your images are uploaded to the correct path that matches the URL you entered.
After Uploading
Once uploaded, your email design will be viewable in the browser. For example:
https://mywebsite.com/resources/newsletters/2023/business-event
You can now:
  • Link to this page from your website
  • Add a “View in browser” link to your email campaigns
  • Share the URL directly with your audience

If you’re not sure how to get started with uploading files, this beginner’s guide on how to host a webpage will walk you through the basics.

Many users export email as webpage to create permanent online archives of their newsletters.

A Quick Tour of Mail Designer 365

Background

Layout Blocks

TextScout

Editing Text

Links and Buttons

Configuring Text Styles

Tables

Image Areas

Images

Using Retina Images with your Design

Graphics and Other Objects

Creative Tools

Advanced Design Techniques

Blend Modes

Optimizing your Template for Mobile

Plain Text

Preview your Design

Preparing your Design for Sending

Email Delivery

1:1 Emails

HTML Export

Other Sharing Options

Privacy Settings / Datenschutz-Einstellungen