Once you have a few reviews on Sommly, you probably want them showing on your own site too. The Widgets page in your dashboard generates copy-paste embed snippets that pull your live rating and recent reviews onto any HTML page.
There are six visual styles, two embed mechanisms, and a colour picker. None of it requires a developer. Pick a style, paste a snippet, you are done.
Where to find them
From the sidebar open Widgets. The page shows live previews of every variant for your business, plus a target picker so you can switch to any of your individual events and grab event-specific widgets too.
The six styles
Each style is best for a particular spot on your site. They all link out to your Sommly page when clicked.
- Mini badge. Score, stars, review count. Sized for site footers and contact pages.
- Micro combo. Just the stars and a score. The smallest option, ideal for sticky headers or sidebars.
- Horizontal. Wide banner with your logo, name, score, and a "See reviews" CTA. A natural fit for the bottom of a service page.
- Pull-quote. A single, recent review featured large in serif type. Use this on a homepage hero band where social proof needs to be loud.
- Carousel. Up to five recent reviews rotating every six seconds. Good for "What people say" sections.
- List. A vertical stack of recent reviews with the aggregate score on top. Best on a dedicated reviews page.
Theme and colour
The control panel on the left of the page lets you tune each widget without touching code:
- Light or Dark. Light is white card with burgundy accents, ideal on most sites. Dark is wine-dark with warm gold, pairs well with black or photography-led sites.
- Accent colour. Recolours the "See reviews" CTA, brand mark, and "See all" links to match your brand.
- Stars colour. Recolour the rating stars themselves. Defaults to a warm gold that reads well on either theme.
Every preview on the page updates as you pick. The embed snippets below each preview update too, so whatever you copy is exactly what you saw.
Two ways to embed
Each widget card has two tabs above the snippet: iframe and JS snippet. Both render the same widget. Pick whichever is easier for the platform you are pasting into.
- iframe. A single
<iframe>tag with the source already set. Drop it into any HTML editor (Squarespace code blocks, WordPress Custom HTML blocks, Shopify section custom code, plain HTML pages). It just works. Fixed height, you set the width. - JS snippet. A small
<div>plus one<script>tag. The script auto-mounts the widget and resizes it to its content as the content changes (handy for the list and carousel). Use this when you have a place to drop a one-line script tag in your site template.
The JS snippet supports more than one widget on the page. Drop in multiple <div data-sommly-business="..."> blocks; one script tag at the bottom mounts them all.
The SVG badge
Below the colour pickers there is a small SVG badge block. This is a shields.io-style image showing your score and review count. Right-click and copy, or use the snippet underneath, to drop it in:
- An email signature.
- A GitHub README.
- A press kit.
- Anywhere that accepts an image but not iframes or scripts.
It is a live image. The score updates every five minutes as new reviews come in.
When data updates
Widgets cache for five minutes. A new review you receive will appear on every embedded widget within that window without you having to do anything. There is no manual refresh, no API key, no rebuilding your site.
Where to put them
A few patterns work well:
- Footer of every page. The Mini badge or Micro combo. Quiet, persistent social proof.
- Bottom of your booking page. The Horizontal banner just above the "Book now" CTA. The score gives an extra nudge.
- Homepage hero band. The Pull-quote with one of your strongest recent reviews.
- Dedicated reviews page. The List, taking up most of the page. Link to it from your nav.
Limits and quirks
- The Quote and Carousel only show reviews that have written feedback. Star-only reviews still count toward your aggregate but do not appear inside those two variants.
- The List shows your five most recent reviews with a "See all" link to your full Sommly page.
- If you have no reviews yet, every variant shows a tasteful empty state ("No reviews yet" or "Be the first to review"). It is safe to embed before you have your first review.
- Hidden reviews never appear in widgets. The aggregate score uses only published reviews.
Tip