> ## Documentation Index
> Fetch the complete documentation index at: https://docs.servicebooked.ca/llms.txt
> Use this file to discover all available pages before exploring further.

# Reviews widget for your website

> Embed your Google reviews on your own site with a widget you style to match your brand — and a built-in "Write a review" button that runs the funnel.

The reviews widget puts your Google reviews on your own website — a styled, auto-updating block of social proof you embed with a single snippet. It pulls the same reviews you see under [Reputation → Reviews](/reputation/reviews-management), and its **Write a review** button routes new reviewers through your [review funnel](/reputation/the-funnel) (sending them to your Google review page per your chosen funnel mode).

<Note>
  The widget shows reviews that have synced from your [Google Business Profile](/reputation/google-business-profile). Until GBP is connected and reviews flow in, the live embed renders empty — but the builder shows **sample reviews** so you can design the layout before your first review lands.
</Note>

## Where to find it

**Reputation → Widgets**. The builder is split into a live **preview** on the left and a config panel on the right with two tabs: **Settings** (look and content) and **Embed** (the snippet to paste).

## Configure the look

Everything you change updates the preview instantly.

* **Header text** — the heading above the reviews (e.g. *"What our clients say"*).
* **Layout** — pick one of three, shown as icons in the picker:
  * **List** — reviews stacked vertically. Best for a narrow column or sidebar.
  * **Grid** — tiled in responsive columns. Best for a wide section.
  * **Carousel** — a swipeable row with prev/next arrows. Compact, good above the fold.
* **Max reviews** — how many show at once (1–30). The widget always leads with your newest qualifying reviews.
* **Minimum rating** — only reviews at or above this rating appear. Set it to **4★ and up** to showcase your best feedback.
* **Show "Powered by"** — toggle the small ServiceBooked footer line off for a clean, unbranded look.

## Match it to your site

Two controls let the widget blend into your page instead of looking pasted on:

* **Theme** — **Light** or **Dark** card surface. Pick whichever matches your page background.
* **Accent color** — the color of the **Write a review** button and reviewer initials. Leave **Match my brand color** checked to inherit your [brand color](/settings/branding-and-white-label), or uncheck it and pick a custom hex to match the exact section of your site where the widget lives.

<Tip>
  Switch the **Theme** to Dark and check the preview against your actual site's background before you publish — the dark palette is tuned for a dark page.
</Tip>

When you're happy with it, click **Save**. Already-installed widgets pick up the changes on the next page load — you don't need to re-paste the snippet.

## Get the embed snippet

Open the **Embed** tab. There are two formats — copy whichever fits your site:

<Steps>
  <Step title="Script tag (recommended)">
    One line. It loads the widget and **auto-resizes** to fit its content, so it never clips or leaves a gap. Works on most website builders (WordPress, Squarespace, Webflow, Wix, Shopify).

    ```html theme={null}
    <div data-servicebooked-reviews="YOUR-WIDGET-TOKEN"></div>
    <script src="https://app.servicebooked.ca/api/reputation/reviews-widget" async></script>
    ```
  </Step>

  <Step title="iFrame (fallback)">
    A fixed-height `<iframe>` for pages that don't allow `<script>` tags. You may need to adjust the `height` so it doesn't scroll or leave whitespace.

    ```html theme={null}
    <iframe src="https://app.servicebooked.ca/reviews-embed/YOUR-WIDGET-TOKEN"
      width="100%" height="640" style="border:0;overflow:hidden"
      loading="lazy" title="Customer reviews"></iframe>
    ```
  </Step>
</Steps>

Paste your chosen snippet where you want the reviews to appear — a homepage section, a dedicated testimonials page, or a footer. For per-platform paste locations, the same spots used for the [chat widget](/chat-widget/install-on-your-site#per-platform-install) apply.

<Note>
  **Save your settings first.** The embed reflects whatever's saved — layout, theme, and accent all read from the saved config, not the unsaved preview.
</Note>

## How it stays current

The widget reads your reviews live each time it loads. As new reviews sync from Google, they appear automatically — there's nothing to re-publish. The embed link is a stable signed token, so a snippet you pasted months ago keeps working.

## Widget vs. QR poster vs. sent requests

These are complementary ways to use the same reputation engine:

* **[Sent requests](/reputation/sending-review-requests)** — collect new reviews after a job.
* **[QR poster](/reputation/qr-code-poster)** — collect reviews in person.
* **Reviews widget** — *display* the reviews you've collected, as social proof on your site, with a button to collect more.

## Next

<CardGroup cols={2}>
  <Card title="Connect Google Business Profile" icon="link" href="/reputation/google-business-profile">
    Required for real reviews to appear in the widget.
  </Card>

  <Card title="Read & reply to reviews" icon="messages-square" href="/reputation/reviews-management">
    The same reviews, inside your dashboard.
  </Card>
</CardGroup>