How to add Facebook's Like button to web pages

It takes these steps to implement the Like button functionality on a page of your website:

1. Adding the button to a page.
2. Adding Facebook Open Graph tags (optional - see Important Note 2).

Adding the Like button to a page

1. Edit a page.
2. Insert:
   1. the "Facebook Comments Plugin" component (Components | Social),
   2. or the Orckestra.Social.Facebook.LikeButton function ( Insert | Function),
   3. or the following code on the page:
      Expand code

      <f:function name="Orckestra.Social.Facebook.LikeButton" xmlns:f="http://www.composite.net/ns/function/1.0"> 
        <f:param name="URL" value="(specific URL if necessary)" /> 
        <f:param name="SendButton" value="True" /> 
        <f:param name="LayoutStyle" value="standard" /> 
        <f:param name="Width" value="450" /> 
        <f:param name="ShowFaces" value="True" /> 
        <f:param name="VerbToDisplay" value="like" /> 
        <f:param name="ColorScheme" value="light" /> 
        <f:param name="Font" value="tahoma" /> 
      </f:function>

       
3. If necessary, set its optional parameters:
   • URL: The URL to like. If not specified, it defaults to the current page.
   • ShareButton: If 'True', the "Share" button is included along with the "Like" button ('True' by default).
   • LayoutStyle: The size and amount of social context next to the button ('standard' by default). Options:
     • standard: social text to the right of the button and friends' profile photos below
     • button: buttons only
     • button_count: the total number of likes to the right of the button
     • box_count: the total number of likes above the button
   • Width: The width of the Like button, in pixels (450 by default).
   • ShowFaces: If 'True', profile pictures are displayed below the button (standard layout only). 'True' by default.
   • VerbToDisplay: The verb to display on the button. Options: 'like', 'recommend'. Default is 'like'.
   • ColorScheme: The color scheme for the Like button. Options: 'light', 'dark'. Default is 'light'.
   • Font: The font used in the button. Options:
     • arial
     • lucida grande
     • segoe ui
     • tahoma'
     • trebuchet ms
     • verdana

Important Notes

1. Orckestra.Social.Facebook.LikeButton is current culture sensitive. The language of the plugin's text depends on the current website's culture.
2. If you want the page to be integrated in the Facebook's social graph, consider adding Facebook Open Graph tags.