Google Reviews have become an essential part of online business success. Positive reviews influence consumer decisions, so displaying them on your website builds trust and credibility with potential customers.
Best Used For:
- Local business websites (restaurants, hotels, dental clinics) that want to embed verified Google customer ratings
- WooCommerce stores that need social proof from Google star ratings to build buyer confidence
- Service agency landing pages where Google ratings directly influence lead conversion
With the Social Reviews widget from The Plus Addons for Elementor, you can show Google reviews on your Elementor website.
To check the complete feature overview documentation of The Plus Addons for Elementor Social Reviews widget, click here.
Requirement – This widget is a part of The Plus Addons for Elementor. Make sure it is installed and activated to use all its features.
To show Google Reviews with the Social Reviews widget from The Plus Addons for Elementor, you have to create a Google Places API Key and a Place ID.
Create a Google Places API Key
1. Go to Google Cloud console to create a project, if you do not have one.
2. Once the project is created, click on the Hamburger icon > APIs and services > Credentials from the dashboard.
Note: If you have an existing project, you can directly go to the Credentials page.
3. Then go to Library.
4. In the search bar, search for Places API and click on Places API, then click Enable.
5. On the next screen, add your billing details if not added already.
Note: If you have an active billing, you can skip to step 7.
Add your billing account name and select your country, then click on the Continue button.
6. On the next page, add your billing details. Select the account type, add tax details, personal details, and add a payment method.
Then click on the Submit and Enable Billing button.
7. Once the billing is set up, go back to the project dashboard. From the listed APIs, click on the Maps JavaScript API and enable it.
Note: You can also directly search for the Maps JavaScript API in the Library.
8. Then click on Credentials on the sidebar.
9. On the next page, click on + CREATE CREDENTIALS > API Key at the top.
10. You will see your API key in a popup. Copy the key to a notepad.
Find a Place ID
1. Go to Place ID to find a Place ID.
2. In the map search field, search for the location whose reviews you want to display.
3. You will find the Place ID of that location in a tooltip. Copy the ID to a notepad.
Use the Social Review Widget
Now add the Social Reviews widget to the page and follow the steps:
1. From the Type dropdown, select Reviews, then select the appropriate layout and style for the reviews.
2. Go to the Social Reviews section and open the item.
3. Select Google from the Source dropdown.
4. Then add your API Key and Place ID in the Access Token and Page/Place ID fields respectively.
Also Read, How to Show Social Reviews in Carousel Slider in Elementor
You will now see Google reviews from that specific location. Refine the results using the remaining settings.
Change the review icon from the Rating Icon section.
In the Category (For Filter) field, add a category name to filter reviews by category.
In the Max Results field, set how many reviews you want to display.
With the free Google Places API, you can only show a maximum of 5 reviews, regardless of the number set in the Max Results field.
To display more than 5 reviews, enable the Performance toggle from the Performance tab. This saves all Google reviews in the database, so as you receive more reviews over time, you can display more on your site.
Note: Make sure not to delete the Transient. This will delete all the reviews from the database, and you will only see 5 reviews.
From the Extra Options tab, set the refresh time to load new reviews periodically.
Suggested Read: How to Add Reviews Manually in Elementor.
