Unlock Gmail Product Previews: How to Add E-commerce Images Under Subject Lines in HubSpot

Ever open your Gmail and see those eye-catching product images or special offers right there, nestled underneath the subject line in your Promotions tab? It’s a brilliant way for e-commerce brands to stand out in a crowded inbox, instantly giving recipients a visual taste of what’s inside. If you’re running a store and using HubSpot for your CRM and sales, you’ve probably wondered how to pull off this magic trick yourself.

Recently, a lively discussion popped up in the HubSpot Community about exactly this. The original poster was eager to know how to add these product images, specifically within a HubSpot drag-and-drop email template. They’d heard it involved embedding custom JSON-LD code and wondered if it was possible without diving into custom coded emails.

Here's the image that sparked the discussion:

The HubSpot Drag-and-Drop Dilemma: Can You Do It?

The core of the original poster’s question revolved around HubSpot’s drag-and-drop templates. These templates are fantastic for speed and simplicity, letting marketers build beautiful emails without touching a line of code. But when it comes to highly specialized features like Gmail’s Promotions tab annotations, things get a little more technical.

A community moderator acknowledged the interesting use case and rallied some experts for input. The consensus, later confirmed by another community member who even consulted an AI for verification, was clear: while this functionality is definitely achievable, it’s not a native feature of HubSpot’s drag-and-drop templates.

The Solution: Embracing Coded Email Templates and JSON-LD

To display those captivating product images under your subject lines, you’ll need to step into the world of coded email templates. This involves adding specific structured data, known as JSON-LD, directly into the section of your email’s HTML.

What is JSON-LD?

JSON-LD (JavaScript Object Notation for Linked Data) is a method of encoding Linked Data using JSON. For emails, it allows you to provide structured information about the content of your email (like product details, promotions, or events) in a way that email clients like Gmail can easily understand and display in enhanced ways.

Actionable Steps for HubSpot Users:

If you’re ready to implement this for your e-commerce promotions, here’s the general approach:

1. Create a Coded Email Template in HubSpot: Navigate to your HubSpot email tool, but instead of choosing a drag-and-drop template, opt for a custom coded template. This gives you full control over the HTML.

2. Insert JSON-LD into the Section: Within your coded template, you’ll need to add a

   You’ll populate this with your specific product details, image URLs, and promotional text. The exact schema for Gmail Promotions can be quite detailed, allowing you to specify discounts, expiration dates, and more.

3. The Crucial Step: Register with Google! This is the part many people miss. Even if you embed the perfect JSON-LD, Gmail will ONLY show these annotations if your sending domain is whitelisted by Google. You must register your domain with Google’s Gmail Promotions Annotation Tester. The community member provided a helpful link:

   https://developers.google.com/gmail/promotions/register

   This registration process helps Google ensure the quality and legitimacy of the annotations displayed.

Why This Matters for Your E-commerce Strategy

For any business leveraging HubSpot for e-commerce, this feature isn't just a fancy trick; it's a powerful conversion tool. Enhanced visibility in the Promotions tab can lead to higher open rates, increased click-throughs, and ultimately, more sales. It’s about meeting your customers where they are with compelling visual content, making your offers irresistible even before they open the email.

While HubSpot’s drag-and-drop interface is fantastic for general campaigns, sometimes the best ecommerce app builder for specific, advanced functionalities requires custom code or integration. This is a prime example where a little extra effort in development can yield significant marketing returns.

The Future: Drag-and-Drop for Advanced Features?

The original poster’s follow-up question perfectly captured the sentiment: “I would love to see this being built out in Hubspot drag and drop email templates. Is that something that’s possible to do?” This highlights a common desire among HubSpot users for advanced e-commerce features to be more accessible within the visual editor.

The community moderator’s recommendation was to post this idea directly in the HubSpot Ideas Forum. This is the official channel for users to suggest new features, allowing others to upvote and expand on the need, bringing it directly to HubSpot’s Product team. It’s a great way for the collective voice of HubSpot’s e-commerce users to shape the platform’s future.

ESHOPMAN Team Comment

We absolutely agree with the community’s assessment here. While HubSpot’s drag-and-drop is incredibly powerful for general marketing, advanced e-commerce functionality often requires a deeper dive into code or specialized tools. This is precisely why ESHOPMAN is built to bridge that gap, making it easier to integrate rich product data and advanced features directly with your HubSpot portal, even when it means custom templates for specific use cases like this. For store operators, every edge counts, and this feature is definitely worth the extra effort to stand out.

So, while those snazzy product previews under your Gmail subject lines might not be a drag-and-drop away just yet, the path to achieving them is clear. By utilizing HubSpot’s coded email templates and understanding the critical role of JSON-LD and Google registration, you can unlock a powerful new dimension for your e-commerce email marketing. Keep pushing the boundaries, keep innovating, and remember that tools like ESHOPMAN are here to help you connect your store’s full potential with your HubSpot strategy.