How to Use amp-selector in Your AMP Emails

Suryanarayan Pal
BySuryanarayan Pal

4 mins read

If you want to generate sales, it is good to present a range of options to help them select the suitable one. The amp-selector lets your users select one or more options from different options right inside your AMP emails.

This guide will discuss amp-selector and possible ways to use it in your AMP emails.

  • What is an amp-selector?

  • Applications of amp-selector

  • Features of amp-selector

  • Wrapping up

What is an amp-selector?

The amp-selector is an AMP email component, and it lets users select one or more from a range of different options inside an email. You can configure the options to be any elements such as images and carousels.

You also have the freedom to disable, preselect, and multi-select options, which we will discuss further in this guide.

Applications of amp-selector

Here are some scenarios where the amp-selector will be helpful:

1. Give purchasing options

If you are sending a cart recovery email, you can include various options for your users to choose from.

For example, if you own a shoe company and want your users to complete their purchase, you can send an email with options to choose different sizes, colors, shapes, build quality, and more. An amp-selector will help you set up all these options.

2. Give filtering options

It can become difficult for users to find relevant information when there is a lot of data to look at. That's why you can use amp-selector to give them a list of filters they can select to find the exact information they are looking for.

Features of amp-selector

The amp-selector offers many features, and some of them are discussed below:

✅ Add any arbitrary elements

You can add any arbitrary HTML elements or AMP email components under amp-selector. 'Arbitrary' here means the non-obvious elements such as carousels that don't add value in the context of a selector.

✅ Set disabled options

Do you want to disable an option so your user can't select it? Use the disabled attribute to achieve this objective. Add this attribute to all the <li> items you want to disable, and your user won't be able to choose them.

✅ Set preselected options

If you want to influence your users' buying preferences, you can use the selected attribute to achieve that. Add this attribute to the list item you want to be the default selection. So your users may leave the selection just like that and hence get influenced by your likings.

✅ Set multiple selections

Sometimes, you have to allow your users to select multiple options to achieve their objectives. Then you can use the multiple attributes to the amp-selector. Now your users can select or deselect multiple items, whereas it is only a single item in the default configuration.

Here are some more attributes that let you add various features: disabled, form, multiple, name, keyboard-select-mode, and option selected.

Visit amp.dev for more information.

Wrapping up

You can use selectors in many ways, and we discussed many of them in this guide. Like the amp-selector, other AMP email components let you create various features in your AMP emails. Check out our guide on amp-accordion to find out how you can add an interactive accordion to your email.

What you should do next

Hey there, thanks for reading till the end. Here are 3 ways we can help you grow your business:

  1. Talk to an email expert. Need someone to take your email marketing to the next level? Mailmodo’s experts are here for you. Schedule a 30-minute email consultation. Don’t worry, it’s on the house. Book a meet here.

  2. Send emails that bring higher conversions. Mailmodo is an ESP that helps you to create and send app-like interactive emails with forms, carts, calendars, games, and other widgets for higher conversions. Get started for free.

  3. Get smarter with our email resources. Explore all our knowledge base here and learn about email marketing, marketing strategies, best practices, growth hacks, case studies, templates, and more. Access guides here.

What should you do next?

You made it till the end! Here's what you can do next to grow your business:

2_1_27027d2b7d
Get smarter with email resources

Free guides, ebooks, and other resources to master email marketing.

1_2_69505430ad
Do interactive email marketing with Mailmodo

Send forms, carts, calendars, games and more within your emails to boost ROI.

3_1_3e1f82b05a
Consult an email expert

30-min free email consultation with an expert to fix your email marketing.

Table of contents

chevron-down
What is an amp-selector?
Applications of amp-selector
Features of amp-selector
Wrapping up

Fresh Marketing Ideas, Every Week.

Get the latest marketing roundup & news

Get 3X email conversion
with Mailmodo

Check.svg

Create & send interactive emails without coding

Check.svg

Put revenue on auto-pilot with pre-built journeys

Check.svg

Save time with AI-powered email content creation

Experience world’s only interactive email marketing platform

Trusted by 10000+ brands

Group_1110166020_1_6fb9f2bd9a
Group_1110165532_1_bf39ce18b3
Ellipse_Gradientbottom_Bg
Ellipse_GradientLeft_Top
gradient_Right