All Collections
Editor Questions
Additional Features
What is the Accordion block? How to use it?
What is the Accordion block? How to use it?

In this article, you will know how to add and apply the AMP Accordion block.

Elmira avatar
Written by Elmira
Updated over a week ago

AMP for email allows senders to include AMP components inside rich, engaging emails, making modern app functionality available within an 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, 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 accordion block:)

The Accordion block allows you to open/hide some pieces of the content when being clicked on. This element enables saving space and does not distract the customer with the information they may not need.


How to build an AMP accordion with Stripo:

  • Enter your email template and drag the "Accordion" block into it;

  • Add the needed number of sections to the accordion;

  • Give all sections' names. You can enter up to 200 characters;

  • Now enable the "Auto-collapsing accordion" option. It allows you to show one section at a time. When you open any other section, the previously opened one is closed.

  • You may want one section to expand in your emails to let your customers know there’s some content hidden in these sections. To do so, please toggle the "Expanded" button for the necessary section;

  • The "Animated expansion" option is ON by default. It activates the "transition" property, allowing your sections to open and close slowly. If it does not need it, you can always turn it OFF by toggling the button;

  • Now you can customize the accordion design;

Set the background color, outline width and color, section text color, and font size.

Important to note: now you are working on the accordion’s section design.

In other words, this is what customers see when the accordion is not expanded;


  • After that, fulfill those sections with your content;

It can be anything like images, text, buttons, banners, social media icons, videos, etc.

  • Result.

How to test AMP emails?

  • You can test it in your Gmail box when you send the test from Stripo. Please click on the "Test" button above the template;

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

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

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.


Did this answer your question?