KNOWLEDGE CENTER

 

 



 

 

 

 

 

 

 

    

 Adding a Facebook "Like" Button   

 

 

 

 

 

 

 

 

 

 

  

 

  Webtreepro offers you the ability to add a Facebook Like Button to your site.

 

This allows you to share content with your friends and customers on Facebook.

 

When a visitor clicks the Like button on your site, a story appears in the visitor's News Feed

 

and it will display a link back to your website.

   

 

 

Webtreepro offers you a number of options

 

 including the ability to insert a Send Button,and to Show Faces,

 

 as well as how to enhance the layout and color scheme of your Like button.

 

 

 

 

 

 

 

 

 

To add a Like button,

 go to the page where you want the button

 to be placed.

 

Go to

 the gray panel located at the left of your screen,

 and select

Add Content.

 

The Add Content wizard comes up, seen below.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

   1.  Scroll down and click the Facebook Comments radio button which will bring you to the next tab, Content Placement.  Select

         Every page if it is going to be seen throughout the site, This page only, or This page and any page beneath it, if it's going to be for

         just one section of your site.  At the bottom, choose the panel where you want the Facebook Comments box to appear.

 

          • Some of the templates seen below may or may not be the same template selection you have available for your use. The  needs of individual websites vary.  Webtreepro offers different selections to meet your website's particular needs.

 

          • For more information about the Content Placement tab, click here.

 

 

 

Now, let's go to the Details tab, a portion of the screen is seen below.

 

 

   2.  Send button:  If you check this box you can include a Send button that will appear along side the Like Button.

 

      • The Send button allows your visitors to send the page's Content  to their friends.
      •  
      • They will have the option to send your site's URL in a message to their Facebook friends, to one of their Facebook groups, or as an email to any email address.

 

      • While the Like Button allows users to share the page's content with all of their friends, the Send Button allows them to have a private message accompany the Like to a select group of friends. See example below: 

 

 

 

 

 

 

 

 

  3.  Show faces:   If you check this box, it will allow you to display profile photos below the button. (This option is available in

        standard layout only.)

 

      • Note:  Profile photos will only be shown under the conditions that you and the sender are both "friends" and you both have "Liked" the comment or webpage content. 
      •  

 

  4.   Layout:  offers three options:

 

      • standard:  If selected this will display social text to the right of the button and friends' profile photos below.
      • button count:  If selected this will display the total number of likes to the right of the button.
      • box count:   If selected this will display the total number of likes above the button.

 

  5.  Color Scheme:   There is a choice between a light color background behind the "thumbs up" image, and a dark color background.

  6.  Click Next .  It will take you to the Publish Dates screen where you can choose when the Facebook Comments is

        displayed.  To review Publish Dates, click here.

 

  7.  Click Next    .  It will take you to the Content Visibility screen where you can choose who is allowed to see the

        Like Button. To review Content Visibility, click here.

 

  8.  Click Next    .   It will take you to the Content Publishing screen. This tab is for Parent sites to choose the Child site

        restrictions, if any.  To review Content Publishing, click here.

 

  9.   Click Finish  , and your Like Button will be in place on your working page(s).   

 

 10.   Or click Cancel   to exit without inserting a Like Button.

 

 11.   Depending on your choices made in the Details window, your Like Button may look like the below example. 

 

 

 

 

 

 

 

 

 

 

 12.  To test the Like Button, you will need to save the page, and go into Published Mode.  Or, you could click the Date Preview

         located in the gray panel to your left.

 

 

 

Note

 

As with all newly added Content, the Like Button will be located at the bottom of the selected panel.  You may want to move the Like Button elsewhere.  If so, do a right click inside it, and the Like Button  Properties window appears, seen below.

 

Click Move to... and another flyout appears.  Make a selection.  In order to move the Like Button to its perfect location, this process may need to be repeated.