How to Make a “Review us on Google” Badge on Your Website

How To Make a "Review Us on Google" Badge for Website (Cover)

By now, you probably already know how important reviews are to your business. Whether you are a dentist, florist, or own a concrete contracting company, you simply need customer reviews to thrive in today’s market. Getting people to leave reviews is half the battle. And since the majority of consumers are actually willing to leave a review if politely asked, some would say that getting people to leave a review is actually the easier half of the battle.

The other half is making the avenue through which customers can actually write a review for your business is accessible as possible. In other words, you need to make it as simple as possible for people to be able to leave a review for your business. 

In the following post, we will explore a couple of avenues for making the review process as easy as possible for your customers. 

Add a “Review us on Google” Badge

First up is a tried and true method that makes it ridiculously easy for people to leave a review on your Google My Business profile. If you haven’t already set up a profile on Google My Business, you are going to want to do that as soon as humanly possible. 

A review us on Google badge is essentially a stylized little button that you can place anywhere on your website. When people click on this badge, they will be led directly to the page on which they can leave a review for your business. (Please note that customers will need a Gmail account in order to leave reviews on this platform.)

To place a Review us on Google badge on your website, you will need a bit of basic HTML coding knowledge. You can embed a simple code that will display a text link on your website and link the viewer directly to the review page. That code is:

<!-- wp:paragraph -->
<p>&lt;a class=”review-btn” href=”your google review link here”&gt;Leave us a Review&lt;/a&gt;&lt;style&gt;.review-btn {</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>background:#ea4335;</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>color:#fff;</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>font-size:18px;</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>padding:8px 20px;</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>text-decoration:none;</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>border-radius:4px;</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>border:none;</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>}&lt;/style&gt;</p>
<!-- /wp:paragraph -->

Simply replace the code that reads  “your google review link here” with the text that you actually want to be displayed on your website.

If you want the actual stylized badge complete with logo, you will need to use the following code:

<!-- wp:paragraph -->
<p>&lt;!-- BEGIN GCR Badge Code --&gt;</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>&lt;script src="https://apis.google.com/js/platform.js?onload=renderBadge"</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>&nbsp;&nbsp;async defer&gt;</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>&lt;/script&gt;</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>&lt;script&gt;</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>&nbsp;&nbsp;window.renderBadge = function() {</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>&nbsp;&nbsp;&nbsp;&nbsp;var ratingBadgeContainer = document.createElement("div");</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;document.body.appendChild(ratingBadgeContainer);</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;window.gapi.load('ratingbadge', function() {</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;window.gapi.ratingbadge.render(</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;ratingBadgeContainer, {</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;// REQUIRED</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"merchant_id": MERCHANT_ID,</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;// OPTIONAL</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"position": "POSITION"</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;});&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;});</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>&nbsp;&nbsp;}</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>&lt;/script&gt;</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>&lt;!-- END GCR Badge Code --&gt;</p>
<!-- /wp:paragraph -->

In order to customize the placement of your badge, you replace the “POSITION” code with “BOTTOM_LEFT” or “BOTTOM_RIGHT”.

Please note that in order for the badge to display properly, your webpage will have to be using DOCTYPE5. In order to update your DOCTYPE, you can add the code <!DOCTYPE html> to the first line item in the HTML code of your page. You can read a full description of the process here.

Get a Google Review URL

Secondly, you can simply copy a link to the Google review page for your customers. All you have to do to acquire this link is:

  • Navigate to your Google My Business dashboard and click the “Info” tab.
  • Under the “Info” tab, click on “Profile Short Name”
  • Provide a short name for Google to use in the provided field and then click “Apply”
  • Next, navigate to the “Home” tab of your GMB profile and click on the “Get More Reviews” card
  • Copy the link provided and send it to as many customers as you like

Why is it So Important for Customers to Leave Google Reviews?

You may be asking yourself why you should go through all the trouble of making it easy for your customers to leave a review on your GMB page. The answer to that question is that Google is becoming an all-important source for consumer information. More than 60% of consumers now look to Google for customer reviews. And Google and Facebook are now the 2 top used sources for customer reviews. More of the market is now looking to Google to validate business credibility so you need to make it as easy as possible for your customers to help you establish that credibility with good reviews.

How do I Add Reviews to My Website?

You may also want to display some of your shining reviews directly on your company’s website. If so, we salute you. You are thinking like a true marketing wiz. Adding reviews to your website is a great way to include unique content and establish yourself as an authority in your respective field. 

And one of the best ways to add reviews to your website is by using the Brand Revu widget. Our innovate review widget plainly and cleanly displays reviews from all different platforms (including Google) right where you want them to be displayed on your website. 

We hope you have found this post helpful and that you understand how important reviews are to your company in general. Here at BrandRevu, we strive to provide you with everything you need to help your company thrive. Our software can help you consolidate review platforms, help you earn more reviews, and improve your company’s online presence and reputation. Get in touch with us here at BrandRevu very soon!