DeveloperTutorialsOther

Addthis Social Sharing Tools

AddThis Social Sharing Buttons

AddThis offers an impressive solution for implementing a wide array of social sharing and conversion tools to your website. I was initially just looking around for an attractive set of social media icons, but came to realize I'd actually found something far better.

Benefits of Synergy 8 and AddThis

1. Admin users can choose from a wide array of social sharing tools to use on the website through theAddThis dashboard, without needing to re-implement any code.

2. Admin users can easily add or remove social media icons, with the design of social icons remaining consistent.

3. Admin users can manually select which pages include AddThis, so that it's not included on cart and signup pages (distracting potential conversions). This can be done straight through the AddThis dashboard by listing the pages which should not display the tool, or alternatively you can code this into the design (recommended, as described below).

4. Page Exit pop-ups - They're annoying as hell, but they're a great way of increasing your subscriber list.

Setup AddThis

Setup an Account: To get started, you'll need to register an AddThis account for your business:
Click here to signup for AddThis.

From the AddThis Dashboard select the "Get The Code" button in the top navigation bar to retrieve embed code. The embed code can be easily added to the source of your website design.

Setup a Custom Page Option

Our suggested implementation method involves setting up a custom field for pages. The page custom field will give admin users the ability to select whether or not they'd like the sharing tools to be included.

The below implementation method will walk through how to setup a custom field, and the extra code required to use it with AddThis in your site design.

Step 1: Create a New Custom Field

Go to Dashboard > Customers > Contacts > "Custom Field" Button towards the top right of the screen. This will display the custom fields page, however it will display the custom fields page for contact records not page records.

In your browser address bar, swap the query string part of the url "?component=\Components\Customers\Contacts" for this instead: "?component=\Components\Website\Pages"

Select the "New Field" button, enter the following details and select the Save Field button: 

Step 2: Check whether the option is selected in your Website Design

The next step involves creating a logic test in your website design which checks to see whether the custom page option is selected. Copy and paste this into a relevant place in your website design, which in most cases would be just above the closing </body> tag.

Make sure that one of the AddThis tools is enabled in the AddThis dashboard before testing, and you'll need to select the option and save the page as well.

Share This Tutorial: