You can already install Shareaholic in several standard locations on your website or blog using our WordPress plugin or app code at Shareaholic.com. However, we want to give you the flexibility to install our applications anywhere you want on your website. And by understanding a few easy-to-follow steps, you can take our tools even further, allowing them to shine from within your site’s sidebar.

There are multiple ways to install our tools into your website. The simplest way of installing them into your sidebar, is creating a widget (in WordPress) or a gadget (in Blogger) for them. This allows you to place the application in a desired location easily, and without the hassle of having to manually insert it into your website’s code template.

How to Install Shareaholic in your WordPress or Blogger Sidebar

Regardless of what platform you’re using, the first step will be the same and you’ll want to make sure you’re logged in to your Shareaholic account in order to create the app code that you’ll install on your site.

Step One: Create Your Code

1.) Sign-In to your Shareaholic account.

2.) In the Site Tools section, click the Add App Location dropdown menu.

3.) Select Share Buttons, Related Content, or Follow Buttons.

Screen Shot 2015-02-10 at 3.44.59 PM

4.) Enter the name of the location where the tool will appear (e.g. Right Sidebar).

5.) Next, customize the app to best fit your website’s theme by clicking on the Settings icon.

6.) Once your customizations are complete, click Save Settings. This will redirect you back to Your Applications page. The app you created will appear under Locations (e.g. Right Sidebar).

7.) On the right, click the ‘</>’ button and copy the app code to your clipboard.

Screen Shot 2015-02-10 at 3.37.38 PM

Step Two: Create your Application Widget/Gadget

WordPress Instructions

1.) Click on Appearance > Widgets

2.) Edit an existing Text widget or drag and drop a new Text widget wherever you want the Share Buttons, Related Content or any other App to appear.

3.) Paste the Shareaholic shortcode directly into the widget Content box and click Save.

widgets

Blogger Instructions

1.) Return to your Blogger admin page

2.) Click on Layout in the lefthand menu

3.) Click Add a Gadget wherever you want to place the application.

Screen Shot 2015-02-10 at 3.05.45 PM

4.) Select HTML/JavaScript from the list of gadgets

Screen Shot 2015-02-10 at 3.05.29 PM

5.) Give the gadget a title (this will display on your site) if you’d like, and paste the Shareaholic code into the Content section

Screen Shot 2015-02-10 at 3.03.31 PM

6.) Click Save and your widget, displaying the application you created a code for, should now be activated on your site!

Remember to check out our Publisher Support and Information pages here: https://shareaholic.com/publishers

As always, if you have questions, leave a note in the comments section, visit our helpdesk or drop us a line at support@shareaholic.com. We’re excited to hear what you think!


  • Followed the instructions to the letter but “related content” code doesn’t work.

    1. I am running wordpress 4.1 and installed and activated the ‘Enhanced Text Widget’ Plugin.
    2. Created a new “related content” app for the sidebar in my shareaholic account.
    3. Dragged the “Enhanced Text Widget” to the sidebar and pasted the code from the app.

    The widget simply DISPLAYS this code on my sidebar instead of actually executing it.

    • cseher

      Michael!

      I am sorry to hear you are having trouble! Please if you would not mind, would you shoot me an email with your site URL, and I can take a close look with you?

      cameron@shareaholic.com

      Thanks!

  • Pingback: How to add Shareaholic to your WordPress or Blogger Sidebar | Noníades()

  • Pingback: How to add Shareaholic to your WordPress or Blogger Sidebar | Amazing WWWorld()

  • Bro Aharon

    I already installed the shareaholic wordpress plugin, but my question is how do I get the vertical share bar on the left side of my website? And also how do I get it to stay stationary as I scroll up and down, just like on this shareaholic website as I am typing this.

  • cseher

    Hey there!

    All you will need to do is follow these steps to link your plugin to your Shareaholic.com account to access those now fully customizable, floated share buttons (https://blog.shareaholic.com/customize-the-colors-of-your-floated-share-buttons/):

    1.) First you will need to login to WordPress.

    2.) Go to the Shareaholic App Manager.

    3.) From there, you will see a big green button that reads “Configure Additional Features” at the top right.

    4.) It will prompt you to either “Link” your account or “Sign Up” for one. You may need to sign-in in order to Link/connect them.

    5.) Once you’ve done all these steps, let me know so I can go into your account and make sure the Site IDs match to verify your site.

    Thank you!

    Let me know if you run into trouble!

The information published on this blog is free for your use with appropriate attribution to Shareaholic. We welcome your feedback, suggestions, and questions. Please contact us. Additionally, all photos that appear on this site are copyrighted by their respective owners. If you own the rights to any of the images and do not wish for them to appear here please contact us and the images will be promptly removed.

We’re always looking for fresh content! Apply to be a guest writer.