Skip to content
Simple AMP for Email Template Examples
HTML
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
LICENSE Initial commit Jul 24, 2019
README.md Update README.md Jul 24, 2019
carousel.html
form.html
simple.html

README.md

AMP logo

Simple AMP for Email Templates

Getting Started

image

Note: The starting template used was a clone of this HTML template. You do not necessarily need all the markup included in these templates for AMP emails to work correctly.

You will need to configure your Gmail to receive AMP emails

  • Go to Settings > General > Dynamic email
  • Check Enable dynamic email
  • Click Developer Settings
  • Add amp@gmail.dev as the Sender Email Address
  • Save your changes

img

Examples

Simple hello world with image

image

<amp-img src="https://i.imgur.com/3NmrJA1.png"
  alt="photo description"
  width="500"
  height="380">
</amp-img>

AMP carousel

carousel-gmail

<script async custom-element="amp-carousel" src="https://cdn.ampproject.org/v0/amp-carousel-0.1.js"></script>
<amp-carousel width="500"
  height="380"
  layout="responsive"
  type="slides"
  controls>
  <amp-img src="https://i.imgur.com/Its6yBO.png"
    alt="photo description"
    width="500"
    height="380">
  </amp-img>
  <amp-img src="https://i.imgur.com/hUYQ4bi.png"
    alt="photo description"
    width="500"
    height="380">
  </amp-img>
  <amp-img src="https://i.imgur.com/ULDCGZN.png"
    alt="photo description"
    width="500"
    height="380">
  </amp-img>
</amp-carousel>

AMP form

form-gmail

<script async custom-element="amp-form" src="https://cdn.ampproject.org/v0/amp-form-0.1.js"></script>

Credits

You can’t perform that action at this time.