# A Complete Guide to Preview, Test, And Validate AMP Emails in 2026

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "WebPage",
  "headline": "How to Preview, Test, Verify And Validate AMP Emails",
  "description": "Learn how to test, verify, and preview AMP emails to avoid any rendering or functionality issues along with best practices for sending to your subscribers.",
  "image": "https://res.cloudinary.com/mailmodo/image/upload/strapi/uploads/preview_and_test_amp_emails_0ae817ffe9.jpg",
  "datePublished": "2020-10-21T19:39:45.556Z",
  "dateModified": "2026-01-27T02:27:06.307Z",
  "publisher": {
    "@type": "Organization",
    "name": "Mailmodo",
    "url": "https://www.mailmodo.com/",
    "sameAs": [
      "https://www.linkedin.com/company/mailmodo/",
      "https://www.facebook.com/mailmodo/",
      "https://www.instagram.com/mailmodohq/",
      "https://www.youtube.com/@mailmodo"
    ],
    "logo": "https://www.mailmodo.com/static/images/logo/logo-full.svg",
    "description": "Mailmodo is a complete email marketing platform that helps email marketers to create and send interactive emails to drive growth and engagement.",
    "address": {
      "@type": "PostalAddress",
      "addressLocality": "Lewes",
      "addressRegion": "DE",
      "postalCode": "19958",
      "streetAddress": "Mailmodo Technologies Inc. 16192, Coastal Highway",
      "addressCountry": {
        "@type": "Country",
        "name": "US"
      }
    },
    "contactPoint": {
      "@type": "ContactPoint",
      "email": "enquiries@mailmodo.com",
      "contactType": "customer service"
    }
  }
}
</script>

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Article",
  "headline": "How to Preview, Test, Verify And Validate AMP Emails",
  "description": "Learn how to test, verify, and preview AMP emails to avoid any rendering or functionality issues along with best practices for sending to your subscribers.",
  "image": "https://res.cloudinary.com/mailmodo/image/upload/strapi/uploads/preview_and_test_amp_emails_0ae817ffe9.jpg",
  "datePublished": "2020-10-21T19:39:45.556Z",
  "dateModified": "2026-01-27T02:27:06.307Z",
  "author": {
    "@type": "Person",
    "name": "Apurv Gupta",
    "url": "https://www.mailmodo.com/guides/author/apurv-gupta/"
  },
  "publisher": {
    "@type": "Organization",
    "name": "Mailmodo",
    "logo": {
      "@type": "ImageObject",
      "url": "https://www.mailmodo.com/static/images/logo/logo-full.svg"
    }
  },
  "mainEntityOfPage": {
    "@type": "WebPage",
    "@id": "https://www.mailmodo.com/guides/test-amp-email/"
  }
}
</script>

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Organization",
  "@id": "#creator",
  "description": "Email marketing software to create and send interactive emails to maximize conversions and reinvent your user journey",
  "email": "support@mailmodo.com",
  "image": "https://www.mailmodo.com/static/images/og-image.png",
  "knowsAbout": "Email marketing",
  "legalName": "Mailmodo Technologies Inc.",
  "location": "United States",
  "logo": "https://www.mailmodo.com/static/images/logo/logo-full.svg",
  "name": "Mailmodo",
  "sameAs": [
    "https://twitter.com/mailmodo",
    "https://www.facebook.com/company/mailmodo/",
    "https://www.linkedin.com/company/mailmodo/"
  ],
  "url": "https://www.mailmodo.com/"
}
</script>

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [
    {
      "@type": "ListItem",
      "position": 1,
      "name": "Home",
      "item": "https://www.mailmodo.com/"
    },
    {
      "@type": "ListItem",
      "position": 2,
      "name": "Guides",
      "item": "https://www.mailmodo.com/guides/"
    },
    {
      "@type": "ListItem",
      "position": 3,
      "name": "test amp email",
      "item": "https://www.mailmodo.com/guides/test-amp-email/"
    }
  ]
}
</script>

## Table of contents

- What to do before sending AMP emails?
- How to preview an AMP email?
- How to test AMP emails?
- How to validate AMP emails?
- AMP playground
- AMP for email best practices
- Simplify AMP email with Mailmodo

