Click here to see your recently viewed pages and most viewed pages.
Hide
Email markup

Offer

An offer represents a promotion for some items or services that can be accepted by the customer.

Gmail grid view displays offers and other promotional mail in an alternative, more visual way in the Promotions tab. Gmail uses an algorithm that attempts to determine the most relevant image from a message to display. However, if you’re a sender of promotional email, you can use markup to specify the image or content to display to help your readers get the best experience.

An Offer in the Gmail Promotions tab

Use cases

A visual opportunity to highlight your promotional content prior to the user opening your email.

The featured image must be at least 580px x 400px. Larger images will be resized to be as small as possible while ensuring both its dimensions are greater than or equal to the corresponding dimensions of the available area.

Json-Ld

<script type="application/ld+json">
{
  "@context": "http://schema.org",
  "@type": "Offer",
  "image": "http://www.example.com/product_image.jpg"
}
</script>

Microdata

<div itemscope itemtype="http://schema.org/Offer">
  <link itemprop="image" href="http://www.example.com/product_image.jpg"/>
</div>

Offer with publisher details

It is possible to include a sender image such as a company logo to make it easier for the user to identify the email sender. This is taken from a verified Google+ Page which must be specified using the EmailMessage.publisher property.

Json-Ld

<script type="application/ld+json">
{
  "@context": "http://schema.org",
  "@type": "EmailMessage",
  "publisher": {
    "@type": "Organization",
    "name": "Google Play",
    "url": "https://play.google.com",
    "url/googlePlus": "https://plus.google.com/106886664866983861036"
  },
  "about": {
    "@type": "Offer",
    "image": "http://www.example.com/product_image.jpg"
  }
}
</script>

Microdata

<div itemscope itemtype="http://schema.org/EmailMessage">
  <div itemprop="publisher" itemscope itemtype="http://schema.org/Organization">
    <meta itemprop="name" content="Google Play"/>
    <link itemprop="url" href="https://play.google.com"/>
    <link itemprop="url/googlePlus" href="https://plus.google.com/106886664866983861036"/>
  </div>
  <div itemprop="about" itemscope itemtype="http://schema.org/Offer">
    <link itemprop="image" href="http://www.example.com/product_image.jpg"/>
  </div>
</div>

Regular email content

Some recommendations for optimal readability of your promotional email:

  • Sender name: 20 characters or less to avoid truncation
  • Subject: 75 characters or less to avoid truncation

Specification

The following table lists all available properties for this type:

Property Type Description
about Offer (required) The Offer the email is about.
about.image URL (required) URL of an image of the Offer.
publisher Organization The entity responsible for publishing the message. Also accepts a string (e.g. "").
publisher.name Text Name of the Organization.
publisher.url URL URL of the Organization.
publisher.url/googlePlus URL URL of the Google+ Page for the organization.