Anyone get Gmail's Product Carousel to work? | Community
Skip to main content
Danielle_Wong
Community Advisor
Danielle_WongCommunity Advisor
Community Advisor
May 23, 2023
Question

Anyone get Gmail's Product Carousel to work?

  • May 23, 2023
  • 1 reply
  • 2284 views

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. 

1 reply

Crystal_Pacheco
Crystal_Pacheco
Level 3
March 5, 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:

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

    Any solution on this? I'm also trying to get a product carousel to display in my marketo emails. Confirming im:

    - already approved by google/on their allow list

    - using the exact microdata code from google's doc

     

    I get the following error message when using Google's annotation preview tool

    Terms & ConditionsAccessibility statement

    Loading footer...