Google Rich Snippets - Product

Demo to preview the plugin:

Introduction

The Google Rich Snippets – Product plugin allows you to embed structured product markup into your Bubble app. This markup follows the Schema.org Product schema and ensures that search engines like Google can recognize your product pages.
When configured properly, your products can appear in Google Search and Shopping results with rich details such as:
  • Price and currency
  • Availability (In Stock / Out of Stock)
  • Ratings & reviews
This improves your SEO visibility, increases click-through rates, and builds trust by showing a professional, enriched product preview directly in search results.
Schema.org Product schema means that product details are structured in a standard format (typically JSON-LD) that search engines can easily parse. This ensures that your pages are identified as products and become eligible for rich results, including price, stock status, ratings, and more.
Key Features

Prerequisites

Before using this plugin, make sure you have:
  • A Bubble application where you manage product pages.
  • Product data stored in your database (e.g., name, price, image, availability).
  • A basic understanding of how to insert Bubble dynamic values into elements.
  • (Optional but recommended) Access to Google Search Console to test and validate your rich snippet implementation.

Image without caption

How to setup

Step 1 – Install the Plugin

Step 2 – Add the Plugin Element to Your Page

Step 3 – Configure the Properties

Step 4 – Preview and Test

Plugin Element Properties

Product Rich Snippet

Image without caption
Fields:
Title
Description
Type
Name
The name of the product
Text
Image
The product image
Image
Description
The product description
Text
Sku
The SKU of the product (Merchant-specific identifier for product)
Text
Brand
The brand name
Text
Producturl
The url of the product
Text
Currency
The currency of the selling price
Text
Price
The price of the product
Number
Pricevaliduntil
Until when the price is valid
Date
Availability
The item availability Available options: https://schema.org/Discontinued, https://schema.org/InStock, https://schema.org/InStoreOnly, https://schema.org/LimitedAvailability, https://schema.org/OnlineOnly, https://schema.org/OutOfStock, https://schema.org/PreOrder, https://schema.org/PreSale, https://schema.org/SoldOut
Dropdown
Itemcondition
The condition of the item Available options: http://schema.org/NewCondition, https://schema.org/UsedCondition
Dropdown
Image without caption

Changelogs