Re: Anyone get Gmail's Product Carousel to work?

Danielle_Wong · ‎05-23-2023

I placed the code and modified it based on the documentation here. However, when I test it in gmail, the product carousel does not appear. I'm curious if anyone tried it and witness it work in Marketo emails.

Crystal_Pacheco · ‎03-05-2024

Hi @Danielle_Wong ,
I was curious to test out the Gmail Product Carousel with a Marketo email template. I added in all the compatible code necessary and did a preview test with the tool.

Place this code inside the <head> of your email template.

<!-- Build the first image preview in your product carousel:-->
<div itemscope itemtype="http://schema.org/PromotionCard">
<meta itemprop="image" content="https://www.google.com/gmail-for-marketers/promo-tab/markup-tool/glasses.jpg"/>
<meta itemprop="url" content="PROMO_URL1"/>

<!-- Optionally, include the following PromotionCard properties:-->
<meta itemprop="headline" content="HEADLINE1"/>
<meta itemprop="price" content="99"/>
<meta itemprop="priceCurrency" content="USD"/>
<meta itemprop="discountValue" content="88"/>
<meta itemprop="position" content="POSITION"/>
</div>

<!-- Build the second image preview in your product carousel:-->
<div itemscope itemtype="http://schema.org/PromotionCard">
<meta itemprop="image" content="https://www.google.com/gmail-for-marketers/promo-tab/markup-tool/ski-boots.jpg"/>
<meta itemprop="url" content="PROMO_URL2"/>

<!-- Optionally, include the following PromotionCard properties:-->
<meta itemprop="headline" content="HEADLINE2"/>
<meta itemprop="price" content="100"/>
<meta itemprop="priceCurrency" content="USD"/>
<meta itemprop="discountValue" content="88"/>
<meta itemprop="position" content="POSITION"/>
</div>

The code worked for me in the preview but on email send it didn't show up inside gmail's inbox. I did a bit of research and I think you need to request to be on Google's Allowlist in order for the content carousel to work.

"While the Product Carousel has had a sizeable rollout, any sender can use it now—as long as they’re on Google’s Allowlist.

Google is currently using an Allowlist of known brands that can use this feature. If you’re not already on the list, you can reach out to Google’s Promo Tab Outreach Team (p-gmail-outreach@google.com) to be added."
Quote from Litmus: https://www.litmus.com/blog/gmail-promotions-tab-updates

A few gotchas in my test:

Make sure you use the code "Microdata" the JSON script isn't compatible with Marketo email templates.
Marketo email templates do not allow script tagsChoose Microdata
Use images with the supported aspect ratio: The supported aspect ratios are 4:5, 1:1, 1.91:1.
Test your email template code in Google's preview test tool