BookLive’s embeddable reviews widget lets you showcase your real client reviews directly on your own website — no coding skills required. You choose the colors, copy a single snippet, and paste it wherever you want reviews to appear. The widget automatically pulls your latest approved reviews and stays up to date as new ones come in.
Before You Begin #
- You must be a group leader to access review settings.
- You’ll need at least one approved review on your BookLive profile for the widget to display content.
- You’ll need edit access to the website where you want to embed the widget (your own site, a landing page, etc.).
Step 1: Open the Reviews Page #
- Log in to BookLive at https://booklive.com/login.
- In the left sidebar, select your group.
- Click Marketing in the navigation, then select Reviews.
Step 2: Find the Embed Section #
Scroll down past your public review link until you see the Embed section, labeled Embed on your website. This is where you’ll customize and copy your widget code.
Step 3: Customize the Widget Appearance #
Two visual options let you match the widget to your website’s design:
Background Color #
Choose from three options:
- Transparent — the widget blends into whatever background your website uses (best for most sites).
- White — forces a white background regardless of the page color.
- Custom — reveals a color picker and a hex input field so you can enter any background color. Type the hex code directly (without the
#) or click the color swatch to open a color picker.
Accent Color #
The accent color controls the star ratings and highlight elements inside the widget. Click the color swatch or type a hex value to match your brand color. The default is BookLive blue (#0C57FB).
Step 4: Preview the Widget #
As you adjust the colors, a Live preview panel on the right updates in real time — showing exactly how the widget will look on your site before you copy any code. The preview displays your actual approved reviews, your average star rating, and your total review count.
Step 5: Copy the Embed Code #
Once you’re happy with the appearance, click Copy embed code. BookLive copies a short HTML snippet to your clipboard that looks like this:
<script type="text/javascript" src="//booklive.com/js/iframeResizer.min.js"></script>
<iframe src="https://booklive.com/reviews-widget/your-group-url?..." frameBorder="0" width="100%" height="600" no-resize-detection></iframe>
<script type="text/javascript">iFrameResize({checkOrigin: false});</script>The snippet includes a resizer script that automatically adjusts the widget height as reviews load, so you don’t end up with awkward scrollbars or cut-off content.
Step 6: Paste the Code on Your Website #
Open the page editor on your website and paste the embed code into an HTML block or Custom HTML section wherever you want the reviews to appear. Common placements include:
- A dedicated testimonials page
- Your homepage, below the hero section
- A services or pricing page
- A landing page used for event planner outreach
The widget is fully responsive and adjusts to any column width, so it works in single-column and multi-column layouts alike.
What Your Visitors See #
Once embedded, the widget shows:
- Your average star rating displayed prominently at the top
- Your total review count
- Individual review cards — each showing the reviewer’s name, their relationship to your group (e.g., Wedding Guest, Event Planner), their star rating, and the full review text
Only approved reviews appear in the widget. Pending or hidden reviews are never shown publicly.
Tips & Notes #
- The widget pulls reviews live from BookLive — when you approve a new review, it appears in the widget automatically. No need to update the embed code.
- If you change the accent or background color later, just return to the Embed section, adjust the settings, and copy the new code. Paste it in place of the old code on your site.
- The widget is hosted on BookLive’s servers, so it always reflects your current reviews without any maintenance on your end.
- If you use a website builder (Squarespace, Wix, Webflow, WordPress, etc.), look for an Embed, HTML, or Custom Code block to paste the snippet.
