How to Embed Google Reviews Widget on Your Divi Website
Home Blog How to Embed Google Reviews Widget on Your Divi Website

How to Embed Google Reviews Widget on Your Divi Website

how to embed google reviews widget in divi website

Want to embed Google reviews on your Divi website?

As the #1 review platform online, Google is a great source of social proof for your brand. By showing Google reviews, you can boost your sales, build trust in your brand, and more.

But if you’re not familiar with coding, embedding Google reviews on your Divi site can be tough.

The good news is that we’ll show you how to add Google reviews to Divi in just minutes.

But first, let’s see how adding Google reviews can help your brand grow.

Let’s get started!

Why Embed Google Reviews Widget on Your Divi Site

Divi is a popular website builder and WordPress theme that’s used by people to create engaging websites for their brand.

divi wordpress theme

But if you want to convince more visitors, then you can simply add Google reviews to your website.

After all, 54.7% of customers check 4 or more reviews before buying something online.

Since so many people trust Google reviews before buying something online, you can go a step further and embed Google reviews on your site to convert visitors.

google reviews example

That way, these reviews can work as social proof, which can show visitors that real people out there are happily using your products.

Plus, adding fresh Google reviews can be great for your Divi WordPress site’s SEO

Now, let’s look at the ways to embed a Google reviews widget on your Divi site.

Easiest Way to Add a Google Reviews Widget in Divi

If you want to showcase Google reviews on your site, there are 2 options that you can choose from:

  • Manual way: You’ll have to purchase the Google Places API and use coding to connect to the API and fetch the reviews.
  • Easy way: Using a WordPress plugin, you can create widgets to automatically display Google reviews.

As you can see, the manual method can be challenging as well as time-consuming. After all, you’ll need to be familiar with coding or spend money hiring a developer.

google manual review feed

Plus, changing the design of your Google reviews widget can be complicated as well. So, your Google reviews widget might not match the design of your Divi website.

And if something goes wrong, you won’t have a support team to help you out.

Want an easier way? You can use a reviews aggregator plugin like Reviews Feed Pro instead.

reviews feed pro plugin

With the help of Reviews Feed Pro, you can create, customize, and embed review widgets on your site in just a few clicks — no need to touch a single line of code.

In fact, you can simply follow a guided flow, and the plugin will guide you through the whole process.

guided flow reviews feed pro

On top of Google reviews, you can use the plugin to embed reviews from trusted platforms such as Yelp, Tripadvisor, Facebook, Trustpilot, and more.

Another great thing about the plugin is that you get total control over your review widgets.

You can add filters to only show reviews with specific keywords or star ratings. Plus, you can set up your widget to hide reviews with banned words.

select filters reviews feed pro

What’s more, you can even manually choose which reviews to show and which ones to hide. That way, you can make sure your Google review widgets only display high-quality reviews to convert visitors.

The best part?

The plugin comes with an expert support team who are always ready to lend you a hand or answer your questions.

Ready to embed Google review widgets in Divi? Get your copy of Reviews Feed Pro here.

With that, let’s look at the easiest way you can display a Google reviews widget on your Divi WordPress website.

How to Add Your Google Reviews Widget to Divi

All you have to do is follow the step-by-step guide below, and you can have a beautiful Google widget to show reviews on your website.

Let’s get started!

Step 1: Install and Activate Reviews Feed Pro

First, get your copy of the Reviews Feed Pro plugin here and then install the plugin on your website.

Not sure how? You can just take a look at this guide on how to install and activate plugins in WordPress.

Once you’ve installed and activated Reviews Feed Pro, go ahead and move on to step 2.

Step 2: Create a Google Reviews Widget

Now, you can follow the plugin’s guided flow to create a new Google reviews widget with ease.

From your WordPress dashboard area, open the Reviews Feed » All Feeds menu and then click on Add New.

add new button reviews feed

Next, you can choose the review platform for your new widget. There are 6 platforms that you can choose from:

To continue, you can simply select the Google option here and then click on Next.

select google reviews widget

Now that you’ve created a new reviews widget, you can connect it to Google in step 3.

Step 3: Connect Your Reviews Widget to Google

Once you connect your widget to Google, the widget can start fetching your reviews and displaying them on your Divi site.

Ready to get started? First, click on the Add Source button here.

add new source reviews feed pro

Next, you can enter your Google API key, so your widget can connect to Google and regularly check for new reviews.

Plus, you just need to enter your API key once, and the plugin will automatically use it for all of your future Google widgets.

Don’t have an API key yet? You can follow our guide on how to create a Google API key.

After creating the Google API key, return to your website and paste it into the field before clicking on Next.

Or, you can click on Skip if you want to skip entering your API key for now.

insert your api key reviews feed pro.jpg

Next, you can enter the Place ID of a business to connect it to your Google reviews widget. In case you don’t have your Place ID yet, you can go to the official Place ID generator here.

Here, scroll down until you can find a Google map, and then enter the business name and location on the search bar.

enter place name google.jpg

Next, click on the brand’s name from the dropdown menu. Once you do that, the map will open the business and show you the exact location and Place ID.

Just copy the code beside the Place ID field before returning to your website.

Then, you can paste this code into the Place ID field on the popup.

Next, click on the Finish button to add this business as the source for your Google reviews widget.

add your place id create reviews feed.png

Now that you’ve added this source, you can freely use it for any of your future Google widgets on this site.

Finally, select the source and hit the Next button to continue.

confirm source google feeds

Once you do that, the plugin will automatically create a reviews widget that inherits the design of your website.

What’s more, you can easily change the design of your reviews widget with the help of the visual customizer. Just check out the next step to learn now.

