How to Use Hubspot AR Product Preview Data for 3D Results

Hubspot users who manage ecommerce or product-focused sites can take advantage of AR product preview data to help eligible products appear as 3D or augmented reality results in Google search.

This guide explains how AR product preview works, what structured data you need, and the steps to implement it based on Google’s specifications, so you can integrate it smoothly with your Hubspot-powered content and product workflows.

What Is AR Product Preview and Why It Matters for Hubspot Users

AR (augmented reality) product preview allows shoppers to view 3D versions of your products directly in search results or on their mobile devices. When your pages include the correct structured data, Google can surface these immersive experiences for supported products.

For Hubspot users, adding the required data helps you:

• Increase click-through rates from search by showing rich visuals.
• Improve product understanding with 3D and AR experiences.
• Support mobile-first shopping journeys.
• Stand out from competitors who only use basic product listings.

The underlying logic is driven by schema.org structured data and Google’s specific requirements for 3D or AR product experiences.

How AR Product Preview Data Works

AR product preview data is enabled through a combination of product structured data and additional markup that tells Google where your 3D assets live and how they should be displayed.

The core ideas are:

• You publish a product page with standard schema.org Product and Offer data.
• You include additional fields that describe the 3D model files, formats, and platforms.
• Google reads the structured data and, if your content meets eligibility criteria, may show an interactive 3D or AR badge in results.

Although this structured data can be added to any platform, Hubspot users can implement it through custom modules, fields, or template edits in their theme.

Key Requirements for AR Product Preview Data

Before you start adding schema markup, you must understand the technical requirements that apply to your 3D content and hosting.

Supported 3D File Formats

To be eligible, your 3D assets must be published in specific formats that Google supports. Common formats include:

• glTF (.gltf or .glb) for web-ready 3D.
• Other formats that Google lists as compatible with its 3D and AR viewers.

These file types must be accessible via HTTPS URLs that are referenced in your structured data.

Hosting and Performance Considerations

Google recommends:

• Fast-loading 3D assets, optimized to reduce file size while preserving detail.
• Stable, publicly reachable hosting for your model URLs.
• Correct MIME types on the server so Google can fetch and interpret files.

If you manage your product content in Hubspot but host 3D assets elsewhere (for example, on a CDN), keep your URLs consistent and permanent so that search engines do not encounter broken links.

Adding Structured Data for AR Product Preview

There are several ways to add structured data to your product pages. Hubspot users commonly rely on JSON-LD markup inserted into templates or modules, because it is easier to maintain and less intrusive than microdata.

Step 1: Map Product Fields in Hubspot

Start by mapping the fields you already store in Hubspot for each product. Typical fields include:

• Product name and description.
• Images and media assets.
• Price and availability.
• SKU or product identifiers.
• 3D model URL and format (you may need a custom field).

Ensure each product record has a 3D model field that will be referenced in your structured data.

Step 2: Build JSON-LD Templates

Next, define a JSON-LD template for each product page. The template should contain at minimum:

• @context and @type set to https://schema.org and Product.
• Product attributes such as name, image, description, and sku.
• An offers section with price, currency, and availability.
• Additional properties for 3D models, as described in Google’s documentation.

The extra properties define your 3D asset location and tell Google how to render the model for AR product preview.

Step 3: Connect Hubspot Fields to the Template

With your template ready, connect Hubspot product fields to the matching JSON-LD properties. For example:

• Insert the Hubspot product title into the name property.
• Use the main product image field for the image array.
• Pull the 3D model URL from your custom 3D model field.

This connection can be done via Hubspot theme modules, HubL variables, or custom coded templates depending on how your site is built.

Step 4: Validate Structured Data

After implementing your structured data, always validate it. Use tools such as:

• Google’s Rich Results Test.
• Schema markup validators.

Check for:

• Errors and warnings in product and 3D-specific properties.
• Valid URLs pointing to your model files.
• Correct content types and accessible assets.

Repeat this validation every time you introduce new product templates or modify your 3D hosting setup.

Best Practices for Hubspot AR Product Preview Integration

Once your core implementation is in place, optimize your workflow to keep data consistent as your catalog grows.

Keep Product and 3D Data in Sync

Each time you update a product in Hubspot, confirm that the associated 3D model is still accurate. For example:

• When colors or materials change, update the model accordingly.
• If the product is discontinued, adjust availability in your structured data.
• Ensure model URLs are updated when assets move to a new CDN or bucket.

Consistency between what users see in AR and what they receive after purchase helps maintain trust and reduce returns.

Design 3D Models for Mobile AR

Because many AR product preview experiences occur on mobile devices, your 3D assets should be built with mobile limitations in mind:

• Optimize polygon counts to keep load times low.
• Use realistic but efficient textures and materials.
• Test models on popular devices to ensure smooth interaction.

Faster and more responsive models are more likely to keep shoppers engaged.

Monitor Search Performance

After publishing several products with AR product preview data, track performance indicators:

• Impressions and clicks for product pages in Google Search Console.
• On-site engagement and conversion metrics for visitors who land on these pages.
• Differences in performance between pages that include 3D models and those that rely only on standard images.

These metrics help you decide which product categories benefit most from investment in 3D models and AR support.

Additional Technical and SEO Resources

For the most current technical requirements, refer directly to the official guide on AR product preview data at Google AR product preview data documentation. This resource outlines supported formats, structured data fields, and eligibility conditions that apply across platforms, whether or not you use Hubspot.

If you need expert assistance building scalable schemas, custom modules, or data pipelines that connect ecommerce systems with your marketing stack, consider working with a specialized consulting team such as Consultevo, which focuses on technical SEO, analytics, and integration strategies.

Summary: Bringing AR Product Preview to Your Hubspot Workflow

AR product preview data allows you to publish rich product experiences that can appear in Google search as interactive 3D or AR elements. By combining accurate product structured data, optimized 3D assets, and validated JSON-LD markup, you can enhance visibility and engagement for your product pages.

Whether your catalog is small or enterprise-scale, integrating these practices into your Hubspot content and product operations ensures that your marketing and technical teams can maintain high-quality AR experiences as your offerings grow.