AMP emails: tips for their configuring on the platform
AMP is a technology that enables the creation of interactive and dynamic email messages. In such emails, recipients can interact with the content without navigating to a website. For example, they can scroll through an image slider, fill out a form, or confirm an order.
Currently, AMP email support is provided by email providers such as Gmail, Yahoo, and Mail.ru. To send AMP emails, each sender must go through the registration process with the respective email provider. This can be done by following the official guide.
If you want to learn more about what AMP emails are and how they differ from HTML emails, you can read it all in our blog post.
It's possible that a user might open the email in a mail client that does not support AMP. In that case, the HTML version of the email will be displayed to them.
Let’s consider how to set up AMP-emails on Altcraft Platform.
Work with the template
To initiate an email campaign with interactive and dynamic elements, you need to prepare, configure, and save an AMP message template. You start the same way as with a regular email template by selecting Templates — Templates from the left menu.
You can find general recommendations for setting up templates in our guide:
How to create a message template
When you reach the stage of creating and editing the email content itself, put a tick in the box for "Add AMP/HTML version".
Links in AMP emails
In the AMP version of an email, you can assign names to links only using the data-name attribute.
<a href="https://example.com" title="Text of the link" data-name="link1">Text of the link"</a>
When you save the template, the platform automatically applies the data-name attribute to all the links.
If you add an AMP parameter to a link, you do not need to wrap it with tracking. However, clicks on such a link will not be tracked.
Escaping template expressions
To ensure proper code processing in AMP templates, it is necessary to escape template expressions using the $ symbol. For example, if you're using the
<amp-list id="myList" src="https://foo.com/list.json">
<template type="amp-mustache">
<div>${{title}}</div>
</template>
</amp-list>
Conclusion
To configure AMP emails in the Altcraft platform, you need to prepare and save an AMP message template, taking into account that the data-name attribute is used for links in the AMP version of the email, allowing you to set a link name for event handling and user interaction. Additionally, in AMP templates, it is necessary to escape template expressions using the $ symbol for proper code processing. These steps will help you set up and effectively use AMP emails.