How to Display Google Reviews On Your Website

View Larger Image

How to Display Google Reviews On Your Website

Step 1. Copy This Code.

Copy to Clipboard

<div id="google-reviews"></div>

<link data-minify="1" rel="stylesheet" href="https://w3site.ca/wp-content/cache/min/1/stevenmonson/googleReviews/master/google-places.css?ver=1732298203">
    <script data-minify="1" src="https://w3site.ca/wp-content/cache/min/1/ajax/libs/jquery/3.1.1/jquery.min.js?ver=1732298204"></script>
    <script type="rocketlazyloadscript" data-minify="1" data-rocket-src="https://w3site.ca/wp-content/cache/min/1/gh/stevenmonson/googleReviews@6e8f0d794393ec657dab69eb1421f3a60add23ef/google-places.js?ver=1732298204" data-rocket-defer defer></script>
    <script type="rocketlazyloadscript" data-rocket-src="https://maps.googleapis.com/maps/api/js?v=3.exp&key=AIzaSyAYDdv5zNuBDWKwdD1_265C3lCHPilIUHE&signed_in=true&libraries=places"></script>

<script type="rocketlazyloadscript">
    jQuery(document).ready(function( $ ) {
      $("#google-reviews").googlePlaces({
        placeId: 'ChIJwVknvUvL1IkRDFdJ1nKe2dM' //Find placeID @: https://developers.google.com/places/place-id
          , render: ['reviews']
          , min_rating: 4
          , max_rows:5
      });
    });
    </script>
			</div>

Step 2. Find Your Google Place ID:

use following link to get your Place ID ->

https://developers.google.com/places/place-id

Changing the Way It Looks ( CSS ) :

Copy to Clipboard

Step3. Get you Google API key from following link:

https://developers.google.com/places/web-service/get-api-key

Here is source of article you and read and use …

By Mir Saeid|2020-12-10T12:24:54-05:00February 24th, 2020|Blog|0 Comments

About the Author: Mir Saeid

Experienced computer engineer with post graduate diploma in e-Business, Web Developer and Programmer