Definition
An AMP sidebar is a slide-in drawer of links or content built with AMP for Email, letting recipients access secondary navigation without clutter.
It requires a trigger and a fallback that lists the same links for non-AMP clients.
Sidebars tuck secondary navigation out of the way, de-cluttering the email while keeping links accessible. Because the drawer only works in AMP-capable clients, the same links must be visible in the fallback. Primary actions belong outside the drawer so they are never hidden.
Using a Sidebar
Sidebars consolidate secondary links into a compact drawer.
Keep fallback links visible for non-AMP clients.
Best Practices
- Use the side-bar component with a trigger that opens it.
- Provide visible keyboard-accessible fallback links.
- Keep fallback simply listing the same links for other clients.
- Use the sidebar component with a trigger that opens it.
- Keep fallback simply listing the same links.
- Avoid hiding critical content in the drawer.
- Test in a supporting inbox.
Was this useful?
Related Glossary Terms
Above the Fold in Email
Above the fold in email refers to the content visible to a recipient before they scroll, a critical area for first impressions and primary calls to action.
Accessible CTA (Email)
An accessible CTA is a button or link coded with sufficient colour contrast, visible focus states, descriptive screen-reader text, and a minimum touch target of 44×44 pixels.
Adaptive Design
Adaptive design in email uses predefined layouts that adjust to specific device or client widths, rather than fluidly resizing to every possible screen.
AI-Generated Content in Email
AI-generated content in email is copy, images, code or subject lines produced by artificial intelligence tools to speed up campaign production and testing.
Alt Text
Alt text is the written alternative to an image in an email, displayed when images are blocked, slow to load, or consumed by screen readers.
AMP for Email
AMP for Email is a technology that allows interactive, dynamic content to live inside an email message, enabling forms, carousels and live updates.
Frequently Asked Questions
A slide-in drawer of links built with AMP for Email. Sidebars tuck secondary navigation out of the way, de-cluttering the email while keeping links accessible.
Only in AMP-capable inboxes. Because the drawer only works in AMP-capable clients, the same links must be visible in the fallback.
It de-clutters the email and adds an interactive touch. Primary actions belong outside the drawer so they are never hidden.
The same links, statically visible. Sidebars tuck secondary navigation out of the way, de-cluttering the email while keeping links accessible.
Avoid hiding primary actions behind the drawer. Because the drawer only works in AMP-capable clients, the same links must be visible in the fallback.