AMP email is a new technology that allows email marketers to embed interactive elements like carousels, accordions, feedback forms, etc., into their emails without needing to open a new tab to visit a website.
How to build AMP-feedback forms with Stripo
Currently, there are three ways of building AMP-feedback forms with Stripo:
Way 1. Using Stripo's Form-block
To add AMP form to emails with Stripo, you need to:
drag the AMP block into your HTML email;
click the “AMP HTML” icon in this template to start working on its settings;
in the settings panel, select your data service. Mine for this campaign is “Forms in Emails”;
now please click “Add form element” and select “Text input”;
you can choose the Text, Multiple Text, Number, Phone, Password or Email for the “Text input”;
Difference between "Text" and "Multiple Text":
If you choose the "Text" type - your recipient's response can only be written in one paragraph
If you choose the "Multiple Text" type - your recipient's response can be written in multiple lines. So, when you press an "Enter" button on your keyboard, you will be moved to a new line.
click “Label name” in the form to start editing it;
in the settings panel, in the “Show label” field enter your CTA text that starts the form;
enter “Placeholder” name;
and enter your Variable name — which will actually just help you find users’ feedback in a report;
Important to note:
Now if you want to know who of your users left this comment, you need to:
click the “AMP HTML” icon in your template;
then add a form element;
then choose a “Hidden Form”;
click “input_hidden” in your form;
then in the settings panel, enter Default Value and variable, where the “Default value” is the merge tag that retrieves the respondent’s email address. To get one, contact your ESP, or find one with Stripo.
This field will be hidden in users’ inboxes.
Designing your form
To design this form you need to:
a) form itself
to design the form itself, click on the “AMP HTML” icon in your template;
in the settings panel, set label color and style, the input font, and height:
also, the background color, shadow, border, and external padding:
to design button in the form, click on the button in the template;
in the settings panel, set button label, font type, font size, and color, text color, border-radius, and alignment.
c) notification section
click the “Success notification message” in your template;
edit text right there;
color for each section — by default they are green and red — and text color should be set in the settings panel.
Besides, you can watch our short video tutorial how using form-block
Way 2. Using Stripo's pre-built AMP modules
click a tab in the Modules section to enter a respective group.
go to the Pre-built section, click the category selector and choose the AMP category;
drag the AMP-feedback module into your email template;
and edit the module's content as you need.
Important to note:
You will see this element will have the “⚡HTML” sign near it. This means, this element will be shown in AMP emails only and will be hidden in emails clients that do not support AMP.
For other users, you need to build a fallback: this could be an image with link to the site where a customer can leave a 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.
To find our prepared AMP templates you can by clicking on this link.
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;
sign in 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
drag the HTML block in the email template you are working with;
click it to open the HTML editor;
and put the link to the code and it's done.
This is due to the possibility of adding malicious code and the fact that most of the ESPs do not support scripts.
Here’s what you should do if you do need to add any of the aforementioned code elements in your template:
export email template as HTML file;
insert the code manually.
Creating a new Data Service
After you will create the Feedback form you should configure your server to handle requests of recipients, more details how to configure data service you can find in our article - https://stripo.email/blog/stripo-data-service/
Data Service, aka data storage, is the place where you store users’ feedback and reviews.
To connect one to your emails, you need to:
go to Data;
enter the “Service” tab;
give it a name. We recommend that your service name is inherited from the campaign’s name;
then choose Data Storage — Stripo.
Important to note:
If you use the external one, you will have to paste a link to it.
In one of our previous posts, we showed how to connect your Data Service to Google Sheets via Zapier. This means that all users’ feedback will be delivered and stored either on Zapier, or Google Sheets, or any other data storage that you connect to emails via Zapier.
To test this form with connected data service, please:
send a test email to 1 or a few email addresses, click the “Test” button above the template;
enter your email addresses (if there are more than one, separate them with commas);
in the email, leave some a comment, or even a few of them;
then go to “Data Service” in your Stripo account;
find a necessary service;
download it as CSV file;
5. check if your answers are recorded in the report.
Important to note:
To send a test AMP email, please add Stripo as a trusted sender in your Gmail account.
Or you can create end-points instead of data service
In this case you need to create the end-points* on your own for checking if your AMP emails are capable of dealing with servers and of sending/receiving data, and to save time on email production.
More details you can find in our article - https://stripo.email/blog/stripo-mock-server/
*End-point is a destination on a server where requests are delivered to for further processing, and it is also meant for exchanging data. The end-point is often represented by a link.
Besides you can use our mock server is meant to help build endpoints for testing purposes by clicking here.
When your end-points are done, embed them with us in your AMP email templates to see how the latter communicate with servers.
To check if your end-points work correctly in emails, we strongly recommend that you send this email to your email address instead of testing it in the “preview mode” in our email builder.
Now let's go to test AMP emails with Stripo
To be able to send test emails from Stripo, you need to enable us to send test emails to your account.
How to test AMP emails with Stripo
To be able to send test emails from Stripo to Gmail, you need to enable us to send test emails to your account.
If this is your personal account, you need to:
in Gmail, go to the settings panel — click the "Settings" icon;
in the dropdown menu, click the "Settings" section;
in the new window, in the "General" section, find the "Dynamic content" and open the "Developer settings";
paste this email address email@example.com;
If this is your corporate account with Workspace (formerly G-Suite), you need to:
Ask your manager to enable "Dynamic emails" for you. And then you will only need to add our address to receive test AMP-powered emails from Stripo.
Please, be advised: The changes come into effect within 24 hours.
How to export AMP email to your ESP?
Stripo allows exporting emails directly to certain ESPs. You just export them as regular emails.
If your ESP does support AMP, but we have not enabled direct export of AMP emails, you just may download your email as the AMP HTML file. And open it in your ESP.
Those recipients whose email clients do no support AMP will see the traditional HTML email; while those whose email clients do support AMP, will see your sophisticated emails.
Please be advised, that AMP elements it's a new feature and not all possible email services and clients support it.
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.
Word of advice
Here's just a friendly reminder. To be able to send AMP content, you need to:
fix all the bugs if any occurs. You will see them in the Preview mode (otherwise users will see HTML email);
add the fallback — HTML version — in this email;
make sure that your ESP/CRM is capable of sending AMP emails;
keep in mind that currently Gmail, Yahoo, and Mail.ru are capable of rendering AMP emails both on the web and on mobile apps;
AMP emails lose their AMP components if you forward them.
If you have any questions, please email us at firstname.lastname@example.org.