How to Embed Google Reviews on a Website

Our Google Reviews widget allows you to display real customer reviews, rating badges, and a Google link to collect feedback—all in just a few minutes and without any coding. Sounds easy, right? Let’s walk through the steps:

How to publish reviews

Step 1. Add Your Google Reviews to the Widget

Open the widget editor and go to the Source tab—this is where you connect your Google reviews:

Each Google Reviews widget can display one source (one Google location). To combine multiple sources, use our All-in-One Reviews app.

Choose how to connect your reviews:

Newly posted or edited Google reviews may not appear instantly due to caching/update intervals. Learn more here: Why My Google Reviews Are Not Being Updated.

In the Source tab, you can also:

  • Use AI-Generated Summary — let Elfsight analyze your reviews and show a short highlight of what customers mention most.
  • Filter & Sort Reviews — display only the reviews you want, based on rating, specific keywords, and order:
    Related article: Filtering Reviews: How to Include or Exclude Content.

Step 2. Customize the Layout & Style

Use the Layout, Header, Review, and Style tabs to customize the widget’s appearance and ensure it aligns perfectly with your website and brand.

Layout

Pick a layout ( Carousel, Grid, Masonry, List, Slider, or Badges) and adjust width, rows/columns, spacing, autoplay, navigation, and more for both desktop and mobile:

Header

Choose whether to display the Header, pick a header style, and toggle elements like the title, rating, and number of reviews:

Review

Decide which elements each review displays—reviewer name/photo, verified badge, source icon, date, rating, images, and owner reply. Select the review card style you prefer:

Style

Switch between light or dark theme, set your accent color and font, and fine-tune individual elements (background, titles, ratings, buttons) for a polished look:

For a full customization guide, see How to Customize the Appearance of the Reviews Widget.

Step 3. Configure Advanced Settings

In the Settings tab, adjust options that control your widget’s language, structured data, and overall behavior:

  1. Language & Text — choose the display language and edit interface texts.
  2. Auto-Translate Reviews (available for Pro plans or higher) — show reviews in your selected widget language automatically.
  3. Schema — enable Schema.org markup for rich snippets in Google results. For more guidance on structured data, see Troubleshooting Schema in Google Reviews.
  4. External links — allow links to open in a new tab.
  5. Rating format — choose how ratings appear (e.g., 4.9 or 4.90).
  6. Custom JS — add JavaScript for advanced integrations or customizations.

Step 4. Install the Widget on Your Website

Once editing is complete, click Publish in the top-right corner. Then, head to your Elfsight Dashboard, and click Install next to your widget.

You'll see an installation window with three available tabs:


Now your reviews are live on your website—beautifully styled, auto-updating, and ready to boost your visitors’ trust! 🚀

Did this article answer your question? Share your feedback: Thanks for sharing your feedback. It helps us grow! There was a problem submitting your feedback. Please try again later.

Still looking for assistance? Contact Us Contact Us