How to add social media buttons

From Imaginet FAQ
Revision as of 12:27, 12 December 2012 by Dane (talk | contribs)
Jump to navigation Jump to search

This tutorial will explain how to add the following buttons twitter, facebook, and google plus.

How to add a facebook Like button.

  • Step 1

Generate the code for the facebook like button using the following link - https://developers.facebook.com/docs/reference/plugins/like-box/. You will need to customize how you want your facebook button to look on this page as well. Once you are happy click on Get Code and select IFRAME. You are going to need the code that is generated, so copy all the text and navigate back to your site creator editor.

  • Step 2 Select Modules and Drag the Text & Images module onto the desired page, as seen below.
Socialmedia img1.PNG


  • Step 3

Click on HTML as seen below.

Socialmedia img3.PNG


  • Step 4

Paste the code that you generated in the first step and click update.

Socialmedia img4.PNG


  • Step 5

You should now see the facebook button appear as seen below.

Socialmedia img5.PNG

How to add a Google Plus button

  • Step 1

Generate the code using the following link https://developers.google.com/+/plugins/+1button/ and remember to customize and your google plus url before the code is generated.

  • Step 2

Drag the Advertisement module onto the desired page and paste the code in the text box as seen below.

Googleplus img12.PNG


  • Step 3

You should then see the google plus button as seen below.

Googleplus img3.PNG


How to add a Twitter button to your site

  • Step 1

Navigate to the following link http://twitter.com/about/resources/buttons#tweet and select the type of button you want. You will then need to fill in all the nessasary details and the code will be generated automatically. You then need to copy the code for the next step.

  • Step 2

Drag the Advertisement module on the desired page and paste the code in the box as seen below.

Twitter img2.PNG