How to Install ShareThis’ Tools on Wix
In order for ShareThis tools to work on your Wix website, please follow the steps below to add your unique ShareThis code to the <head> section of your website.
If you have a free Wix plan, you will need to use the Embed Code Block method, and this will require some extra steps for the sharing buttons to share the correct content. If you have the paid version, you can use the Custom Code method and in a few minutes you should be all set.
Using the Custom Code Method
- Log in or Sign up to the ShareThis Platform.
- 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, shape, as well as extras such as the minimum number of shares you wish to have before showing counts.
- Select the Activate code button in the top right corner. In the pop-up, click the Copy code button.
- Log in to your Wix website and on your Dashboard select Settings.
- Scroll down to Advanced and select Custom Code.
- Click on the Add Custom Code button.
- In the pop-up window, paste the unique ShareThis code that you copied from step 4.
- Apply the following updates:
- Name of script: ShareThis script
- Add code to Pages: All pages (unless you want the Sticky Share Buttons only for specific pages)
- Place code in: Head
- Click Apply.
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 placement code wherever you want the tool to appear.
- 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>
- Log in to your Wix website and on your Dashboard select Settings.
- Scroll down to Advanced and select Custom Code.
- Click on the Add Custom Code button.
- In the pop-up window, paste the unique ShareThis code that you copied from Step 1.
- Apply the following updates:
- Name of script: ShareThis div
- Add code to Pages: Select the pages you want the buttons to display in, if you don’t want them in all pages.
- Place code in: Select either “Body – start” or “Body – end”.
- Click Apply.
Using the Embed Code Method
- Log in or Sign up to the ShareThis Platform.
- 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, shape, as well as extras such as the minimum number of shares you wish to have before showing counts.
- Select the Activate code button in the top right corner. In the pop-up, click the Copy code button.
- Log in to your Wix website and select Edit Site.
- In the left side bar, select + Add. Then, click Embed, followed by HTML iframe.
- In the pop-up window, click Enter Code and paste the unique ShareThis code that you copied from step 4.
- (For inline tools) In the same window, paste your placement code (ShareThis <div> tag) directly after the script. You can find your placement code in the ShareThis Platform by selecting the ShareThis tool you want to use.
- Adjust your share buttons as needed (See Note for Embed Code Method).
- Click Apply followed by Publish in the top right-hand corner.
Note for Embed Code Method: In order for your sharing buttons to share the correct content, you will need to customize the data being shared through your buttons by adding data attributes. For example, to share the URL of your page, you can craft your Inline Share Buttons’ <div> tag to be: <div class=“sharethis-inline-share-buttons” data-url=“URL”></div>
You can read more about how to Customize Inline Share Button URLs, here.