---
title: "Google Review Badge — Framer component · Best of Framer"
description: "$12.00 · Framer component · by Kai Studio · Buttons. Real-Time Google Reviews"
canonical: "https://framer.elliotli.dev/component/google-review-badge"
---

[Home](/)/[Components](/components)/[Buttons](/components/category/buttons)/Google Review Badge

# Google Review Badge

Real-Time Google Reviews

[View on Framer](https://framer.com/marketplace/components/google-review-badge/?via=elliot-li)

![Google Review Badge preview image 1](https://framer.elliotli.dev/og/component/google-review-badge/de6b12aab8d9ff30/1600x1200.jpg)

## Summary

Real-Time Google Reviews

## Description

**This component is Part of the  Essential Components plugin.** Browse and insert 30+ components directly in Framer. [Start for free](https://www.framer.com/marketplace/plugins/essential-components/preview/)

[![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-91749lli-CMR1o2M25fk3mzIajtobk37vmILZZ2)](https://www.framer.com/marketplace/plugins/essential-components/)

### Google Reviews Badge

Show your **live Google rating and review count** directly on your website and turn your reputation into powerful social proof.

The Google Reviews Badge displays your Google rating in a clean, professional badge that builds instant trust with visitors and helps increase conversions.

Instead of asking customers to search for your reviews on Google, this component brings them directly onto your **homepage, landing pages, or service pages**, so visitors can immediately see how highly your business is rated.

The badge pulls **real-time review data**, meaning your rating and review count automatically update whenever new reviews are posted on Google. Your website always reflects your latest reputation without manual updates.

It also includes a **“Leave a Review” button**, making it easy for satisfied customers to submit feedback and helping your business collect more reviews over time.

### How to Use the Component

**1\. Get Your Google Place ID**

Every business on Google Maps has a unique **Place ID**.

To find yours:

-   Go to the [**Google Place ID Finder**](https://developers.google.com/maps/documentation/places/web-service/place-id)
    
-   Search for your business
    
-   Copy the **Place ID**
    

### 2\. Add the Component to Your Page

Drag the **Google Reviews Badge** onto your page. Great places to use it include:

-   Homepage
    
-   Landing pages
    
-   Service pages
    
-   Checkout pages
    
-   Booking sections
    

### 3\. Paste Your Place ID

In the component settings:

-   Paste your **Place ID** into the **Place ID field and press Enter so you dont have to refresh your page**
    

![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-8vx0an17-MbjaIiYnXtXL3y5JuSLLQjsjtIrtow)

Your **live Google rating and review count** will appear automatically.

### 4\. Customize the Design

Adjust the badge to match your website:

-   Star color
    
-   Card style
    
-   Typography
    
-   Button style
    
-   Border radius and shadows
    

**Perfect For**

-   Local businesses
    
-   Restaurants and cafés
    
-   Agencies and freelancers
    
-   SaaS companies
    
-   Service-based businesses
    

## Rank history [How rankings work →](/terms#rankings)

-   All · #1310

## Details

- **Author**: Kai Studio
- **Price**: $12.00
- **Published**: 2026-03-31
- **Updated**: 2026-10-12
- **Added**: 2026-03-17
- **Categories**: Buttons

## More like this

-   [Eye Glow Button](/component/eye-glow-button) — Frame Native · Free — Cursor-following eyes, soft glow
-   [Dash Stretch Button](/component/dash-stretch-button) — Pentaclay · Free — Animated Hover Button With a Dash
-   [Nova Theme Toggle](/component/nova-theme-toggle) — Shouvik Biswas · $12 — Three-Mode Theme Toggle
-   [Nabby: Copy Button](/component/nabby-copy-button) — Francesco Gallo · Free — Plug in your button, copy anything