Adding / customizing Social Networks buttons

Buttons for visitors to share your site

Adding buttons to share your website on social networks, or to follow you on Facebook / Twitter / Google+ is easy - and very configurable.

Instead of re-inventing the wheel, we use the service provided by AddThis.com to easily add buttons.

  1. Step 1: make sure that the AddThis.com component is present in your design. If it is not, you can easily add it, just like any other component. Check out the help and tutorial on the advanced design editor for further help.
  2. Step 2: configure your social buttons on AddThis.com. Go to AddThis.com, and use their tools to pick the buttons you want, in the style you want. (You don't need to register). At the end of the process, you get something like this:


    Copy that piece of code.
  3. Step 3: copy the AddThis.com code into your design. On the Settings tab of the design panel, select the AddThis.com component in your design, and simply paste the code:

    Remember to hit Apply, then Preview or Save & Apply.
  4. Done!

To refine further, you can also add/remove lines in the AddThis.com code, as detailed on their website.

Buttons that link to your page on Facebook/Twitter/...

For this, you must upload icons of your choice to the Graphics Library, and add a new Image component in your design for each icon. Then, specify your Facebook/Twitter/... page's URL in the settings for that button.

A simpler (and ofter neater) way is to include text links to your Facebook/Twitter pages in your website menu. Refer to the help on menus for more details!