# How to Use amp-timeago in Your AMP Emails

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "WebPage",
  "headline": "Amp-timeago: Features, Application, and Examples",
  "description": "Features and applications of amp-timeago, one of the AMP email components. to display the modified timestamp in different formats within emails.",
  "image": "https://res.cloudinary.com/mailmodo/image/upload/v1652870724/strapi/Featured_image_Amp_timeago_2f0e8388bc.png",
  "datePublished": "2022-02-16T18:48:53.012Z",
  "dateModified": "2025-01-08T06:29:35.858Z",
  "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-timeago: Features, Application, and Examples",
  "description": "Features and applications of amp-timeago, one of the AMP email components. to display the modified timestamp in different formats within emails.",
  "image": "https://res.cloudinary.com/mailmodo/image/upload/v1652870724/strapi/Featured_image_Amp_timeago_2f0e8388bc.png",
  "datePublished": "2022-02-16T18:48:53.012Z",
  "dateModified": "2025-01-08T06:29:35.858Z",
  "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-timeago/"
  }
}
</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 timeago",
      "item": "https://www.mailmodo.com/guides/amp-timeago/"
    }
  ]
}
</script>

## Table of contents

- What is amp-timeago?
- Applications of amp-timeago
- Features of amp-timeago
- Conclusions

If you open one of your emails in Gmail, you can see the sent time of that email on the right-hand side. The time is displayed in the format "**X time ago."**

Similarly, you can create such timestamps inside your [AMP emails](https://www.mailmodo.com/guides/amp-for-email/) with **amp-timeago.**

This guide will discuss amp-timeago and how you can use it in your AMP emails.



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

## What is amp-timeago?

The **amp-timeago** is an [AMP email component](https://www.mailmodo.com/guides/amp-email-component/) that counts up to or away from a specified date and time. It displays the modified timestamp in the form of **“X years/months/weeks/days/hours ago”** or **“in Y years/months/weeks/days/hours”.**

## Applications of amp-timeago

Following are the different ways in which you can use the amp-timeago:

### 1.  Show the published date
    

It's good to add the published date if you're sending blog posts or other documentation inside your AMP emails. You can use the amp-timeago to configure the data, and as a result, it will display when it was originally published. This helps your users to determine the relevancy and recency of your content.

### 2.  Show remaining time for something
    

If you have an event or a [Product Hunt](https://www.mailmodo.com/product-hunt-launch/) launch planned ahead of time, you can use the amp-timeago to show users when your event will be happening. For example, if you configure it right, it will show something like **" in 2 months".** This creates a desire in your users and makes them excited for the event or the product launch.

## Features of amp-timeago

Here are some of the highlighting features of amp-timeago:

### ✅ Display the time in the user's local language

If you have an audience that doesn't speak English, don't worry. With the help of the locale attribute, you can set the language in which the time should be displayed. Currently, it supports [44 languages](https://amp.dev/documentation/components/amp-timeago/?format=email#:~:text=00%2D05%3A00-,locale,-(optional)) including English, Hindi, Chinese, Spanish, Greek, German, etc.

### ✅ Display the date instead of “X time ago”

You can use the cutoff attribute when you want to display the date instead of X time ago after a threshold (i.e., predetermined time) has passed.

For example, you want to display the text as X time ago for a week and after that threshold, you want it to display in the date format like "date day month year." So to achieve that, you need to use the cutoff attribute and specify the cutoff in seconds, i.e., 604800 seconds in this scenario. Here's how your code will look.

```<amp-timeago layout="fixed-height" height="20" datetime="2017-04-11T00:37:33.809Z" locale="en" cutoff="604800">Saturday 11 April 2017 00.37</amp-timeago>```

Visit [amp.dev](https://amp.dev/documentation/components/amp-timeago) to learn more about the amp-timeago component.

## Conclusions

As you've learned in this guide, the amp-timeago is a useful component and has great applications. If you’re curious to know more about other AMP email components, we have also covered [amp-accordion](https://www.mailmodo.com/guides/amp-accordion/), [amp-sidebar](https://www.mailmodo.com/guides/amp-sidebar/), [amp-img](https://www.mailmodo.com/guides/amp-img/), and more. Check them out to familiarise yourself with the world of AMP email components.

---

**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.

