# How to Use amp-list in Your AMP Emails

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "WebPage",
  "headline": "Amp-list: Features, Application, and Examples",
  "description": "Features and applications of amp-list, one of the AMP email components. With amp-list, you can add dynamic lists within AMP emails.",
  "image": "https://res.cloudinary.com/mailmodo/image/upload/v1653494346/strapi/Feature_image_Amp_list_9fcf84f991.png",
  "datePublished": "2022-02-26T10:27:16.978Z",
  "dateModified": "2025-01-08T06:29:38.331Z",
  "publisher": {
    "@type": "Organization",
    "name": "Mailmodo",
    "url": "https://www.mailmodo.com/",
    "sameAs": [
      "https://www.linkedin.com/company/mailmodo/",
      "https://www.facebook.com/mailmodo/",
      "https://www.instagram.com/mailmodohq/",
      "https://www.youtube.com/@mailmodo"
    ],
    "logo": "https://www.mailmodo.com/static/images/logo/logo-full.svg",
    "description": "Mailmodo is a complete email marketing platform that helps email marketers to create and send interactive emails to drive growth and engagement.",
    "address": {
      "@type": "PostalAddress",
      "addressLocality": "Lewes",
      "addressRegion": "DE",
      "postalCode": "19958",
      "streetAddress": "Mailmodo Technologies Inc. 16192, Coastal Highway",
      "addressCountry": {
        "@type": "Country",
        "name": "US"
      }
    },
    "contactPoint": {
      "@type": "ContactPoint",
      "email": "enquiries@mailmodo.com",
      "contactType": "customer service"
    }
  }
}
</script>

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Article",
  "headline": "Amp-list: Features, Application, and Examples",
  "description": "Features and applications of amp-list, one of the AMP email components. With amp-list, you can add dynamic lists within AMP emails.",
  "image": "https://res.cloudinary.com/mailmodo/image/upload/v1653494346/strapi/Feature_image_Amp_list_9fcf84f991.png",
  "datePublished": "2022-02-26T10:27:16.978Z",
  "dateModified": "2025-01-08T06:29:38.331Z",
  "author": {
    "@type": "Person",
    "name": "Suryanarayan Pal",
    "url": "https://www.mailmodo.com/guides/author/suryanarayan-pal/"
  },
  "publisher": {
    "@type": "Organization",
    "name": "Mailmodo",
    "logo": {
      "@type": "ImageObject",
      "url": "https://www.mailmodo.com/static/images/logo/logo-full.svg"
    }
  },
  "mainEntityOfPage": {
    "@type": "WebPage",
    "@id": "https://www.mailmodo.com/guides/amp-list/"
  }
}
</script>

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Organization",
  "@id": "#creator",
  "description": "Email marketing software to create and send interactive emails to maximize conversions and reinvent your user journey",
  "email": "support@mailmodo.com",
  "image": "https://www.mailmodo.com/static/images/og-image.png",
  "knowsAbout": "Email marketing",
  "legalName": "Mailmodo Technologies Inc.",
  "location": "United States",
  "logo": "https://www.mailmodo.com/static/images/logo/logo-full.svg",
  "name": "Mailmodo",
  "sameAs": [
    "https://twitter.com/mailmodo",
    "https://www.facebook.com/company/mailmodo/",
    "https://www.linkedin.com/company/mailmodo/"
  ],
  "url": "https://www.mailmodo.com/"
}
</script>

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [
    {
      "@type": "ListItem",
      "position": 1,
      "name": "Home",
      "item": "https://www.mailmodo.com/"
    },
    {
      "@type": "ListItem",
      "position": 2,
      "name": "Guides",
      "item": "https://www.mailmodo.com/guides/"
    },
    {
      "@type": "ListItem",
      "position": 3,
      "name": "amp list",
      "item": "https://www.mailmodo.com/guides/amp-list/"
    }
  ]
}
</script>

## Table of contents

- What is amp-list?
- Applications of amp-list
- Features of amp-list
- Wrapping up

Did you know that you can create Facebook-like updating feeds right inside your emails? It is now a reality with the help of an AMP email component known as amp-list.

