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 add AMP-accordion to your emails with Stripo:

More about How to Build AMP Accordion for Your Emails with Stripo without Any Coding Skills you can read in our post.

Here is the video-guide which will show you how to create an accordion block in a few steps

  • drag the AMP-accordion block into your email template;

  • the “animated expansion” option is ON by default. It activates the “transition” property which allows your sections to open and close slowly. If it does not need it, you always can turn it OFF by toggling the button;

  • now you need to work on the accordion design. Set background color, outline width and color, section text color, the font size, and padding. Please remember that now you are working on the accordion’s sections design. In other words, this is what customers see when the accordion is not expanded;

  • add the needed number of sections

  • now toggle the “auto-collapsing accordion” button to activate this option. It allows showing one section at a time. When you open any other section, the previously open one gets closed;

  • you may want one section to go expanded in your emails to let your customers know there’s some content hidden in these sections. To do so, please toggle the “expanded section” button for the necessary section;

  • now fill those sections in with your content. It can be anything like images, text, buttons, banners, social media icons, videos, etc.;

More about How to Build AMP-Carousel for Your Emails with Stripo without Any Coding Skills you can in read our post.

Here is the video-guide which will show you how to create a carousel block in a few steps

  • drag the AMP-carousel block in the HTML email template you are working with;

  • double click it to activate it in the settings panel;

  • now, in the settings panel, you need to toggle “Display preview” if you want to show little preview images;

  • set the width for these preview images and arrangement of slide previews;

  • set Outline style of active preview slides and Outline style of inactive preview slides;

  • set the preview alignment and a border radius preview;

  • besides, you can set your own Custom previews. To do it activate the "Custom preview" control and choose what preview type you like:

Image preview type:

It means that you have ability to upload your own preview image

Color preview type:

It means that you have ability to choose what color should be displayed in the preview

In the result the preview will look like this:

  • if you want to make the slide round then you can do it here with the function border-radius slide:

  • add the needed number of slides clicking the "Add Slide" button to add a new image;

  • enter ALT text and paste a link to respective product item if you need it;

Please be advised, if you want to have only one general link for all slides, you can activate "General Link" control and add a corresponding link.

  • check if the sizes of all images match. If they do not, crop them with our photo editor;

  • connect "Autoplay" option and set a time delay if you need. Slides will be automatically changed every 2 seconds;

  • or activate "Loop" option (slides can be switched in a circle);

  • your AMP-carousel is ready, here is the result.

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 sending of AMP-emails:

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.

And only 4 email clients (GMAIL, YAHOO, MAIL.RU, FAIREMAIL) support displaying AMP-content as recipients.

Following this link you can check the current information about amp support.

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?