How To Embed Google Reviews In HTML Website

25
79
How To Embed Google Reviews In HTML website
How To Embed Google Reviews In HTML website

As of July 16, 2018 Google will require credit card information to use the Google Places API. But I’ve updated the code, so you can still display Google Reviews without money. Check the demo link beneath of the post.

Review or feedback present you or your business differently. A new customer can know about your business from your past customer reviews. Reviews help the customer to take the decision he will buy the product or not.

Most of the company website has a different review system. But Google reviews are popular all over the world. Google is the worldwide biggest and trustful company, so people believe the Google. By the way, Google keeps the option for people to use their reviews system. You will create your business page in Google and if a customer is happy to buy a product from your company he can leave star rating with a comment. He can leave star between 1 to 5 and a comment. The comment and star rating consider as reviews.

If your 10 new customers leave a 5-star rating with a good comment, next customer will not feel hesitate to buy the product. So it was the importance of reviews, now we will discuss- how to you can add Google reviews to your HTML or static website.

Add the HTML code where you want to show the Google reviews:

Here follow two things in the above code. In the line-

it’s the Google API key AIzaSyBzmKmgtHFnvDsDdZtIF8xIqUJX9NS9EyY. You need to collect your own API key. Another thing is placeId-

You can get the place ID from https://developers.google.com/places/place-id. Now need to write CSS for styling-

and finally, need to write JavaScript

In the HTML I’ve called the JS and CSS file. The live demo is here.

google_reviews

If have any questions or comment, please leave a comment below. Thanks for reading the article. Share the article on your social profiles.

25 COMMENTS

    • Hi Sietse,

      I’ve checked your website. It’s a WordPress based website. But the tutorial for only HTML/CSS/JavaScript based static website. For the WordPress, there have many essential plugins. Try with that.

      Thanks.

    • Hi,

      As of July 16, 2018, Google will require credit card information to use the Google Places API. So I’ll try to update the code – how to we can display google reviews without a premium member.

      Thanks.

  1. Hello,

    The demopage is a blank page for me (Google Chrome), though the source code is there.
    This method is no longer valid?

    Thank you

    • Hi,

      As of July 16, 2018, Google will require credit card information to use the Google Places API. So I’ll try to update the code – how to we can display google reviews without a premium member.

      Thanks.

  2. Hi there. i have customised the html code with my api and cid. what i dont understand, is how to use the java and css codes you provided. do i save them in txt files and then alter their ending to .java and .css? what should i name them if they are called?? any help in that? thank you so much

    • Hi John,

      Sorry to hear that.

      The code is now outdated. Now I’m on vacation. I’ll back ASAP and then I’ll update the code. I’ll not forget to send you a message that I’ve updated the code.

      Stay with us.

  3. Thank you for the code update. 2 questions:
    how do i create the css and javascript?
    do i copy the codes in 2 txt files, and change their ending to css and js ? and what should their name be? since you call them in the html code?
    Sorry for this question, but i am not an expert in coding….

    also, i checked the demo link and it isnt showing any results?

    Thank you again for all you efforts to help the community

LEAVE A REPLY

Please enter your comment!
Please enter your name here