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 background color, and border.

b) button

  • 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.

  • 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.

Please be advised, you can't add the javascript directly in the editor because after export it will be cut by our provider. They do reject all email sending of email template which has anything from this inside the code: tags <script>, <iframe> SJ events "onerror", "onunload" etc.

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 -

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:

  1. send a test email to 1 or a few email addresses, click the “Test” button above the template;

  2. enter your email addresses (if there are more than one, separate them with commas);

  1. in the email, leave some a comment, or even a few of them;

  2. then go to “Data Service” in your Stripo account;

  3. find a necessary service;

  4. 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 -

*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.
In 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";

  • in the dropdown menu, click the "Settings" section;

  • save it.

So when you tested your email and now is ready for export please follow next 2 steps:

Step 1. Choosing ESP that supports AMP

Currently, this is the list of ESPs that do support AMP for Email:

When you find you ESP, you need to download 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.

Step 2. Getting registered with Google

Now that your AMP email is built and you’ve chosen the right ESP, you need to proceed to registration with Google. The latter verifies your sender name, your SPF and DKIM settings. And only if you pass this test, you’ll be allowed to send AMP-powered emails.

To find more information on how to get whitelisted with Google to be allowed to send AMP emails you can in our blog post.

Did this answer your question?