AMP Accordion Block: How to Use and Edit

The Accordion block allows you to hide part of the information under an expandable section. This is useful for structuring important but lengthy details, such as shipping and return policies, promotional conditions, or loyalty program terms.

• Important Information Before Adding the Block
• How to Add an Accordion to an Email
• How to Add a Panel to the Accordion
• Panel Settings
• Accordion Behavior Settings
• Visual Settings for the Accordion

Important Information Before Adding the Block

Since this is an AMP block, the dark theme will not apply when the email is sent. Additionally, if the recipient's email client does not support AMP emails, they will receive the HTML version with all sections expanded (without the interactive accordion effect). More details can be found in this article.

How to Add an Accordion to an Email

1. Select the Accordion block from the right-side panel.

2. Drag and drop it into the desired place in your email.

   

How to Add a Panel to the Accordion

To add another section to the accordion, scroll down in the block settings on the right and select Add Panel.

Panel Settings

In each panel, you can add:

• Text
• Images

• Links

  

Accordion Behavior Settings

You can enable or disable the following options:

• The first panel is open by default
• Only one panel is displayed at a time

• Expansion is animated

  

Visual Settings for the Accordion

In the block settings, you can adjust:

• Panels background
• Panel title style
• Panel text style
• Position