How to Install ShareThis Tools on Shopify

By December 15, 2020

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. 

  1. Navigate to the ShareThis Share Buttons app in Shopify and select the Add app button.
  2. 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 
  3. Enter your email and select the Submit button.
  4. Select the ShareThis tool you would like to use and customize the buttons by selecting your social channels, size, shape, and more. 
  5. To add the ShareThis tool to your product page, follow the steps below: 
    • In the left navigation bar, select Themes and and click Customize.
    • In the bottom left-hand corner, click Theme Actions followed by Edit Code.
    • Within the Layout tab, scroll down to Sections and select product-template.liquid. 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>
  6. 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>

Installing ShareThis Tools with Javascript Code

  1. Log in to your ShareThis platform account. If you don’t have a ShareThis account, sign up for free here.
  2. Select the ShareThis tool you would like to use and activate it by clicking the Enable tool button. 
  3. Then, customize the buttons by selecting your social channels, size, and shape.
  4. Select the Activate code button in the top right corner. In the pop-up, click the Copy code button.
  5. Login to your Shopify website. 
  6. In the left navigation bar, select Themes and click Customize.
  7. In the bottom left-hand corner, click Theme Actions followed by Edit Code.
  8. Copy and paste the unique ShareThis code that you copied from step 4 into the <head> section of your website.
  9. To add the ShareThis tool to your product page, follow the steps below: 
    • In the left navigation bar, select Themes and and click Customize.
    • In the bottom left-hand corner, click Theme Actions followed by Edit Code.
    • Within the Layout tab, scroll down to Sections and select product-template.liquid. 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>
  10. To add the ShareThis tool to your page or blog, follow the steps below: 
    1. In the left navigation bar, select Pages. Then, click Add Page
    2. After completing your post, click the Show HTML <> button in the content section.
    3. 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>

Need help? Get in touch with us at support@sharethis.com