AMP for email allows senders to include AMP components inside rich, engaging emails, making modern app functionality available within the email. The AMP email format provides a subset of AMPHTML components for use in email messages, allowing recipients of AMP emails to interact dynamically with content directly in the message.
Emails written with AMP can contain interactive elements such as: an image carousel or accordions, feedback forms, real-time content, the type of content that is always up-to-date/updated in the email when the email is opened, or gamification.
Let's take a closer look at the AMP-form block:)
AMP-form is very useful for those who would like to receive feedback or any other useful information from their clients.
How to build AMP-feedback forms with Stripo?
There are several ways how to build it in the Stripo Editor:
Way 1. Using Stripo's Form-block:
drag the AMP-form block into your email template;
in the settings panel, you should create your service for collecting data (or add a link to the storage manually);
After you create your first storage you can choose it in the form-block from the drop-down list:
then click the "Add form element" and select "Input";
Each input field represents one form element, such as name, email, or message. You can add multiple input fields depending on what data you want to collect.
Now let’s take a look at how to configure each input field individually.
To configure an input, click on the three dots next to the element and choose "Options";
In the "Type" tab, you can select the field type from the following: Text, Email, Number, Phone, Textarea, etc.
Once you've selected the input type, continue configuring the field in the "Settings" panel:
Set the input type (e.g., text, email, number);
Mark the field as required;
Show or hide the label, and customize its text;
Add placeholder text inside the field;
Assign a variable name to pass data to your backend (must be unique and valid);
Adjust margins for desktop view.
Then, switch to the "Styles" tab to customize the appearance of your input field:
Set label font, size, and text style;
Adjust input height and border radius;
Set input text color, font, and font size;
Choose background color for the input field;
Enable or disable shadow;
Set border width, color, and style (solid, dashed, dotted);
Apply border to all sides or only the bottom.
The Success tab is available only in AMP forms and is used to customize the message displayed after a user successfully submits the form.
This tab is divided into two sections. In the "Settings" section you can:
Toggle the "Start Again" button on or off, which allows users to submit the form again (send another feedback message);
Adjust padding on desktop.
In the Styles section, you will be able to:
Set the background color and font color;
Optionally add a background image;
Customize the border size, border radius, and layout.
Way 2. Using Stripo's pre-built AMP modules:
Go to the "General modules" section, click the "Categories" selector, and choose the "Surveys, NPS, Votes, Forms" categories;
What does NPS mean?
Net Promoter Score (NPS) is a customer loyalty and satisfaction measurement taken by asking customers how likely they are to recommend your product or service to others on a scale of 0-10—but there’s a lot more to the story than that.
Choose the more suitable module for you and drag the AMP-feedback module into your email template;
Edit the module's content as you need.
How can I configure the NPS AMP modules?
If you want to use the NPS AMP module but don't know how to do it, don't worry; every module has instructions on configuring it at the top.
Please take a look:
Important to note:
You will see this element will have the “⚡HTML” sign near it. This element will be shown in AMP emails only and hidden in email clients that do not support AMP.
For other users, you need to build a fallback: this could be an image with a link to the site where a customer can leave feedback.
Remember to enable them for the "HTML" version of your email only, you need to turn on this option:
All other elements of your emails should be enabled for both versions of your email.
Way 3. Using Stripo's prepared AMP templates with feedback forms:
So, to build AMP-feedback forms by using our prepared templates, you need to:
Pick the one that meets your current campaign's needs best. The templates are placed in the "AMP Form" category;
Click on "Sign up to save" and to work with it;
Find this template in your account;
Edit email content.
Way 4. Add a link to the Google-feedback form:
Please be informed that you can use this as a fallback option; for example, if you don't want to add AMP elements to the email, this option will be much more suitable for you.
So firstly, you need to:
Create a Google form outside of Stripo Editor, get a link, and then add this link to any element in the email.
For example, it can be a text/ button/ image block. Let's consider a button block:
After that, when clicking on the link, the recipient will be redirected to the Google Forms page, where they will be able to leave their feedback.
Important note:
Almost all ESPs and email client rejects sending emails that contain any of the following tags: <script>, <iframe> and any of the following events: SJ “onerror”, “onunload”, etc..
This is due to the possibility of adding malicious code and the fact that most the ESPs and email clients do not support scripts.
Creating a new Data Service:
After you create the Feedback form, you should configure your server to handle the requests of recipients. More details on how to configure the data service can be found in our article.
How to test AMP emails?
In a pop-up window, enter your email address and click the "Send Test" button;
You should go into your mailbox settings in Gmail and turn on the option to receive dynamic content;
In the developer settings below, you need to specify our sender box as trusted- info@stripo-test.email
Please delete all the test emails (for that current email, if you tested it before) that you sent earlier and send the test again.
After all these steps, you will be able to test displaying your AMP emails.
After you've tested the emails and made sure it's ready to send, let's look at the option to export AMP emails:
How to export AMP emails?
Important to note: not all possible email services and clients support AMP functionality.
Here is an official Google page https://amp.dev/support/faq/email-support/.
Here you can check which email support services send AMP emails and which email providers have AMP support content.
Currently, this is the list of ESPs that do support sending of AMP emails:
In order to export a finished AMP email, please click on the "Export" button in the Stripo editor, choose "Support for AMP", and you will be able to export the AMP email directly to your ESP.
If you see that your ESP is not listed but supports AMP technology, then you should export the email as AMP HTML — this export method saves the scripts that are appropriate for the MIME type. Import this file into the ESP that supports Google AMP for emails.
Proceed to "Files" and then to AMPHTML.
Please be informed that only 4 email clients (GMAIL, YAHOO, MAIL.RU, FAIREMAIL) support displaying AMP content as recipients.
Getting Whitelisted with Google and Yahoo:
If you want to make your own sending, your mail should be white-listed in the Google/Yahoo service, so now I will tell you how to do it in just a few steps.
To get whitelisted with Gmail and Yahoo, you need to:
authenticate your emails using SPF and DKIM;
check the destination of XHR;
make sure the DKIM signature matches the domain of your sender address;
have a permanent history of mass mailings;
send an AMP email to ampforemail.whitelisting@gmail.com (Google) and ampverification@yahoo.com (Yahoo);
fill out the Sender Registration Form.
This form is designed for both mail services that support AMP.
After submitting the registration form, you will see the following notification:
You will not receive any other notification from Google or Yahoo until you are whitelisted.
To find the whole instruction, we wrote an article and covered it in great detail How to Whitelist Google for Sending AMP Emails: Sharing Our Experience.
Please read it if you are determined to go through it.
Thank you for taking the time to read our articles. We hope you will find this information helpful.
If you have any additional questions, please email us at support@stripo.email.
We would be glad to talk with you.