CatalogCardLayout (Carousel Images) for Gmail Annotation

Question

We have successfully implemented Gmail Annotations for our emails. However, with Black Friday around the corner, we wanted to utilize multiple images with Catalog Cards. I found the reference guide that calls out the Item Properties and such, but I have no idea how to code this into JSON-LD. I use 250ok/Validity's script as a base, which is below. Can someone help me code or provide sample code for the Catalog Card annotation?

<script type="application/ld+json">
[{
    "@context": "http://schema.org/",
    "@type": "Organization",
    "logo": "http://250ok.com/img/favicon-black.png"
},{
    "@context": "http://schema.org/",
    "@type": "EmailMessage",
    "subjectLine": "Time to renew your 250ok Account"
},{
    "@context": "http://schema.org/",
    "@type": "DiscountOffer",
    "description": "10% off",
    "discountCode": "RENEW2019",
    "availabilityStarts": "2020-11-06T08:00:00-07:00",
    "availabilityEnds": "2020-11-25T08:00:00-07:00"
},{
    "@context": "http://schema.org/",
    "@type": "PromotionCard",
    "image": "https://s3.amazonaws.com/250ok-wordpress/wp-content/uploads/2018/12/03212604/promo_sample.png"
}]
</script>

Example Image of the Catalog Card Carousel

Answer 1

I have seen the catalog cards working in the latest version of Gmail on Android when using a Gmail account that ends in [email protected]. I have not seen this work on an iOS device yet nor on non-testing Gmail accounts (https://developers.google.com/gmail/promotab/best-practices#testing)