How to insert a Google+ button to your store in Shopify

As well as Facebook, Google+ is a type of social network which includes many users. If you’re generate your own website, what you expect is that increase the interactions dramatically. Hence, you should connect the Google+ with your website by inserting a Google+ button to your store. This action can drive plenty of visitors to both your Google+ page and your website. Here comes the detail.

To insert a Google+ button to your store

• Step 1: Access to the link
• Step 2: Copy the code
• Step 3: Open your Shopify admin
• Step 4: Select Themes
• Step 5: Click Edit code
• Step 6: Click the theme.liquid file
• Step 7: Paste the code
• Step 8: Save
• Step 9: Copy the code in the Google Plus page
• Step 10: Open the product.liquid file
• Step 11: Paste the code
• Step 12: Save

Step 1: Access to the link

Firstly, make sure that you tap on this link to customize the Google+ button. You can decide its size, width, and language. In addtion, you can leave a note “inline”.

Step 2: Copy the code

In this step, take a view of all the codes on the screen. What you need to do is copy them. Below is an image illustrating what the code looks like.

Step 3: Open your Shopify admin

Open a new tab. Or else, you can click here to log in your account and go to your Shopify admin.

Step 4: Select Themes

You must have been in the admin page now. Look at the menu on the left of the page. Tap on Online Store. Then, select Themes.

Step 5: Click Edit code

All the themes are displayed. Find one of them you want to edit. Next, click Actions and go to Edit code.

Step 6: Click the theme.liquid file

Click to open the theme.liquid file in the Layouts directory.

Step 7: Paste the code

In this step, ensure that you paste the code you’ve just copied. Note that you should paste it before the </head> tag.

Step 8: Save

Tap on Save to save all you’ve done.

Step 9: Copy the code in the Google Plus page

Make sure to back to the Google Plus page by tapping on this. Afterward, copy the code which I’ve blackened in the following image.

Step 10: Open the product.liquid file

Go back to your Edit HTML/CSS page again. Find the file named product.liquid which is under the Templates folder. Then, tap on it to open.

Step 11: Paste the code

This step you will take is that paste the code you’ve copied. The location of the code is absolutely where the Google+ button will be displayed. For example, if you put it after ``, your button will be shown right after your product description.

Step 12: Save

Take the final step which is a tap on Save.

Summary

In conclusion, this is a detailed tutorial about how to insert a Google+ button to your store. Hope that you like this post and find something helpful for you.