How to Install ShareThis Tools on Shopify
Our Shopify app makes it quick and easy for you to add share buttons or follow buttons to your website in a few simple clicks.
- Navigate to the ShareThis Share Buttons app in Shopify and select the Add app button.
- Install the app and select one of the 3 options:
- Inline Share Buttons: Add share buttons near your headline or product for ideal visibility
- Sticky Share Buttons: Keep share buttons anchored on the left or right rail of your website so visitors can share while they scroll
- Follow Buttons: Expand your web presence to your top social media channels
- Enter your email and select the Submit button.
- Select the ShareThis tool you would like to use and customize the buttons by selecting your social channels, size, shape, and more.
- To add the ShareThis tool to your product page, follow the steps below:
- In the left navigation bar, select Online Store > Themes and then click Actions > Edit Code.
- Within the Layout tab, scroll down to Sections and select main-product.liquid (If you’re using an older theme, go to Templates and locate the product.liquid file). Then, find the following code:
{{ product.description }} - Copy and paste the relevant placement code above or below your product description.
- Share Buttons placement code:
<div class="sharethis-inline-share-buttons"></div>
- Follow Buttons placement code:
<div class="sharethis-inline-follow-buttons"></div>
- Share Buttons placement code:
- To add the ShareThis tool to your page or blog, follow the steps below:
- In the left navigation bar, select Pages. Then, click Add Page.
- After completing your post, click the Show HTML <> button in the content section.
- Copy and paste the relevant placement code below wherever you want the ShareThis tool to appear.
- Share Buttons placement code:
<div class="sharethis-inline-share-buttons"></div>
- Follow Buttons placement code:
<div class="sharethis-inline-follow-buttons"></div>
- Share Buttons placement code:
Installing ShareThis Tools with Javascript Code
- Log in to your ShareThis platform account. If you don’t have a ShareThis account, sign up for free here.
- Select the ShareThis tool you would like to use and activate it by clicking the Enable tool button.
- Then, customize the buttons by selecting your social channels, size, and shape.
- Select the Activate code button in the top right corner. In the pop-up, click the Copy code button.
- Login to your Shopify website.
- In the left navigation bar, select Themes and click Customize.
- In the bottom left-hand corner, click Theme Actions followed by Edit Code.
- Copy and paste the unique ShareThis code that you copied from step 4 into the <head> section of your website.
- To add the ShareThis tool to your product page, follow the steps below:
- In the left navigation bar, select Online Store > Themes and then click Actions > Edit Code.
- Within the Layout tab, scroll down to Sections and select main-product.liquid (If you’re using an older theme, go to Templates and locate the product.liquid file)
- Then, find the following code:
{{ product.description }}
- Copy and paste the placement code above or below your product description.
- Share Buttons placement code:
<div class="sharethis-inline-share-buttons"></div>
- Follow Buttons placement code:
<div class="sharethis-inline-follow-buttons"></div>
- Share Buttons placement code:
- To add the ShareThis tool to your page or blog, follow the steps below:
- In the left navigation bar, select Pages. Then, click Add Page.
- After completing your post, click the Show HTML <> button in the content section.
- Copy and paste the relevant placement code below wherever you want the ShareThis tool to appear.
- Share Buttons placement code:
<div class="sharethis-inline-share-buttons"></div>
- Follow Buttons placement code:
<div class="sharethis-inline-follow-buttons"></div>
- Share Buttons placement code:
Need help? Get in touch with us at support@sharethis.com