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 the AddThis dashboard, without the needing to have developers change 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 you can code this into the design (recommended, as described below).

4. Increase subscribers with "Exit Pop-ups". They're annoying as hell, but admittedly also a great way of increasing a subscriber list. They'll trigger as soon as a user moves their mouse in a way that looks like they're about to exit the page. 

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 then be easily added to the source of your website design.

Setup a Custom Field

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 they'd like the sharing tools to be included.

When you add a new custom field to pages, that custom field will appear in the "Settings" for each page (accessible by editing the page, and clicking the Settings button). 

The below implementation method will walk through how to set up 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 > Click "Custom Field" Button. 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: