GETTING STARTED WITH GOOGLE CUSTOMER REVIEWS IN SHOPIFY

in Blog

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

0 comments

Leave a Comment

Your email address will not be published. Required fields are marked *