Do you know of any alternative embed Google reviews codes that I can use for my website on Webflow?

Published on
September 22, 2023

If you are looking for alternative methods to embed Google reviews on your Webflow website, there are a few options available. These methods allow you to display your Google reviews and ratings in a visually appealing way, improving the credibility and trustworthiness of your website. Here are three alternative embed Google reviews codes that you can use for your Webflow site:

  1. Embedding Google Maps

    One way to display Google reviews on your Webflow site is by embedding a Google Map. This method not only showcases your business location but also includes your reviews. Here's how to do it:

  • Go to Google Maps and search for your business.
  • Click on your business listing and go to the Reviews section.
  • Locate the "Share" button and click on it.
  • In the popup that appears, choose the "Embed a map" tab.
  • Configure the appearance of the map, including the size and the level of detail you want to show.
  • Copy the generated code and paste it into your Webflow website using the Embed element or an HTML widget.
  • Save and publish your changes.
  1. Using a Google Reviews Widget

    Another option is to utilize a third-party Google Reviews widget that provides an easy way to embed your reviews. These widgets typically offer customizable designs and functionality. Here's how to use a Google Reviews widget:

  • Search for a reliable and reputable Google Reviews widget provider such as Trustpilot, EmbedSocial, or Elfsight.
  • Sign up and create an account if necessary.
  • Configure the widget settings, including the integration with your Google My Business account.
  • Customize the widget's appearance to match your website's design.
  • Copy the provided embed code.
  • In Webflow, use the Embed element or an HTML widget and paste the code into your desired location on the page.
  • Save and publish your changes.
  1. Creating a Custom Reviews Section

    Lastly, you can manually create a custom reviews section on your Webflow site using Webflow interactions and CMS collections. This option requires some coding knowledge or assistance from a developer, but it allows you to have full control over the design and functionality of your reviews section. Here are the general steps to follow:

  • Set up a CMS collection in Webflow to store your Google reviews' data, including fields for the reviewer's name, rating, comment, and date.
  • Create a dynamic list in Webflow that pulls data from the CMS collection.
  • Design the layout for your reviews section using Webflow's designer tools.
  • Use custom code or Webflow interactions to style and animate your reviews.
  • Use the Google Places API or a similar API to fetch and populate your CMS collection with reviews from your Google My Business account.
  • Publish your Webflow site to see the custom reviews section in action.

With these alternative embed Google reviews codes, you can choose the method that best suits your needs and seamlessly integrate your Google reviews into your Webflow website, enhancing your online presence and customer trust.

Additional questions:

  1. How do I embed my Google reviews on Webflow?
  2. Are there any third-party widgets for displaying Google reviews on a Webflow site?
  3. Can I create a custom reviews section on my Webflow website using CMS collections?