The Google Promotions Tab

Add the annotation code and your email could be highlighted at the top of the Promotions tab - include images, deals, and expiration dates.

What's a Gmail Annotation?

A Gmail Annotation is the code you add to your template. It creates the content that Gmail uses to highlight your message at the top of the Promotions tab. If Gmail selects your message to highlight, it displays with an expanded presence at the top of the inbox and features a preview image, discount code, and expiration date.

This image was created using Gmail's Get Started Preview

Add in Email Composer

To add a Promotion Annotation to an Email Composer template, create a new template or open an existing template. Email Composer does not expose access to the <head> tag, which means the sample tag can't be used. Gmail allows a different code block to be used in HTML when the <head> tag can't be accessed.
  1. Add an HTML block to the top of your template.
  2. To build your annotation, use this code snippet from Google instead. Insert your annotation information in the code.
    <div itemscope itemtype="http://schema.org/Organization">
       <meta itemprop="logo" content="https://www.gstatic.com/images/branding/product/1x/googleg_48dp.png" />
    </div>
    <div itemscope itemtype="http://schema.org/DiscountOffer">
       <meta itemprop="description" content="20% off" />
       <meta itemprop="discountCode" content="PROMO" />
       <meta itemprop="availabilityStarts" content="2018-01-01T08:00:00-07:00" />
       <meta itemprop="availabilityEnds" content="2018-04-30T23:59:59-07:00" />
    </div>
    <div itemscope itemtype="http://schema.org/PromotionCard">
       <meta itemprop="image" content="https://www.google.com/gmail-for-marketers/promo-tab/markup-tool/sample.png" />
    </div>
    Note: You can find the code snippet and troubleshooting tips here: https://developers.google.com/gmail/promotab/troubleshooting
  3. Copy and paste your Annotations code into your HTML block. It should resemble the following image. The Content HTML Block settings tab with Google Analytics code
Note: The alternate code can also be tested in the Annotations testing tool.

Contact us

Top