A floating Google reviews badge is a compact badge fixed in the corner of the page that keeps your Google rating in view as visitors scroll. It combines the Google logo, review score, star rating and total review count in one small overlay.
What the floating Google reviews badge shows and where to place it
A floating Google reviews badge is a small overlay that shows your Google star rating and review count while it stays in place on screen. It pulls the numbers from your Google Business Profile, so the badge matches what people see on Google.
Use it when your rating is a strong reason to buy, book or call, but a full reviews section would take too much room. It supports CTAs, hero sections, product pages and pricing blocks from one spot.
This template is built for a quick glance: score, stars and review count. If you want visitors to read reviews without leaving the page, the expandable Google reviews badge opens into a panel with review previews and a Write a review button.
You can compare all badge formats on the Google reviews badge page.
- Homepage: first-time visitors see your rating before they read a word of copy.
- Pricing page: a visible score reassures people at the moment they compare plans.
- Product pages: the rating stays on screen as shoppers scroll from photos to the buy button.
- Landing pages: ad traffic gets proof on every scroll without an extra section.
How to add a floating Google reviews badge to your website
- Connect your Google reviews in EmbedSocial.
- Choose the Floating Google Reviews Badge template.
- Customize the visible score, stars, review count, and badge styling.
- Set where the badge should appear on the page.
- Copy the embed code.
- Paste it into your website, landing page, or CMS and publish.
WordPress
- Copy the embed code from EmbedSocial after step 5.
- Decide the scope. For one page, open it in the block editor and add a Custom HTML block. For every page, paste the code into a site-wide area, such as a footer widget area.
- Paste the code and save or update.
- Open the live site on desktop and on a phone. Check that the badge sits in the corner you chose and doesn’t cover a chat button or cookie banner.
Shopify
Go to Online Store > Themes > Customize and add a Custom Liquid section. Paste the embed code and save. The badge floats over the page wherever the section sits.
Wix
Add an Embed a Site or HTML iFrame element (the name depends on your editor version). Paste the code and publish.
Squarespace
Edit the page and add an Embed block. Paste the code into its code field and save.
Floating badge vs other layouts
| Layout | Best for | Shows | Template |
|---|---|---|---|
| Floating badge | Site-wide rating at a glance | Score, stars and review count in a corner | Floating Google Reviews Badge |
| Expandable badge | Letting visitors read reviews in place | A badge that opens a panel with review previews | Expandable Google Reviews Badge |
| Small inline badge | Headers, footers and checkout | Google icon, rating and stars in a pill | Small Google Reviews Badge |
Floating vs inline review badges
A floating badge stays fixed in a corner and follows the visitor down the page. One snippet keeps your rating in view at every step.
An inline badge sits in one spot in your layout, such as a header, hero or next to a button. Pick inline to tie the rating to a single CTA, and floating to keep it on screen for the whole visit.
