How To Embed Google Reviews Widget On Your Website — Full Guide

Google reviews can add much-needed social proof to any site. They provide useful information about the experiences that others have had with your business and help you stand out. 

Customers don’t even need a Gmail address to leave a review. According to research from BrightLocal, 88% of consumers trust user reviews, which is the same as the number of people who trust personal recommendations. 

Needless to say, adding a widget that shows regularly updated Google reviews on your site is one of the best ways to improve conversions. In this article, we’re going to show you how to embed the Google reviews widget on your website. Let’s get started! 

1. Get a Reliable Addon To Include Google Reviews on Your Site

theplusaddons homepage

Elementor makes it easy for users to add reviews to your site using a simple addon. There are tons of different addons that you can choose from, all of which enhance Elementor’s functionality in some way.

One of the best choices for adding a Google Reviews widget is The Plus Addons for Elementor. The Plus Addons for Elementor were developed by POSIMYTH, and are a collection of more than 120 widgets, 300+ UI essential blocks and 18+ deploy-ready templates. 

Essentially, with this addon, you can add reviews manually, or curate them from Google as well as your Facebook page too. It also offers greater customization options for designers at no cost! 

You don’t need any technical knowledge to incorporate these addons on your WordPress website. It’s a fully plug-and-play solution, and it’s ideal if you want to enhance the functionality of your site. 

By default, Elementor itself comes with a ton of functionality. However, the Plus Addons add a lot more, and they are fully compatible with popular WordPress themes like Nexter, OceanWP, GeneratePress, Astra, and many others.

You can get The Plug Addons for Elementor WordPress plugin, and significantly improve the design and user experience for your website!

Activate The Plus Addons

Once you download the plugin, the next step is to activate it. While a free download is available, you will want to purchase the full license as it gives you access to the full set of widgets and extensions.

theplusaddons pricing

The Plus Addons for Elementor start from $31 per year for a single site license, and gives you a year of updates. You also get a 60 day money back guarantee, so your purchase is secure! 

There’s also the option to make a lifetime purchase, which costs $119. 

Once you download the plugin, the next step is to activate your license. Simply select ThePlus Settings from the WordPress navigation menu, and click on Activate. You can add your license key to activate your copy, as shown below.

theplus settings licence The Plus Addons for Elementor

2. Activate the Social Reviews Widget

social reviews widget

Now that your copy is activated, the next step is to activate the Social Reviews widget. Click on Plus Widgets, and you’ll see all of the widgets that you can activate on your site. 

Scroll down until you find Social Reviews, and toggle it on. You will have to save your changes for them to take effect.

save changes for social review widget

Now, the Social Reviews Widget will be accessible from Elementor!

3. Adding the Widget To Your Site Using Elementor

Now, just search for the Social Reviews Widget from the Elementor menu (as shown below).

social reviews widget from Elementor menu

Simply drag the widget to a suitable position on your website, and you can then customize it as you see fit. From the Social Reviews menu on the left, you can choose from three options:

  • Facebook
  • Google
  • Manual

The first two are self-explanatory, whereas Manual lets you upload reviews individually by adding a username, the review message, date, and even assign a rating value. 

To get started, you’ll need the Google Maps Platform API and the Places API. The Places API is used for sending place requests, such as Place Details, which returns information about specific businesses, including reviews about them.

Ideally, you should have an API key to authenticate requests to the Google Maps Platform APIs. If you haven’t got an API key yet, here’s how the reviews will appear:

google error no 200

To create an API key, here are the steps you should follow:

  1. First, go to the Google API Library.
Google API Library

2. Now, activate the Places API and the Maps Javascript API. 

3. You’ll see an API enabled mark once you have activated it.

places API

4. Once enabled, go to Credentials from the left navigation menu. And, click on Create Credentials. You’ll see the generated API key, as shown below.

your api key from google api library The Plus Addons for Elementor

5. Copy the API key, and paste it under Access Token. 

6. Now, the next step is to create a Place ID. For this purpose, you can use the Place ID finder. For instance, shown below is the Place ID for POSIMYTH Innovations.

place id maps The Plus Addons for Elementor

7. Copy the Place ID and paste it into the appropriate section. 

And, that’s it! Once you do, you’ll be able to see Google Reviews showing up on your website too!

Important Note About The API & Your Customers’ Data

We feel it’s important to note a couple of things with regard to the use of this API, as we do receive a number of similar questions.

Once your API has been added the Reviews Widget will be able to pull Google reviews across to your website dynamically. So, if you wish, it can automatically check for any new reviews that have been posted, and publish them immediately on your website.

You can filter these, of course, so for example you may wish to only have reviews published if they include a minimum number of stars. However, you can set the Widget to work manually instead, so that you can manually approve reviews for display on your website.

A second point worth mentioning is that no data or credentials are collected by us at all. The Google Reviews Widget is 100% GDPR compliant, as all of the data relating to your API keys is stored on your own WordPress server. No data of any kind is ever sent to The Plus Addons for Elementor.

4. Customize The Google Reviews Widget

You can choose from three built-in styles, customize the layout (choose from grid, masonry, and carousel), and even select different style layouts.

The Grid Layout

The Grid layout will show all of your reviews in multiple rows, with each row being the height of the tallest item. As you can see in the image below, the height of each review box may be slightly different, but the tops of every row are lined up regardless.

the grid layout of google reviews widget

The Masonry Layout