This guide will discuss **amp-list** and how you can use it in your [AMP emails](https://www.mailmodo.com/guides/amp-for-email/).



-   What is amp-list?
    
-   Applications of amp-list
    
-   Features of amp-list
    
-   Wrapping up

## What is amp-list?

The **amp-list** is an [**AMP email component**](https://www.mailmodo.com/guides/amp-email-component/) that dynamically creates list items by taking data from the backend. Unlike traditional [HTML emails](https://www.mailmodo.com/guides/html-emails/), this allows one to create dynamic emails that change their content over time. Due to this functionality, the amp-list has many applications.


## Applications of amp-list

Following are some of the ways in which you can use the amp-list:

### 1.  Create repeating content sections
    

If you have a series of content sections containing the same content type, instead of creating them separately, you can use amp-list to populate all the content sections at once.

For example, if you have a list of your blog posts, you can create a section for each of your posts. In each section, you can show a featured image, blog title, description, and CTA containing the link to your blog post. You can populate all the images, titles, descriptions, and CTA links at once with amp-list and save a significant of time.

### 2.  Send personalized offers
    

Sending the same offers for all of your users may not be a good idea. Because different types of users have different types of needs. So by analyzing the behavioral data you’ve collected about your users, you can create personalized offers for different types of behaviors. Then with amp-list, you can create different sections for each offer and populate all the details at once and send them to your users.

This will help you increase your sales and it will also gain your customers' trust since they’ll feel like you know their pain points and send personalized solutions.

**Related guide:** [An Ultimate Guide to Creating Personalized Emails](https://www.mailmodo.com/guides/email-personalization/)

### 3.  Show updated balance
    

With the help of amp-list, you can show the information that will change over time. For example, if you have a fintech app like [Cred](https://cred.club/) and want to update the remaining balance in your user account via email, you can add the amp-list item in the remaining amount section. So in your AMP email, users can see how much balance is remaining after spending their money.

### 4.  Create updating galleries
    

You may want to show additional images of your recent products, portfolio samples, or just stock photos. You can create a dynamically updating [image gallery](https://amp.dev/documentation/examples/interactivity-dynamic-content/dynamically_updating_items_in_a_feed/preview/?format=email) right inside your AMP emails with the amp-list.

### 5.  Include calendar for bookings
    

Whenever sending a booking system in your AMP emails, you may also want to add a calendar. So while creating the calendar, you don’t have to add each date manually. Because you can configure the amp-list to populate all the date fields at once by taking the data from the back end.

**Related guide:** [How to Book More Meetings with Mailmodo?](https://www.mailmodo.com/guides/amp-email-booking-meetings/)

  
## Features of amp-list

The amp-list provides various features, and some of them are discussed below:

### ✅ Update the existing information

You may have some updated information to show your users. To achieve this, you can use amp-list and replace the current information with updated information. The updated information will be taken from the backend and will be swapped with the existing information.

### ✅ Show alternative content until the data is loaded

You can add placeholders with a placeholder attribute, and it will be shown until the amp-list loads all data. 

For example, you can use it to show a ‘Loading…’ text that will tell users to wait until the text fully loads.

### ✅ Create custom templates

You can create a [custom template](https://www.mailmodo.com/email-templates/) to display your updating content. There can be any items in this template, such as images, text, accordions, GIFs, and more. This allows you to create highly custom templates for your users.

Some other attributes of amp-list are: **tabindex, area-live, src, max-items, items, single-item, binding, common attributes.**

Visit [amp.dev](https://amp.dev/documentation/components/amp-list/?format=email) for more information.

## Wrapping up

The amp-list is one of the most interesting AMP email components, and it has many interesting applications, as you have explored in this guide. If you’re curious to get familiar with similar AMP email components, we have covered them as well. Check out our guides on [amp-accordion](https://www.mailmodo.com/guides/amp-accordion/), [amp-autocomplete](https://www.mailmodo.com/guides/amp-autocomplete/), [amp-carousels](https://www.mailmodo.com/guides/amp-carousel/), and more.

---

**Author: Suryanarayan Pal**

Suryanarayan has 7 years of experience in email marketing for B2B, SaaS, and e-commerce, specializing in email deliverability and project management.

