avada.io
AVADA logo
Published on
Social Media

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

833 words5 min read
Author
  • Name
    thanh
    Twitter

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

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 {#copy-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-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 {#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 {#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-theme-liquid-file}

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

Step 7: Paste the code {#paste-code}

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

Step 8: Save {#save}

Tap on Save to save all you’ve done.

Step 9: Copy the code in the Google Plus page {#copy-code-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 {#open-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 {{ raw }}{{ product.description }}{{ endraw }}, your button will be shown right after your product description.

Step 12: Save {#save}

Take the final step which is a tap on Save.

To insert a Google+ button to your store for iPhone/Android (Click here)

Step 1: Click Store
Sign in your Shopify account firstly. Afterward, click Store.

Step 2: Go to Online Store
You will see the Sales channels section. Make sure to press on Online Store in that field.

Step 3: Tap on Manage themes
Tap on Manage themes to continue.

Step 4: 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 5: Click the theme.liquid file
Click to open the theme.liquid file in the Layouts directory.

Step 6: 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 7: Save
Tap on Save to save all you’ve done.

Step 8: 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 9: 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 10: 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 {{ product.description }}, your button will be shown right after your product description.

Step 11: 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.

Exclusive Offer: Shopify Deal for PageFly Audience

Start Your Online Business with Shopify 12 Day Free Trial + Pay Only 1$ For Your First Month