Tutorial 6

Add a Facebook, Twitter and Google + Buttons

You want to let your visitors share or comment your website on social medias? Let’s see how to do that.

Choose your widget

Whether it is on Facebook, Twitter or Google+, allow your visitors to share your website in a few clicks.

​Start by opening the social elements gallery by clicking on the add button, select the elements category, and finally choose “Social”.

Then simply drag and drop the button you want anywhere you want on the page.





Facebook Like button

To customise this element, simply double click on it

Let’s start with Facebook. To customise your Like button, copy the link you will find at the bottom of this new screen which starts with https

Then open a new tab and paste this link.

To get your own facebook like button code, click on the “Like Button Configurator” button, place in the “URL to like” input, the address of your website or any page you want to be liked. [...] Decide whether to show Friends’ faces or not or to include a share button and finally click on the get code button.

2 code parts will be then shown.

Copy the first part,  delete everything until the last two lines and paste the code you just got.

Then, erase the one before the last line, and paste there the second code part.

And that’s it! Your Facebook like button is ready for your visitors​.


Google +1 Button

For Google+, it’s as easy! As usual simply drag and drop the button anywhere you want on the page

.​To customise your G+ button, double click on it and copy the link you will find at the bottom of this new screen which starts with https

Then open a new tab and paste this link

To get your own Google+ button code, enter in the “URL to +1” input, the address of your website or any page you want to be +1ed. [...] And your code is automatically generated on the right side

Copy the given code, delete everything until the last line and paste the code you just got.

And that’s it! Your Google+ button is ready for your visitors



Twitter Follow Button

Finally let’s see how easy it is to embed a Tweeter follow button. As usual simply drag and drop the button anywhere you want on the page.​

To customise your Tweeter button, copy the link you will find at the bottom of this screen, which starts with https

Then open a new tab and paste this link

To get your own Twitter button code, start by entering “@” following by your Twitter ID or page name, then click on the right arrow[...], select “Twitter buttons” [...], and finally one of the 2 button types. Your code is now ready! Simply click on the “Copy code” button to copy it.

Copy the given code, delete everything until the last line and paste the code you just got.


Congratulations! You’re now able to offer your visitors social buttons to share your website with the world​.