Import an HTML email

If you built your email in another tool or coded it yourself, you can bring the HTML into your campaign. MailGraf checks the code, adds missing links in one click and saves the result as an HTML email. For Canva designs, follow Import an email from Canva.

Import the email

1. Choose Import HTML on the Design step

   If the campaign already has a design, MailGraf asks whether you want to replace it first.

2. Read the Before you start notes

   The first time, three short notes appear: an unsubscribe link is required, a view in browser link is recommended, and images must be reachable on the internet. Tick I have read and understood this information and click Continue.

3. Upload or paste the code

   On Upload file, drop an .html, .htm or .zip file; a ZIP can be up to 20 MB. On Paste code, paste the whole code and click Check the code.

4. Read the checks

   The email preview appears on the left and the checks on the right. If everything is fine, you see No issues found in these checks.

5. Click Use this email

   MailGraf saves the email and opens it in the code editor.

What the checks tell you

The checks fall into three groups:

• This email cannot be saved yet: you can't go on until these are fixed. Remove any script, password field or form that sends data to another site. If the Update my profile link is missing, Add the Update my profile link adds it to the bottom of the email.
• Complete before sending: you can save the email but not send it. If the unsubscribe link is missing, click Add unsubscribe link.
• Recommended checks: these don't stop sending. Examples are images without a description, a design wider than 700 px, or an email over 100 KB that Gmail may clip.

If the code contains tags from another tool, such as Mailchimp's *|FNAME|*, Convert tags for MailGraf turns them into MailGraf tags such as {{first_name}}.

If images are embedded in the code or point to files inside the ZIP, Upload images puts them in the HTML import folder of your Media library. Each image must be a PNG, JPG or GIF of up to 10 MB. Images that already have a web address stay as they are.

Edit the email later

An HTML email does not open in the drag and drop editor. Edit code on the Design step opens the code editor. Code, Split and Preview at the top show the code, the code next to a preview, or the preview alone.

The Insert field or link menu adds personalisation fields and system links such as unsubscribe where your cursor is. Insert image uploads an image. Format code splits single-line code into readable lines; the email looks the same. The Email checks list under the code shows what needs your attention.