Before you attempt 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 of the code from the text box on Google. It should look similar to this:

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

  4. From your Shopify admin, click Online Store, and then click Themes (or press G W T).

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

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

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

  8. Save your changes.

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

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

  11. Where you place the code is dependent on where you would like to have the button show up within your product page, though a safe bet would be to place it right after {{ product.description }} so that it shows up immediately following your product description.

  12. Save your changes.

To see an example, visit

Want to discuss this page?

Visit the Shopify Community