Holiday Sale 40% Off : Grab Your Deal Now!

Divi Google Reviews Module

The Divi Google Reviews Module displays up to the 5 most relevant reviews from Google for your business or location. This module helps showcase customer feedback directly on your website, providing social proof and enhancing credibility. It pulls real-time reviews and ratings but is limited to showing only the most recent or relevant ones, ensuring the content stays fresh and concise.

Google Places API Key

Google Maps Platform products are secured from unauthorized use by restricting API calls to those that provide proper authentication credentials. These credentials are in the form of an API key – a unique alphanumeric string that associates your Google billing account with your project, and with the specific API or SDK.

This guide shows how to create, restrict, and use your API Key for the Google Maps Platform. You can follow the instructions directly from here: Get an API key

Before you begin

Before you start using the Maps JavaScript API, you need a project with a billing account and the Maps JavaScript API enabled. To learn more, see Set up in Cloud Console.

Create API keys

The API key is a unique identifier that authenticates requests associated with your project for usage and billing purposes. You must have at least one API key associated with your project.

To create an API key:

  1. Go to the Google Maps Platform > Credentials page.Go to the Credentials page
  2. On the Credentials page, click Create credentials > API key.
    The API key created dialog displays your newly created API key.
  3. Click Close.
    The new API key is listed on the Credentials page under API keys.
    (Remember to restrict the API key before using it in production.)

Restrict API keys

Google strongly recommends that you restrict your API keys by limiting their usage to those only APIs needed for your application. Restricting API keys adds security to your application by protecting it from unwarranted requests. For more information, see API security best practices.

To restrict an API key:

  1. Go to the Google Maps Platform > Credentials page.Go to the Credentials page
  2. Select the API key that you want to set a restriction on. The API key property page appears.
  3. Under Key restrictions, set the following restrictions:
    • Application restrictions:
      1. To accept requests from the list of websites that you supply, select HTTP referers (web sites) from the list of Application restrictions.
      2. Specify one or more referrer websites. You can use wildcard characters to authorize all subdomains (for example, https://*.google.com accepts all sites ending in .google.com when accessed over HTTPS). Note that if you specify www.domain.com, it acts as a wildcard www.domain.com/*, and authorizes any subpath on that hostname. Specify https:// and http:// referrer schemes as-is. For other URL protocols, you must use a special representation. For example, format file:///path/to/ as __file_url__//path/to/*. After enabling websites, be sure to monitor your usage, to make sure it matches your expectations. The following protocols are supported: about://, app://, applewebdata://, asset://, chrome://, content://, file://, ftp://, ionic://, local://, ms-appx://, ms-appx-web://, ms-local-stream://, prism://, qrc://, res://, saphtmlp://.
    • API restrictions:
      1. Click Restrict key.
      2. Select Maps JavaScript API from Select APIs dropdown. If the Maps JavaScript API is not listed, you need to enable it.
      3. If your project uses Places Library, also select Places API. Similarly, if your project uses other services in the JavaScript API (Directions Service, Distance Matrix Service, Elevation Service, and/or Geocoding Service), you must also enable and select the corresponding API in this list.
  4. To finalize your changes, click Save.

How to generate and restrict API keys for Google Maps Platform

You can watch this video to learn how to create and restrict API keys for the Google Maps Platform. It’s an official video from the Google Maps Platform, and we’ve embedded it here directly from their YouTube channel.

Integration

After generating the API key you have to integrate the API key.

  1. Click “Divi Torque” from your WordPress dashboard.
  2. Click Settings.
  3. Go to the integration.
  4. Insert the key on “Google Places API Key” and hit the save button.

Add Place or Business 

After inserting and saving the API key you have to add your business name. 

  1. Click “Divi Torque” from your WordPress dashboard.
  2. Click Google Reviews.
  3. Click the “Add business” button 
  4. Insert your business name and hit the search button.
  5. Select and add your business.

Same Business Name on Different Locations

If you have multiple business locations and want to showcase reviews from a specific location, these instructions will guide you on how to search for your business with its location, copy the relevant address, and add it to the Divi Google Reviews Module, ensuring only reviews from the desired location are displayed on your website.

  1. Go to Google Maps and search your business name with the location name ( e.g. Denny’s Washington)
  2. Click the search result on your business name with the appropriate location. (e.g we are selecting 1250 Bla.. from the search result)
  3. Copy the address.
  4. Click “Divi Torque” from your WordPress dashboard.
  5. Click Google Reviews.
  6. Click the “Add business” button 
  7. Insert your business name and the copied address and click the search button. (e.g. Denny’s 1250 Bladensburg Rd NE, Washington, DC 20002, United States)
  8. Select and add your business.

Content

In the Google Reviews module, the Content tab allows you to configure and manage the settings for displaying your reviews.

General

  1. Place – Specifies the location for which the reviews will be displayed.
  2. Number of Reviews – Determines how many reviews to show, limited to the most relevant five.

Layout

  1. Layouts – Allows you to choose from different display options: list, carousel, grid, or marquee.
  2. Space Between Cards – Adjusts the spacing between individual review cards for better visual separation.

Card

  1. Show Reviewer Name – Toggles the visibility of the reviewer’s name for enhanced credibility.
  2. Show Avatar – Displays the reviewer’s profile picture or icon next to their review.
  3. Show Date – Indicates the date the review was posted, adding context to the feedback.
  4. Show Rating – Reveals the star rating given by the reviewer to highlight their overall satisfaction.
  5. Show Review Source – Displays the source platform of the review, providing transparency to the audience.
  6. Show Image – Option to display an image associated with the review, enriching the content.
  7. Show Button – This allows the addition of a button for further action, such as viewing more details.
  8. Elements Alignment – Choose the alignment of review elements: left, right, or center for optimal layout.
  9. Review Text – Select the type of review text to display: short, full, or custom based on your preference.

Settings

  • Enable Schema.org Markup – Toggles the implementation of structured data to enhance search engine visibility and improve SEO performance.

Design

The Design tab provides options for customizing the appearance of the reviews, such as adjusting the layout, spacing, fonts, and colors to match your website’s design.

FAQ: Divi Google Reviews Module

The FAQ addresses common questions about the Divi Google Reviews Module.

1. Why do I see only 5 reviews even in this Business version?

The Divi Google Reviews Module relies on the Google Places API to fetch reviews. Unfortunately, the API is limited to displaying the 5 most relevant or helpful reviews at a time. When Google updates the selection of these reviews, the plugin automatically adds the new ones to your database, gradually building a repository of feedback over time. This limitation is set by Google and not by the plugin.

2. How does the plugin handle review updates?

The plugin automatically updates your database when Google changes the most relevant reviews for your business. Over time, this process builds a larger database of customer feedback without requiring any manual intervention.

3. Why do the reviews display change over time?

Google determines the “most relevant” or “most helpful” reviews based on its own algorithms, which can change periodically. As a result, the reviews displayed by the module will also change to reflect the latest updates from Google.

4. How do I ensure the reviews are authentic?

The plugin displays reviews directly from Google, ensuring their authenticity. It also allows you to show the review source, providing additional transparency to your audience.

5. What does enabling Schema.org Markup do?

Schema.org Markup enhances search engine visibility by adding structured data to your reviews. This can improve your website’s SEO performance and increase the likelihood of rich snippets appearing in search results.

Loading...