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.
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
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 |