The Masonry layout is similar to the grid layout, but with one main difference. The reviews are displayed in columns, with a fixed gap between each review, but this means that as reviews are different heights, the rows will not be at the same level. This means that you have less empty white space on the screen, and more reviews can be visible. This is especially useful if you have some longer reviews and others much shorter.

masonry layout of google reviews widget

The Carousel Layout

The Carousel layout is entirely different, and a very popular choice, especially where space may be limited on the page. With this layout a limited number of reviews are displayed on a single row, which takes up much less space on the page. But the reviews periodically slide to the left, introducing the next selection.

Visitors can click on the dots at the bottom to go back to a previous selection of reviews, or jump further ahead.

Using this layout you can ensure a high number of reviews are visible, without sacrificing too much space on the page. If you enable the carousel to automatically load each new selection of reviews, this adds a nice movement which helps to catch the eye.

carousel layout of google reviews widget

You also have the option of displaying both reviews from multiple sources, such as Facebook and Google (or another source) combined.

reviews from multiple sources on social reviews widget

Note: The Google API restricts the maximum number of results to 5 initially, but over time, it’ll automatically increase to the Max results as you’ve selected. 

You can also define categories for your reviews, which makes it easy for users to filter through them based on what they’re looking for. You can even take this further by adding multiple Google Reviews if, for example, you are a business owner with multiple stores, and want to show different reviews for ‘Bakery of London’, ‘Bakery of America’ and such like.

You also have the option to lazy load reviews, which is a good idea if you want to optimize your website for speeds.

Other options include:

  • Setting the refresh time 
  • Limiting character count 
  • Content scrolling bar
  • Column management
  • Performance management 
  • Setting a minimum threshold for negative review stars to be shown

Performance Management

A particularly powerful and useful feature included relates to performance management. One of the concerns some people have is that if every visitor loads up a page that contains thirty reviews, then that would translate to a huge number of HTTP requests to Google’s Reviews service, which could potentially harm site speed and ranking. However, we have taken care of this with Transient. 

Transient are files which the Widget creates locally on your WordPress server, and in these files are stored all of the data for your reviews. It is these local files which are then fed into the web page, meaning that once they have been fetched from the Google API, they don’t need to be immediately fetched again for the next visitor.

The Transient is set to automatically expire after a period of time, after which the new review data is fetched, and this happens at regular intervals. This ensures your reviews are kept up to date, but not by sacrificing server speed or HTTP requests.

Filtering Out Negative Reviews

Once you select the basics, you can improve the way reviews are presented too. There are lots of options to choose from, such as:

  • Custom typography for usernames, messages, and time
  • Color choice
  • Borders
  • Profile radius
  • Content, footer, and header padding
  • Box shadows
  • Backgrounds
editing weight of social reviews widget

You can even add motion effects, including entrance animations, to further improve the presentation. And, you can always add custom CSS code to the Social Reviews widget. 

That’s it! You’ve now embedded the Google Reviews widget on your website without writing a single line of code!

Is It Possible To Add Google Reviews Without 3rd Party APIs?

Yes it is! The Plus Addons for Elementor Google Reviews Widget has two modes – automatic and manual. We have covered the automatic mode in this article, which will allow the widget to pull reviews from Google, filter them as you require (such as minimum star ratings) and then publish them live on your site.

However, if you would prefer not to use any 3rd party APIs then the widget can be used in manual mode. This will allow you to copy the review content manually into the template, and then have this displayed on your site.

This gives you full control over the reviews on your website, without any need for 3rd parties or APIs, although it won’t of course update with any new reviews – that’s something you’ll need to do manually each time.

Why Add a Google Reviews Widget To Your Site?

There are several reasons why you should consider adding a Google Reviews widget to your site. Here are just a few reasons.

Improve Your Website’s Credibility

Google is an established platform, and the reviews are pulled from the Maps API. Since these are mainly added by people who have interacted with your brand before, it’ll add significant credibility to your platform.

Turn Satisfied Customers into Brand Ambassadors

Brand advocacy is what sets good businesses apart from the great ones. The latter often find a way to turn their best customers into brand ambassadors. With a Google Reviews widget, you can do just that. 

If a customer’s on the fence about whether they should buy from you or not, these reviews might be just what they need to go ahead with their purchase!

Reduce Bounce Rate

People who are looking for more information about your products or services might stay longer on the site to read reviews from other customers. Essentially, you’re looking at better user engagement, which ultimately reduces bounce rate for your site.

Improved SEO

Bounce rate is one of the many signals that Google uses to determine a website’s ranking. As users start spending more time on your site, you’ll notice its domain authority rising too. SERP rankings will improve, which means more traffic!

After Action Report – Embed Google Reviews To Build Trust

Once you’ve added your Google Reviews widget you’ll immediately start making a real difference to the confidence in which new visitors and potential customers see your business. But that’s not the end. The next challenge is to actually get those reviews in the first place, and to keep positive reviews coming.

For this you’ll need to think about strategies for encouraging past and current customers to leave reviews, and you can learn more about this from Google’s own support page about getting Google Reviews, as well as reading this guide which teaches 16 easy ways to get more Google reviews.

If your business caters to local customers, then you’ll want to take advantage of your Google Maps connection by reading this guide to optimizing for local SEO. We also recommend this article on creating an effective local SEO strategy.

Get 120+ Powerful
Widgets for Elementor

Very good collection of Elementor-Extending Widgets. The support is very fast and always there to help you. - familyagency
★★★★★

Leave Your Comment

X