Free Google Customer Reviews Setup Guide for Shopify Stores

Free Google Customer Reviews Setup Guide for Shopify Stores

Stefany Bags Shoes and More

Introduction

Elevate your vintage fashion boutique with our free guide to integrating Google Customer Reviews into your Shopify store. Solidify your brand's trust and enhance SEO effortlessly. In the digital marketplace, customer opinions are crucial for success. This complimentary resource offers Shopify store owners, especially those specializing in vintage and designer bags, the chance to leverage authentic feedback. Utilize this strategy to fortify your store's credibility, optimize search visibility, and boost sales, all at no cost.

Step 1: Enabling The Program

Login to your Google Merchant Center with admin access. Navigate to Growth > Manage Programs and enable the Customer Reviews program if it isn’t already activated. This is the first crucial step in harnessing the power of customer feedback through Google's trusted platform.

Enabling Google Customer Reviews in Merchant Center

Step 2: Getting The Code

After enabling the Google Customer Reviews program through your Merchant Center, it's time to integrate it with your Shopify store. Navigate to the setup option via the gear icon in the top right corner and select Customer review setup. Click on the setup tab and scroll down until you find the opt-in code section. Copy your merchant ID as we will use it shortly.

Below is premade custom opt-in script you'll need to configure with your details:


{% comment %}Start of Google Reviews Opt-in Script Configuration{% endcomment %}
<!-- Update your Google Merchant ID below -->
{% assign fa_merchant_id = 1234567890 %} <!-- Replace with your actual Merchant ID -->

<!-- Update your estimated delivery days below -->
{% assign fa_delivery_days = 9 %} <!-- Replace 9 with your actual estimated delivery days -->
{% comment %}End of Configuration{% endcomment %}

{%- case shipping_address.country_code -%}
...
{%- endcase -%}

{% assign fa_delivery_seconds = 86400 | times: fa_delivery_days %}
<script src="https://apis.google.com/js/platform.js?onload=renderOptIn" async defer></script>
<script>
window.renderOptIn = function() {
setTimeout(function() { // Introduce a 2-second delay before showing the opt-in
window.gapi.load('surveyoptin', function() {
window.gapi.surveyoptin.render({
"merchant_id": {{ fa_merchant_id }},
"order_id": "{{ order.order_number }}",
"email": "{{ order.email }}",
"delivery_country": "{{ order.shipping_address.country_code }}",
"estimated_delivery_date": "{{'now' | date: '%s' | plus : fa_delivery_seconds | date: '%Y-%m-%d' | uri_encode | replace:'+','%20'}}",
"products": [{%- for item in order.line_items -%}{%- if item.variant.barcode != blank -%}{"gtin":"{{ item.variant.barcode }}"}{%- unless forloop.last -%},{%- endunless -%}{%- endif -%}{%- endfor -%}]
});
});
window.___gcfg = {
lang: '{{ fa_language }}'
};
}, 2000); // Delay is set to 2000 milliseconds (2 seconds)
}
</script>

 

Remember to replace 1234567890 with your actual Google Merchant ID and 9 with your actual estimated delivery days. This script will trigger the Google Customer Reviews opt-in prompt in 2 seconds after an order is placed.

Step 3: Installing The Code In Shopify

Login to Shopify and go to Settings > Checkout. Scroll to Order Status Page > Additional scripts and paste the provided code, replacing the merchant ID and delivery days as needed. It's crucial to ensure that this script is correctly installed to trigger the Google Customer Reviews opt-in for your customers.

Below is an example of how to integrate the opt-in script within your Shopify store ADMIN Page:

integrate the opt-in script within your Shopify store Paste Custom Code

Step 4: Installing The Badge

To enhance your site's trustworthiness, displaying the Google Customer Reviews badge is a must. Navigate within Shopify to Online Store > Themes > Edit Code. Here, find your theme's theme.liquid file and paste the Badge Integration code right before the closing </body> tag.

Retrieve your Badge Integration code from the Google Merchant Center, under the Customer review setup > settings. This will ensure the badge appears on your site, offering visual proof of your store's credibility and the positive shopping experiences of your customers.

https://support.google.com/merchants/answer/7105655?hl=en

 

<script src="https://apis.google.com/js/platform.js?onload=renderBadge" async defer></script>

<script>
  window.renderBadge = function() {
    var ratingBadgeContainer = document.createElement("div");
    document.body.appendChild(ratingBadgeContainer);
    window.gapi.load('ratingbadge', function() {
      window.gapi.ratingbadge.render(ratingBadgeContainer, {"merchant_id": 1234567890});
    });
  }
</script>

We hope this guide has been helpful. For more tips on enhancing your e-commerce business, stay tuned to Stefany Bags Shoes and More. 

Back to blog

Leave a comment