Google Reviews Widget Builder

The root URL of your Vercel deployment. Used to generate the embed snippet.

Paste the URL from your Google Business listing or Google Maps.

Server-side API key required

Add GOOGLE_PLACES_API_KEY to your .env.local for local dev, and as an environment variable in your Vercel project settings before deploying.

1 / 4

Live Preview

Using mock data - connect your Place ID to see real reviews

4.7
312 reviews
5
4
3
2
1
Google Reviews
SJ
Sarah Johnson
2 weeks ago

Absolutely amazing experience! The team was professional, friendly, and went above and beyond to make sure everything was perfect. Highly recommend to everyone looking for quality.

MC
Michael Chen
3 weeks ago

Great service overall. A few minor hiccups along the way but nothing that affected the final result. Would definitely use again and recommend to others.

EW
Emma Williams
1 month ago

Outstanding from start to finish. The entire process was smooth and hassle-free. The quality exceeded my expectations by a wide margin.

JR
James Rodriguez
1 month ago

Five stars all around. Prompt, professional, and delivered exactly what was promised. Will definitely be back for more.

LT
Lisa Thompson
2 months ago

Very satisfied with the results. The staff was knowledgeable and helpful throughout the whole process. Small room for improvement on turnaround time.

DP
David Park
2 months ago

Exceptional quality and service. I was genuinely impressed by the attention to detail and care taken at every step of the process.

Preview using mock data. Connect your Place ID to see real reviews.

Ready to embed?

How to use this snippet

Paste this code into any HTML page where you want the reviews to appear. The widget loads your reviews from your Vercel deployment and renders them automatically.

Note: Update the Deployment URL in the Setup tab with your Vercel URL before copying the final snippet.
HTML
<!-- Google Reviews Widget -->
<div id="gr-widget-container"></div>
<script
  src="https://YOUR-DEPLOYMENT.vercel.app/widget.js"
  data-place-id="YOUR_PLACE_ID"
  data-theme="light"
  data-layout="grid"
  data-max-reviews="6"
  data-min-rating="1"
  data-sort-by="recent"
  data-show-photos="true"
  data-show-date="true"
  data-show-google-logo="true"
  data-truncate-text="true"
  data-show-overall-rating="true"
  data-accent-color="#4285F4"
  data-star-color="#fbbf24"
  data-border-radius="12"
  data-font-family="inherit"
  data-card-style="shadow"
  data-grid-columns="3">
</script>
Attribute reference
data-place-idYour Google Place ID (required)
data-themelight | dark | auto
data-layoutgrid | list | carousel | masonry
data-max-reviewsNumber of reviews to display (1-10)
data-min-ratingMinimum star rating to include (1-5)
data-sort-byrecent | highest | lowest
data-show-photosShow reviewer profile photos (true | false)
data-show-dateShow review dates (true | false)
data-show-google-logoShow Google icon on cards (true | false)
data-truncate-textTruncate long reviews with Read more (true | false)
data-show-overall-ratingShow overall rating summary at top (true | false)
data-show-write-reviewShow "Write a Review" CTA button (true | false)
data-accent-colorAccent/button color hex (e.g. #4285F4)
data-star-colorStar fill color hex (e.g. #fbbf24)
data-border-radiusCard corner radius in px (0-24)
data-font-familyinherit | system | Inter | Roboto
data-card-styleshadow | bordered | flat
data-grid-columnsDesktop column count for grid layout: 2 | 3 | 4
data-carousel-autoplayAuto-advance carousel slides (true | false)
data-carousel-speedAuto-play interval in seconds (2-10)
data-animationCard entrance animation: none | fade