How to Add Google Reviews to Your Website

Why Display Google Reviews on Your Website?

Adding Google reviews to your website can boost your credibility instantly. It helps:

• Build trust with new visitors

• Improve SEO by showing engagement

• Increase conversions with social proof

• Encourage more customers to leave feedback

Whether you’re a local business, SaaS startup, or freelancer, integrating your reviews is a simple win.

Step 1: Set Up Your Google Business Profile

If you haven’t claimed your business:

1. Visit Google Business Profile

2. Sign in and search for your business

3. Follow steps to claim and verify

Once verified, you’ll be able to collect and display reviews.

Step 2: Get Your Google Place ID

This ID is needed to fetch reviews through widgets or APIs.

1. Go to the Place ID Finder

2. Type your business name or address

3. Copy the Place ID shown under your business name

Step 3: Choose a Display Method

You can show reviews on your website in 3 main ways, depending on your skill level and platform.

Option A: Use a Widget (No-Code Option)

This is the easiest way. Tools like Elfsight or EmbedSocial give you a ready-made widget with no coding.

🔧 Steps (Using Elfsight):

1. Go to Elfsight Google Reviews

2. Sign up and create a widget

3. Enter your Google Place ID

4. Customize the look (card layout, slider, etc.)

5. Generate an HTML embed code

6. Copy and paste it into your site (HTML block or CMS section)

✅ Where to Paste the Code:

<!-- Paste this in your website's HTML body -->
<div id="google-reviews-widget"></div>
<script src="https://apps.elfsight.com/p/platform.js" defer></script>

This works on Webflow, WordPress (via HTML block), Shopify, Squarespace, and more.

Option B: Add Static Reviews Manually

If you want full design control or need a lightweight solution:

💡 Example Code:

<div class="google-review">
  <p>"Best haircut I've ever had! The staff was super friendly."</p>
  <strong>– Jane D.</strong>
  <span>★ ★ ★ ★ ★</span>
</div>

You can style this with CSS:

.google-review {
  background: #f9f9f9;
  padding: 1em;
  border-left: 4px solid #4285F4;
  margin: 1em 0;
  font-family: sans-serif;
}
.google-review span {
  color: #fbbc04;
}

Great for testimonials pages or landing pages. But note: reviews won’t update automatically.

Option C: Use Google Places API (For Developers)

Want full control and dynamic updates? Use the Google Places API.

🔐 Step 1: Get an API Key

1. Go to Google Cloud Console

2. Create a project and enable Places API

3. Go to Credentials > Create API Key

4. Restrict it to your domain for security

🔍 Step 2: Fetch Reviews With Place Details API

Here’s a sample fetch request (client-side):

const apiKey = 'YOUR_API_KEY';
const placeId = 'YOUR_PLACE_ID';
const url = `https://maps.googleapis.com/maps/api/place/details/json?place_id=${placeId}&fields=reviews&key=${apiKey}`;

fetch(url)
  .then(response => response.json())
  .then(data => {
    const reviews = data.result.reviews;
    reviews.forEach(review => {
      console.log(review.author_name + ': ' + review.text);
    });
  });

Note: Due to CORS, this should be handled server-side or through a backend proxy.

🛠️ Example (Node.js Backend)

const axios = require('axios');

async function getGoogleReviews() {
  const response = await axios.get(
    'https://maps.googleapis.com/maps/api/place/details/json',
    {
      params: {
        place_id: 'YOUR_PLACE_ID',
        key: 'YOUR_API_KEY',
        fields: 'reviews',
      },
    }
  );

  return response.data.result.reviews;
}

getGoogleReviews().then(console.log);

Display them on the frontend using templating or via JSON fetch to your backend route.

Tips for Best Results

• Show 3–5 reviews to avoid clutter

• Include reviewer’s name and star rating

• Update regularly if showing manually

• Place near product pages, CTAs, or contact forms

• Encourage new customers to leave reviews via QR or email

Frequently Asked Questions

Can I show only 5-star reviews?

Google’s policy discourages cherry-picking reviews without context. Use filters responsibly.

Does the API cost money?

Google offers a generous free tier (up to 1,500 requests/day), but pricing applies beyond that. Check Google Maps Platform pricing.

Can I embed reviews on Wix or Squarespace?

Yes, use Elfsight, SociableKIT, or similar third-party widgets that work across all platforms.

Final Thoughts

Google reviews are trusted by billions. Adding them to your website can:

✅ Increase conversions
✅ Improve SEO
✅ Build trust from real users

Whether you go with an easy no-code widget or a custom-coded API integration, it’s worth doing today.

Browse the best websites on the Internet

Discover creative and modern website designs.

Explore websites