How to Install ShareThis’ Tools on Shopify (with ShareThis App)

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 4 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 
    • Consent Management Platform: Manage users’ consent preferences with ease and comply with EU privacy regulations including the General Data Protection Regulation
  3. Sign Up or Log in if you already have an account with ShareThis.
  4. Select the ShareThis tool you would like to use and customize the buttons by selecting your social channels, size, shape, and more.
  5. If you are installing inline tools, you can choose between:
    Installing ShareThis tools on a product page
    Installing ShareThis tools on a page or blog

    Note: Inline tools require an extra snippet of code to work on your site. If you would like to install our Inline Share Buttons or Follow Buttons, you will need to add placement code wherever you want the tool to appear.

To add the ShareThis tool to your product page 

  1. In the left navigation bar, select Online Store > Themes and then click Actions Edit Code.
  2. 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 }}
    Note: You can use Control + F to search for the word “description” on it (please be sure to click on the inside of the file so you can search for content within the code editor ), try placing the buttons in a new line after the section or lines which have this name. A section/element it’s delimited with the “}” character at the end of it.

  3. Copy and paste the relevant placement code above or below your product description.
    1. Share Buttons placement code:
      <div class="sharethis-inline-share-buttons"></div>
    2. Follow Buttons placement code:
      <div class="sharethis-inline-follow-buttons"></div>

For your convenience, here’s a preview:

To add the ShareThis tool to your page or blog

  1. In the left navigation bar, select Online Store > Pages. Then, click on the page where you want to display your buttons in. 
  2. 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.
    1. Share Buttons placement code:
      <div class="sharethis-inline-share-buttons"></div>
    2. Follow Buttons placement code
      <div class="sharethis-inline-follow-buttons"></div>