I’m a google top quality merchant and am trying to install the badge onto my site. The instructions are pretty simple (installing a code into the head section). I tried doing so in theme.liquid but it did not work (the badge did not show). Why didn’t this work and where am I supposed to insert the code then? (the only section of my theme that is and has a section is theme liquid.
Here is a link to the google instructions for installing the badge:
Please note that adding the badge is currently in beta, which means, expect issues.
Have you contacted Google after installing the code?
Regarding installing the code, it seems correct what you did, based on your explenation.
Adding the code as per google instructions did not work. I looked at their FAQ after I posted this and it seems
installing it on a shopify site is not so simple and might require integrating a customized CSS or JavaScript file.
I have reached out to shopify support who have escalated the inquiry and forwarded it to theme support.
I’m hoping they can provide a workaround. It would be a shame not to be able to utilize this google feature as it
would greatly increase customer trust and surely result in a boost to sales.
Hi Maya,
I just added this code to our store. I clicked Edit Code from the 3 dots next to the theme.
Then I placed the Google code in the sections/header.liquid
I put the code right above the and it works on desktop and mobile.
I hope this helps you.
Hi,
How does it look the badge on your website? Could you please share a link or a screenshot? A client is asking to see an example, and I couldn’t find it yet. Much appreciated!
I’d like to see the aspect of it, too.
can you please share the site link?
Sure you can find the badge on our website.
Were you able to load the badge? I tried per instructions from IDSH below but it didn’t work for me.
It worked for our site. It may be due to the theme that you are using. We
are using Warehouse 6.0. I know it also working on Warehouse 5.1.0
Thank you and I will send a message to the Theme provider and see if they have a suggestion.
Hi IDSH,
I tried installing this several times. Your method works, but stretches my site margins and content out like crazy. Can advise on how to fit within site margins??
Many thanks!
Update: It works! I reached out to Shopify support, got a reply eventually that they tried and were sorry that it didn’t work but when I went on my site it was working perfectly (desktop and mobile). I checked and (as far as I can tell) they did exactly what I did - they inserted the google-provided code in my theme.liquid just above the I am not aware that they did anything else.
This leads me to believe that, perhaps, there is a propagation period before the badge becomes visible on the site. Install the code then check next day.
Note (for those who are complete code novices): the google provided code is missing the closing > and must be added in manually once you’ve copied and pasted it.
There may be a lag between the time you install the code and when the badge appears on your site. Install as per instructions then check next day.
I think where you install it depends on your theme. The first line of the page where you install it has to begin with
For me that happened to be theme.liquid (found in the Layout folder)
In my case Sections/header.liquid isn’t . If your theme.liquid is also, try installing it there instead of the header.liquid (considering you are experiencing issues by placing it there). Don’t forget to add the closing > to the code from google (which is missing it).
Got it working. Didn’t notice it was missing the end > in the snippet.
Awesome, glad I mentioned it!
Excellent! Adding the missing > at the end of the snippet was all it took. In addition, I changed the location and margin parameters and if anyone else tries, make sure you get the “,” after the ‘RIGHT_BOTTOM’ line or it won’t work.
I’ve got it working fine on our store. And I added their extra code to position it better, which helps.
Two things:
Related to the reviews, but unrelated to entering the code. Does anyone know when/where the option for customers to leave a Google review is? I use Stamped.io for my reviews, but don’t really focus on google, but need to now, since this pops up and I only have 10 Google reviews…
I don’t know but would also like to be able to control those features. Since it is in Beta form still, I wonder if we can give feedback to Google some way. I will look into it.