Skip to main content

AMP Email

Description​

AMP technology allows you to add JavaScript components to emails and make them interactive. In an AMP email, a user can fill out a form, buy a product, or confirm registration without going to the site.

Email clients require sender registration to display AMP emails to users. Follow this guide to get your sender address allow listed on supporting clients.

tip

This guide will give you everything you need to know to get started writing valid AMP Emails

Adding an AMP version​

The standard email template includes HTML and text versions of the email. To send AMP emails, select the "Add AMP⚡HTML version" checkbox in the template editor. Below you will see an additional tab "AMP⚡HTML" where you can use AMP components.

tip

AMP emails are currently supported by the following email clients:

  • Gmail;
  • Yahoo;
  • Mail.ru.

If the email is delivered to an email client that does not support AMP technology, the recipient will see an HTML version.

Links in AMP emails​

In the AMP version of the email, instead of the name attribute, the data-name attribute is used to identify links. When you save the template, the platform will automatically insert the attribute into all links.

<a href="https://example.com" title="Link text" data-name="link1">Link text</a>

Also note that if you add an AMP parameter to the link, you don't need to wrap the link with the tracking domain. To disable tracking, add the no-track attribute. Clicks on such a link will not be tracked.

<a href="${{exampleUrl}}" title="Link text" data-name="link1" no-track>Link text</a>

Escaping template expressions​

AMP template syntax is the same as Altcraft template syntax. To avoid incorrect code parsing, AMP template expressions must be escaped with the $ symbol.

For example, if you are using the <amp-list> component, then replace the list element substitution variable {{title}} with ${{title}}:

<amp-list id="myList" src="https://foo.com/list.json">
  <template type="amp-mustache">
    <div>${{title}}</div>
  </template>
</amp-list>
Last updated on