The Google Promotions Tab
Contents
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.
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.
- Add an HTML block to the top of your template.
- To build your annotation, use this code snippet from Google instead. Insert your annotation information in the code.
Note: You can find the code snippet and troubleshooting tips here: https://developers.google.com/gmail/promotab/troubleshooting<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> - Copy and paste your Annotations code into your HTML block. It should resemble the following image.
