Platform Install Guides

Shopify Storefront Integration

Supports Shopify Online Store 2.0 (Dawn, Horizon, etc.) & Custom Liquid.

OS 2.0 Ready 60-Sec Setup

Step 1: Copy Your Embed Snippet Widget ID: Auto-Detected

Shopify Custom Liquid Block

<!-- GMBSync Live Google Reviews Widget -->
<div id="gmbsync-widget" data-widget-id="wdg_demo"></div>
<script src="https://gmbsync.com/widget.js" async defer></script>

Step 2: Add to Shopify Theme

1

Open Theme Editor

Go to Online Store ➔ Themes and click Customize on your active theme.

2

Add Custom Liquid

Click Add section on your homepage or product template, and choose Custom Liquid.

3

Paste & Save

Paste the copied code snippet into the Liquid input box and hit Save in the top right.

Placement Tip: You can drag the Custom Liquid section anywhere in your page hierarchy — placing it right below your hero banner or customer reviews section yields the highest conversion rates!

WordPress & WooCommerce Integration

Official WordPress Plugin, Gutenberg Blocks, Shortcodes, and Elementor Widgets.

WordPress Plugin v1.0 Gutenberg & Elementor

★ Recommended Option

GMBSync Official WordPress Plugin

Zero database bloat. Includes shortcodes, Gutenberg block, Elementor widget, and sitewide floating badges.

Download Plugin (.zip)

1 Install & Activate

Upload the .zip in WP Admin > Plugins > Add New > Upload.

2 Connect Widget ID

Go to Settings > GMBSync Reviews and paste your Widget ID: Auto-Detected

3 Insert Anywhere

Use shortcode [gmbsync] or add the Gutenberg / Elementor block.

WordPress Shortcode Quick Reference

Default Reviews Carousel

[gmbsync]

Renders the default configured reviews widget on any page.

With Custom Overrides

[gmbsync layout="grid" min_stars="4"]

Customize layout (grid/carousel/slider) and minimum star rating.

Inline Star Trust Badge

[gmbsync_badge]

Displays a compact verified Google badge (great for headers/footers).

Review Shield Collector

[gmbsync_invite]

Embeds the private feedback & 5-star Google review funnel.

Alternative: Direct HTML Snippet (No Plugin Required) Widget ID: Auto-Detected

Custom HTML Block Snippet

<!-- GMBSync Live Google Reviews Widget -->
<div id="gmbsync-widget" data-widget-id="wdg_demo"></div>
<script src="https://gmbsync.com/widget.js" async defer></script>

A Gutenberg (Block Editor)

Add a Custom HTML block on your page and paste the code.

B Elementor / Divi

Drag an HTML / Code Module to your layout and paste the code.

Webflow Designer Integration

Embed using Webflow's native HTML Embed component.

HTML Embed

Step 1: Copy Your Embed Snippet Widget ID: Auto-Detected

Webflow HTML Embed Snippet

<!-- GMBSync Live Google Reviews Widget -->
<div id="gmbsync-widget" data-widget-id="wdg_demo"></div>
<script src="https://gmbsync.com/widget.js" async defer></script>

Step 2: Add to Webflow

1

Open Designer

Open your Webflow project in the Designer and navigate to the target page.

2

Add Embed Element

Press A, search for Embed, and drag it into your section.

3

Paste & Publish

Paste your code inside the HTML Code Editor, click Save & Close, and publish your site.

Squarespace 7.1 Integration

Compatible with Squarespace Fluid Engine, Classic Editor, and Code Blocks.

Code Block

Step 1: Copy Your Embed Snippet Widget ID: Auto-Detected

Squarespace Code Block Snippet

<!-- GMBSync Live Google Reviews Widget -->
<div id="gmbsync-widget" data-widget-id="wdg_demo"></div>
<script src="https://gmbsync.com/widget.js" async defer></script>

Step 2: Add to Squarespace

1

Edit Page

Open your Squarespace page and click Edit in the top left corner.

2

Add Code Block

Click Add Block, choose Code, and set mode to HTML.

3

Paste & Save

Paste your code snippet and click Save. (Note: Preview may show script disabled until published).

Wix, Studio & Framer Integration

Embed using Wix HTML Embed Element or Framer Embed Component.

HTML Embed

Step 1: Copy Your Embed Snippet Widget ID: Auto-Detected

Wix HTML Embed Snippet

<!-- GMBSync Live Google Reviews Widget -->
<div id="gmbsync-widget" data-widget-id="wdg_demo"></div>
<script src="https://gmbsync.com/widget.js" async defer></script>

Step 2: Add to Wix or Framer

1

Add Embed Element

In Wix Editor, click (+) Add Elements ➔ Embed Code ➔ Embed HTML.

2

Paste Snippet

Select Code, paste the GMBSync code, and click Apply.

3

Adjust Width

Stretch the embed container to full width (100%) and publish your changes!

Universal HTML & Modern Frameworks

Vanilla HTML, React, Next.js, Vue, Nuxt, Astro, Svelte, or any custom CMS.

Universal JS

Step 1: Copy Your Embed Snippet Widget ID: Auto-Detected

Universal HTML Embed Snippet

<!-- GMBSync Live Google Reviews Widget -->
<div id="gmbsync-widget" data-widget-id="wdg_demo"></div>
<script src="https://gmbsync.com/widget.js" async defer></script>

React / Next.js Component Example

GoogleReviewsWidget.jsx (Next.js / React)

import Script from 'next/script';

export default function GoogleReviewsWidget() {
  return (
    <>
      <div id="gmbsync-widget" data-widget-id="wdg_demo" />
      <Script src="https://gmbsync.com/widget.js" strategy="lazyOnload" />
    </>
  );
}

Platform Install Guides

Embed Your Live Google Reviews Anywhere

Shopify Storefront Integration

WordPress & WooCommerce Integration

GMBSync Official WordPress Plugin

Webflow Designer Integration

Squarespace 7.1 Integration

Wix, Studio & Framer Integration

Universal HTML & Modern Frameworks

Verify & Test Live Widget

Engineering & SEO Guarantees

Need Free Installation?

Request Free Installation

Widget Preview Simulation

Connect Google Location

Scale Your Reputation With Pro AI

Notice