How to Install ShareThis’ Tools using ClickFunnels

In this guide, we will use the built-in options in ClickFunnels to install the ShareThis tools on a ClickFunnels page or website. We will cover how to add the ShareThis installation code and the ShareThis placement code (in case you are using Inline Tools).

Adding the installation (script) code

  1. Log in or Sign up to the ShareThis Platform.
  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. Log in to your ClickFunnels website and go to your funnel.
  6. Click on Settings.
  7. Paste the copied code into the Head Tracking Code field.
  8. Scroll down and click on Save And Update Settings.

Note: If you are using our Sticky Share Buttons and want to install them only on a specific page, you can follow these instructions.

Adding Inline ShareThis Tools

Inline tools require an extra snippet of code to work on your site. If you would like to install our Inline Share Buttons, Follow Buttons, Reaction Buttons, or Social Feed tools on your website, you will need to add a placement code wherever you want the tool to appear. To learn more about ShareThis Website tools, go here.

  1. In your ShareThis Platform, select the ShareThis tool you want to use and copy the placement code. Depending on the tool you are installing, the code should look similar to this:
    <div class="sharethis-inline-share-buttons"></div>
  2. Navigate to the funnel on your website (e.g., blog, product, etc) by clicking on Funnels after hovering over the ClickFunnels drop-down menu on your dashboard.
  3. On the funnel, click on Edit Page.
  4. From the editing page, on the top bar click on Elements > Add element.
  5. Select the Custom JS/HTML block and drag it wherever you want your inline tools to appear.
  6. On the newly added block, hover over it and click on its Settings.
  7. On its Settings, click on Open Code Editor and paste the placement code, then exit the pop-up window.
  8. Under the Custom Code Type dropdown, select Regular HTML/JS Code.

Note: Currently, ShareThis tools are not compatible with animations from the Advanced tab, if you add animations or delays to the code block, this may prevent the buttons from appearing and/or working properly.

Adding Sticky Share Buttons only on a specific page

  1. Go to the funnel where you want the buttons to appear.
  2. On the top bar, click on Settings > Tracking Code.
  3. On the Header Code tab, paste the installation/script code from ShareThis.
  4. Exit the pop-up window and finally click on the Save button.