Before you try to integrate Google+ with your Shopify store, you should note that this is an Unsupported customization.

Unsupported customizations fall outside the scope of our support service. This means that we’re not able to help you if you run into problems.

If you need help, there’s a growing community on our forums - you’ll often find friendly and helpful advice there. You could also consider hiring a Shopify Expert to do the customization for you.

To add a Google+ button:

  1. Go to Select a Size, Width, and Language. Annotation can be left as "inline".

  2. Copy all the code from the text box on Google. It should look similar to this:

    Google plus 1
  3. In a new tab, open your Shopify admin.

  1. Find the theme you want to edit, click the ... button, and then click Edit HTML/CSS.

  2. Under the Layouts folder, locate and click theme.liquid to open it in the online code editor.

  3. Before the </head>, paste the code (where the 'head' section ends).

  4. Save your changes.

  5. Go back to the Google Plus page and copy this code:

    Google plus 2
  6. Back on your Edit HTML/CSS page, under the Templates folder, locate and click product.liquid to open it in the online code editor.

  7. Where you place the code is dependent on where you want to have the button display within your product page, though a safe bet would be to place it right after {{ product.description }} so that it shows up directly after your product description.

  8. Save your changes.

To see an example, visit

Want to discuss this page?

Visit the Shopify Community