Easily showcase your Google reviews on your website using embeddable widgets. Choose from multiple display styles, placement options, and customization settings.
📌 Key Features
- Easy Integration: Copy and paste a single line of HTML.
- Responsive Design: Mobile, tablet, and desktop friendly.
- Real-time Sync: Pulls the latest Google reviews automatically.
- Fully Customizable: Choose themes, limits, filters, and placement.
🧩 Widget Types
1. Badge Widget
A compact display showing your business rating and review count. Best for headers, footers, or sidebars.
<div id="gbp-widget"
data-company-id="123"
data-widget-type="badge"
data-placement="inline"
data-theme="light"></div>
<script src="https://go.launchsms.com/js/widget-script.js" async></script>
2. Button Widget
Similar to the badge, but styled more like a call-to-action button.
<div id="gbp-widget"
data-company-id="123"
data-widget-type="button"
data-placement="inline"
data-theme="light"></div>
<script src="https://go.launchsms.com/js/widget-script.js" async></script>
3. Grid Widget
Displays multiple customer reviews in a responsive grid layout.
<div id="gbp-widget"
data-company-id="123"
data-widget-type="grid"
data-placement="inline"
data-limit="6"
data-min-rating="4"
data-theme="light"></div>
<script src="https://go.launchsms.com/js/widget-script.js" async></script>
📍 Placement Options
Widgets can be placed inline
or float in a fixed position.
Bottom Right:
<div id="gbp-widget"
data-company-id="123"
data-widget-type="badge"
data-placement="bottom-right"
data-theme="light"></div>
<script src="https://go.launchsms.com/js/widget-script.js" async></script>
Bottom Left:
<div id="gbp-widget"
data-company-id="123"
data-widget-type="badge"
data-placement="bottom-left"
data-theme="dark"></div>
<script src="https://go.launchsms.com/js/widget-script.js" async></script>
⚙️ Configuration Options
Attribute | Required | Values | Description |
---|---|---|---|
data-company-id |
Yes | Number | Your unique company ID |
data-location-id |
No | Number | Show reviews for a specific location |
data-widget-type |
No | badge, grid, slider | Type of widget (default: badge) |
data-placement |
No | inline, bottom-left, bottom-right | Widget position (default: inline) |
data-limit |
No | 3, 5, 10, 15 | How many reviews to show (default: 5) |
data-min-rating |
No | 1–5 | Minimum star rating (default: 1) |
data-reviews-per-row |
No | 1–6 | Reviews per row (Grid only) |
data-theme |
No | light, dark | Visual theme (default: light) |
data-cards-per-view |
No | auto, 1–4 | Visible cards (Slider only) |
data-show-header |
No | true, false | Show/hide Google header (default: true) |
data-show-photos |
No | true, false | Show review photos (default: true) |
Complete Example:
<div id="gbp-widget"
data-company-id="123"
data-location-id="456"
data-widget-type="grid"
data-placement="inline"
data-limit="9"
data-reviews-per-row="3"
data-min-rating="4"
data-show-header="true"
data-show-photos="true"
data-theme="light"></div>
<script src="https://go.launchsms.com/js/widget-script.js" async></script>
🛠️ Integration Guide
- Generate Widget – Use the dashboard to configure your widget
- Copy Code – Copy the HTML snippet provided
- Paste on Your Website – Place it where you want it to render
- Test & Customize – Preview changes and tweak settings
Common Platform Instructions
WordPress:
1. Go to Appearance → Widgets or Customize
2. Add a Custom HTML block
3. Paste your embed code
4. Save and publish
Shopify:
1. Go to Online Store → Themes → Customize
2. Add a Custom Liquid block
3. Paste your embed code
4. Save and publish
Static HTML Site:
1. Open your HTML file
2. Paste the embed code where desired
3. Save and upload to your server
✅ Best Practices
- Performance: Widgets load asynchronously
- Mobile-Friendly: All widgets adapt to screen size
- SEO: Reviews load after page content for better indexing
- Caching: Widgets are cached for faster load speeds