Creating an [AMP email](https://www.mailmodo.com/guides/amp-for-email/) requires coding, and thus you need to invest time and effort in creating an AMP email from scratch. As a result, you want to ensure that your emails are rendered properly across email clients.

  

To ensure this, you have to test your AMP emails. So, let's understand how to **preview, verify, and test your AMP emails.**

  



- What to do before sending AMP emails?

- How to preview an AMP email?

- How to test AMP emails?

- How to validate AMP emails?

- AMP playground

- AMP for email best practices

- Simplify AMP email with Mailmodo

## What to do before sending AMP emails?

  

Testing AMP emails before sending them can help you avoid any room for errors like:

- emails not displaying your [HTML email](https://www.mailmodo.com/guides/html-emails/) correctly

  

- fonts not rendering, etc.

  

Unfortunately, since AMP is a relatively new MIME type, very few tools are available to do so. But, you can use ways prescribed by the AMP project to preview, test, and validate the AMPHTML and create a fallback HTML version.

  

## How to preview an AMP email?

  

The preview option shows how your email will look in the recipients' inboxes. You can preview the AMP page just as you usually would preview any other static HTML site. There's no build step or preprocessing required. You can choose to:

  

-   Open the page directly in the web browser from the file system (certain elements would not work due to the XMLHttpRequests failing).

  

-   Use a local webserver like Nginx or Apache 2. (Tip: For a quick web server, run python -m SimpleHTTPServer.)

![image5.jpg](https://res.cloudinary.com/mailmodo/image/upload/f_auto,q_100/v1644938637/strapi/image5_607decdf73.jpg)

  

Next, ensure that the AMP page you have is actually valid AMP, or else it won't even get discovered and distributed by the other 3rd-party platforms like Google Search. To do this, follow the following steps.

  

1.  Open your webpage in your web browser.

  

2.  Add "#development=1" to it's URL, for instance, 

http://localhost:8000/released.amp.html#development=1

  

3.  Open the [Chrome DevTools console](https://developers.google.com/web/tools/chrome-devtools/debug/console/) and then check for validation errors.

![image6.jpg](https://res.cloudinary.com/mailmodo/image/upload/f_auto,q_100/v1644938641/strapi/image6_282685eb7f.jpg)

  

## How to test AMP emails?

  

Ensure a great user experience by testing your AMP emails before sending them to a large audience.

  

### 1. Testing checklist

  

1.  Include an HTML or a plain text version of your AMP email. Email clients that don't support AMP will display this as a fallback.

  

1.  Ensure your AMP is valid by following the steps outlined in [Validate AMP emails](https://amp.dev/documentation/guides-and-tutorials/learn/validation-workflow/validate_emails).

  

1.  Review [AMP for email Supported CSS](https://amp.dev/documentation/guides-and-tutorials/learn/email-spec/amp-email-css) to ensure the CSS you're using is supported across all email clients.

  

1.  Try your email in the AMP playground and ensure all dynamic features such as forms work correctly.

![image1.jpg](https://res.cloudinary.com/mailmodo/image/upload/f_auto,q_100/v1644938633/strapi/image1_a158f0a46c.jpg)

  

### 2. Testing specific to email clients

  

Email clients that support AMP also provide developer documentation containing additional guidelines and requirements.

  

 - **Gmail:** Gmail documentation lists testing guidelines in [Test your AMP emails in Gmail](https://developers.google.com/gmail/ampemail/testing-dynamic-email). Gmail users can use the [Gmail AMP for Email Playground](https://amp.gmail.dev/playground/) to email themselves for testing.

  

- **Mail.ru**: [Mail.ru AMP emails](https://postmaster.mail.ru/amp/) provide information on how to enable testing in your [Mail.ru](http://mail.ru/) account. [Mail.ru](https://mail.ru/) users can use the [Mail.ru AMP Playground](https://postmaster.mail.ru/amp/playground.html) to send an email to themselves for testing.

  

## How to validate AMP emails?

  

AMP emails depend on the AMP JS library to enable rich interactive and dynamic experiences for readers. For this reason, [email providers](https://www.mailmodo.com/guides/email-providers/) need your messages to be validated. Valid AMP markup guarantees emails are safe and exceed user experience standards.

![image3.jpg](https://res.cloudinary.com/mailmodo/image/upload/f_auto,q_100/v1644938644/strapi/image3_f15911d376.jpg)

There are many ways to confirm an email as a valid AMP Email. They will all produce the very same result, so choose whichever one suits your development style the most!


![image4.jpg](https://res.cloudinary.com/mailmodo/image/upload/f_auto,q_100/v1644938637/strapi/image4_ca1408bf30.jpg)
  

### • Web-based validator

  

The AMP [web-based validator](https://validator.ampproject.org/#htmlFormat=AMP4EMAIL) supports the AMP for email platform. Use the web-based validator by pasting your AMP email into the tool. It will flag any validator errors directly inline.

  

### • Command-line validator

  

You can validate AMP emails files using the [AMP HTML validator command-line tool](https://www.npmjs.com/package/amphtml-validator).

  

1.  **Installation**

  

	- Make sure you have [Node.js with its package manager 'npm'](https://docs.npmjs.com/downloading-and-installing-node-js-and-npm) on your system.

	- Install the AMP HTML validator command-line tool by running the following command: npm install -g amphtml-validator.

  
2. **Usage**

  

After installing the command-line tool, run the following command after replacing it with your file containing the AMP email content.

  

```amphtml-validator --html_format AMP4EMAIL <amphtml file>```

  

If the email is valid, the command-line tool will turn out as PASS. If it is invalid, it will return with the errors it found.

  

## AMP playground

  

You can also validate AMP emails using the AMP playground. Like the web-based validator, paste your AMP email into the tool, and the playground will flag any validator errors directly inline.

  

### Validate delivered emails

  

Sometimes your delivered AMP emails may be invalid even though the email markup you drafted has already been validated by tools documented on this page. The most common reason this usually happens is that your ESP modified your email markup and made it invalid after you have sent your email to your ESP for delivery. For example, if your ESP is SparkPost and you haven't configured HTTPS tracking pixels with SparkPost, SparkPost will add an insecure HTTP tracking pixel to your email. Since AMP emails only allow HTTPS images, your AMP Email will be invalid.

  

To check whether an email delivered to your inbox is valid AMP:

  

1.  [Download the AMP Email as an EML file](https://www.codetwo.com/kb/export-email-to-file/) from your email client.

  

1.  Open the [AMP playground](https://playground.amp.dev/).

  

1.  Click on "IMPORT EMAIL" and select the ".eml" file you just downloaded.

  

The AMP validator isn't just a convenience for you during development; email providers supporting AMP emails will automatically fall back to the provided HTML or Plain Text MIME types if your email isn't valid. Thus, an AMP Email should only be sent if it passes the validator.

  

## AMP for email best practices

  

AMP allows for exciting new immersive, and engaging content in an email. However, you must follow these best practices while designing emails to ensure the highest returns:

### 1. Speed

  

When using ```amp-list'``` to fetch content dynamically, include a placeholder to keep the integrity of the structure of the [AMP components](https://www.mailmodo.com/guides/amp-email-component/). The placeholder should be as similar in layout as possible to the document after returning the requested data. This ensures the message size isn't changing or mutating the layout significantly.

  

### 2. Mobile

  

Ensure your message looks good on all screen sizes by using [CSS media queries](https://amp.dev/documentation/guides-and-tutorials/develop/style_and_layout/control_layout) to identify the device. You should test messages on mobile devices to ensure the layout is correct and components work as expected. Because swiping is common on mobile email apps, take proper steps to ensure your users interact with your content. With ```amp-carousel```, you can add the control attribute to make mobile navigation buttons visible.

![image2.jpg](https://res.cloudinary.com/mailmodo/image/upload/f_auto,q_100/v1644938633/strapi/image2_c4c2a1bae8.jpg)
  
Other AMP related tips and tricks you should know:

  

-   The AMP for email playground doesn't proxy XHRs, but some email providers do.

  

-   The AMP MIME part should appear before the HTML MIME part in your email to ensure maximum compatibility across email clients.

  

-   The src attribute of ```amp-list```, action-xhr of ```amp-form```, the src for ```amp-img```, or the href attribute of a tag cannot be mutated by ```amp-bind.```

 

-   Your messages should include a static HTML version if a user is taken to the HTML version of the message or if that user forwards the message.

  

-   Be careful with overflowing margin in CSS: they may not get rendered due to [an AMP layout limitation](https://www.mailmodo.com/guides/amp-email-limitations/).





## Simplify AMP email with Mailmodo

  

[Mailmodo](https://www.mailmodo.com/) is a complete email marketing service that allows you to build interactive AMP emails without coding. You can also preview your email content while editing the template before sending it. It also allows you to validate and send test emails whenever required. If you would like to send high-quality AMP emails without losing any time and without any hassle, sign up at Mailmodo today.

<div class="highlight"> 

**What you should do next** 

Hey there, thanks for reading till the end. Here are 3 ways we can help you grow your business: 

1. **Talk to an email expert.** Need someone to take your email marketing to the next level? Mailmodo’s experts are here for you. Schedule a 30-minute email consultation. Don’t worry, it’s on the house. [Book a meet here](https://meetings.hubspot.com/mailmodo/demo-link-guides). 

2. **Send emails that bring higher conversions.** Mailmodo is an ESP that helps you to create and send app-like interactive emails with forms, carts, calendars, games, and other widgets for higher conversions.  [Get started for free](https://manage.mailmodo.com/auth/signup?utm_content=inline-s&utm_term=/guides/test-amp-email/). 

3. **Get smarter with our email resources.** Explore all our knowledge base here and learn about email marketing, marketing strategies, best practices, growth hacks, case studies, templates, and more. [Access guides here](https://www.mailmodo.com/guides/). 

</div>

---

**Author: Apurv Gupta**

Apurv Gupta, Co-Founder of Mailmodo, is a technologist and entrepreneur with expertise in interactive email marketing, SaaS, and software development.