Step 4: Customize Your Google Reviews Widget

To help you customize your Google widget with ease, the plugin comes with several pre-built templates that you can import:

  • Default
  • Simple cards
  • Masonry
  • Single review
  • Showcase carousel
  • Carousel
  • Grid carousel

Once you select a template that you like, click on Next.

select your reviews feed template

Just like that, your new reviews widget will automatically copy that template’s design. On top of that, you can also customize your widget in detail using the visual customizer.

After importing a template, the plugin sends you to the visual customizer, where you can find all the design options on the left. That way, you can set your layout, header design, review elements, and more.

live feed editor for reviews feed pro

What’s more, you can track all of your changes in real-time with the help of the live preview on the right.

First, click on Layout to change how the reviews are positioned on your widget.

click on the layout option reviews feed

With this WordPress plugin, you get 3 different layouts with unique looks that you can choose from:

  • List: Make each review clearly visible by showing them in a single column
  • Masonry: Use your widget to show tons of reviews at once and convert more visitors
  • Carousel: Engage your visitors with a beautiful and interactive WordPress Google reviews slider

Once you’ve selected a layout, click on Save to keep your changes.

layout options for google reviews

Now, you can go back to the main customization options to change the design of your reviews widget in other ways.

To do that, click on the Customize button on the top left.

return to main customization options

Just like that, you can change your header design, review elements, button design, and much more. Remember to click on the Save button at the end to confirm your changes.

Once you’ve customized your widget’s design, you can choose which reviews are visible on your site.

To do that, first, click on the Settings tab at the top and then select Filters.

open filter settings reviews feed pro

From here, you can choose to filter your widget by star ratings or keywords. For our example, we’ll add a star rating filter below.

To do that, select the star ratings on the left, and the widget will only display reviews with those specific ratings.

filters for google reviews feed

Once you’re happy with the filters, click on Save to keep your changes like before.

Plus, you can then go ahead and set up banned words or choose to only display reviews with certain keywords from here.

What’s more, Reviews Feed Pro even lets you moderate your widget and manually pick which reviews to show or hide.

After you’re happy with your widget, click on Save once again.

Finally, it’s time for step 5, where we’ll show you how to embed Google reviews widget in Divi free of hassle..

Step 5: Display Google Reviews Widget on Your Divi Site

Since the plugin is super user-friendly, you can start embedding your Google reviews widget directly from the customizer.

First, click on the Embed button in the top right corner.

reviews feed click on the embed button

Next, the plugin will open a popup with all the ways to embed your Google reviews. You can add it to a page, post, sidebar, or your website’s footer.

For now, click on the Copy button to manually copy your shortcode.

copy your shortcode embed elementor yelp reviews

Next, you can use this shortcode to embed the Divi reviews widget.

If you want to embed it on a Divi page, click on the Pages » Add New menu from your dashboard and then click on the Use The Divi Builder button.

Want to use a Divi post instead? You can open the Posts » Add New menu from the dashboard instead.

Now, click on Use The Divi Builder button at the top of the WordPress editor.

add new post in divi

Doing that will open the Divi builder on your website. You can now choose from 3 ways of building your page or post:

  • Start Building: Start from a blank template
  • Browse Layouts: Use a predesigned layout
  • Choose Page: Copy the design of an existing page

To continue, just select the option that you prefer.

choose divi builder option

If you choose to Start Building there, Divi will automatically send you the editor.

From there, you can immediately start embedding the Google reviews widget that you created earlier.

start building with divi editor

Selected the Browse Layouts option instead?

Divi will show you its library of professionally designed layouts that you can choose to import for your page or post.

All you have to do is select a layout that you want to copy.

load layout pack from library divi

Doing that will open a popup with more information about the layout. To get a quick preview, you can click on the View Live Demo button here.

If you want to go ahead and import this design, you can click on the Use This Layout button instead.

import layout for divi

If you select the Choose Page option at the start, Divi will now show you a list of existing Divi templates that you’ve created so far.

To continue, you can just select the option that you prefer.

load from library divi theme

Just like that, you can start building a page or post using the Divi theme’s builder.

Before embedding your reviews widget, you can first add a row that lets you display Divi content.

For that, hit the green plus icon (+) and then click on a row design that you like.

insert row into divi website

With this new row, you’ve created space where you can add your Google reviews widget.

You can start doing that by clicking on the black plus (+) icon on the row.

Next, enter “code” in the search bar on the popup before selecting the Code module below.

code module for divi theme

You can then see additional options for this new module. There, look for the Code field and then paste the shortcode that you copied earlier.

Finally, you can save your new module by clicking on the Checkmark icon below.

paste shortcode google reviews widget in divi

After that, click on the Publish button, and your new Google widget will be online on your Divi site.

To see how the widget looks, you can open your website and see for yourself.

example google reviews widget on divi

And that’s it. 

Now you know how to embed a Google reviews widget on your Divi website. As you can see, it takes only a few minutes with the help of Reviews Feed Pro.

With the help of this widget, you can start boosting your sales, getting more reviews, and growing your business with ease.

Ready to embed Google review in Divi? Get the Reviews Feed Pro plugin today!

Want more ways to boost your sales? You can check out our guide on how to embed a Yelp reviews widget.

And don’t forget to follow us on Twitter and Facebook to stay up-to-date on all the latest social media tips and tricks.

author avatar
Sajjan Sharma Senior Writer
Sajjan has been writing about WordPress, social media marketing, and online businesses for over 10 years. His professional interests extend to include influencer marketing, content curation and digital marketing strategies.

Add a Comment

We're glad you have chosen to leave a comment. Please keep in mind that all comments are moderated according to our privacy policy, and all links are nofollow. Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.