GETTING STARTED WITH GOOGLE CUSTOMER REVIEWS IN SHOPIFY

There are two simple steps required to add Google Customer Reviews to your Shopify store, installing the Opt-in Survey and then adding the badge to your site.

1. Install the Opt-In Survey

The first step is to add the Opt-in Survey to the Additional Scripts area of Shopify located in:
Admin > Settings > Checkout
Review all the existing scripts in the Additional Scripts block and make sure that the Opt-in Survey is run after all existing code (such as custom tracking).

The below is an example of the Opt-in Survey code to install with a 3 day estimated delivery time. For anything other than a 3 day delivery estimate, the mandatory field estimated_delivery_date will need to be adjusted with some custom logic to suit your store.

<!-- BEGIN GCR Opt-in Module Code -->
    <script src="https://apis.google.com/js/platform.js?onload=renderOptIn" async defer></script>
    <script>
        window.renderOptIn = function() { 
        window.gapi.load('surveyoptin', function() {
            window.gapi.surveyoptin.render(
            {
                // REQUIRED
                "merchant_id":"YOUR MERCHANT ID",
                "order_id": "{{ order_number }}",
                "email": "{{ checkout.email }}",
                "delivery_country": "CA",
                "estimated_delivery_date": {{'now' | date: "%s" | plus : 259200 | date: " %Y-%m-%d" | uri_encode | replace:"+","%20"}}, //"YYYY-MM-DD"
                // OPTIONAL
                "opt_in_style": "CENTER_DIALOG",
            }); 
            });
        }
    </script>
<!-- END GCR Opt-in Module Code -->
    

Notes:

• Google Merchant Center must already be setup and verified to access your personalised code snippet
• To satisfy Google Customer Reviews mandatory field estimated_delivery_date, adjust the number of days from the customer order date. The example above uses 3 days (259200 seconds)
• Remember to take into account weekends when setting your estimated_delivery_date
• The Merchant Center takes a few days to verify the Opt-in Survey code, plan ahead for this

2. Installing the Badge

Create a new snippet in your Shopify Theme area which contains the following code and add it to your website:

<!-- BEGIN GCR Badge Code -->
    <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": YOUR-MERCHANT-ID,
            "position": "BOTTOM_LEFT"
            });           
        });
    }
    // BEGIN GCR Language Code
    window.___gcfg = {
        lang: 'en_GB'
    };
    </script>
<!-- END GCR Badge Code -->
    

Notes:

• We'd suggest adding the Google Customer Reviews badge to the footer of your site
• It's a good idea to run the Opt-in Survey snippet for a couple of weeks to gain some reviews before adding the Google Customer Reviews badge to your site
• Remember, your badge will not show a seller rating until you have 150 unique reviews and a composite rating of 3.5 stars or higher

Original Article:

https://www.meta.co.uk/news/2017/september/how-to-add-google-customer-reviews-to-your-shopify-store