Google Business Profile Widget Integration

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

1. Generate Widget – Use the dashboard to configure your widget
2. Copy Code – Copy the HTML snippet provided
3. Paste on Your Website – Place it where you want it to render
4. 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