This manual will teach you how to create a Facebook "Like" button, and how to place
it on a webpage.
The first step is to create a button for the Facebook page that you want to promote.
This step begins on Facebook's page describing the "Like" button located at this
Below the description of the buttons and how they work, you will find a form that
allows you to customize a button based on whichever URL you want to recommend.
This form will generate a button based on the parameters that you select. We will
go over the ones that are most relevant to your button if it is placed on an R-MC
In the field labeled "URL to Like", you will copy and paste the URL of the page
that you want to recommend to your viewers. This will be the page linked to a user’s
newsfeed after they click your button.
If you plan on using this button on an R-MC webpage, it is recommended that you
uncheck the box labeled "Send Button", as it relies on plugins that our site may
not be running, or that users may or may not have installed.
The field labeled "Layout Style" has a drop down menu which will style the button
a few different ways. Check through them to see which one best suits your purpose.
The field labeled "Width" controls how wide the button and its surrounding information
will be. Generally, a smaller size is better. Note that on R-MC pages, the space
available for content is about 790 pixels wide.
The field labeled "Color Scheme" will determine the background color of the button
and its accompanying text. There are only two choices, dark or light. The "light"
selection will match the background of R-MC's content pages.
Once you have chosen all of your parameters, you can click the button labeled "Get
Code" at the bottom of the form. This will bring up a new window that contains your
code and another important option regarding its formatting.
If you are using this code on an R-MC
page, it is important that you click on the drop down list next to "Implementation"
and select "iframe". This will reformat the code. This new format will
interact with Sitecore more easily than other implementations.
Once you have formatted the code as "iframe", you will see a block of text similar
to the one above. It will be different depending on the page you choose to link
to, and the options that you select for your specific button. This code is what
you will copy and paste directly on to a page to make the button usable.
To put the button on a page in Sitecore, navigate to the page you wish to edit in
Sitecore and bring up the Content Editor. Then, click on the button at the bottom-left
of the editor that reads "HTML".
This will allow you to edit the page through its HTML code.
To place the button on the page, paste the code you received from Facebook's "Like"
button generator in its entirety anywhere on the page. Note that with HTML code,
unless other styles are applied, you must place it in the order in which you want
the content to appear.
Once this has been done, click "Accept" on the Editor. Save, publish and submit
or approve the page as you would normally do.
The button will now appear on the page. Note that with the "iframes" implementation
selected when getting your code from Facebook, editing the page is easy with the
button included; you may now use the Content Editor without viewing the page in