Adding a Facebook Like Button in the Premium Website Builder

If you use the Premium Website Builder to create your site, you can use the Script Module to easily add HTML and other scripts to your site. Adding a Facebook Like button to your website is a two step process. The first step is going to Facebook's website and generating the button code. The next step will be to copy the code for your Like Button onto one of your pages in the Premium Website Builder. In this tutorial, we'll walk you through both steps.

The Facebook like button allows several different options to fit with your site's design. Here are examples of each of the color schemes and layout styles.

Create the Like Button Code at Facebook

1. To get the code for your button, begin by going to:
   
   http://developers.facebook.com/docs/reference/plugins/like/
   
2. Complete the following information for your Facebook Like Button code:
   
   

   URL to Like	Enter in your website's URL
   Send Button	Be sure to unselect this since we will be using the Iframe version of the button
   Layout Style	standard
   	button_count
   	box_count
   Width	Set the width (in pixels) for your button.
   Show Faces	This will only apply if you choose the standard layout.
   Verb to display	Choose between like and recommend for the text of the button.
   Color scheme	Choose between the dark or light color scheme for your button
   Font	Choose the preferred font for the button text

   

3. Click the Get Code button and a new window containing the button code will pop up.
4. Select the IFRAME option in this new window and click anywhere in the code to highlight the button code.
   
   
5. Copy the button code and click Okay to close the button code window. You may find it helpful to paste this code into a text editor like Notepad or TextEdit until you're ready to insert it in the Premium Website Builder script module.

Inserting the Like Button Code in the Premium Website Builder

1. Log into your Premium Website Builder account.
2. Go to Step 4 - Edit and select the page where you want to insert the Facebook like button.
3. Click and drag the Script module onto your page.

   

4. Once the page updates and the script module appears on your page, click the Properties link.
5. Replace the text that reads "<!--Delete this text and enter your script here. //-->" with the Facebook Like button code you copied earlier.
6. Click the OK button once you've added your button code.
7. Publish your site in the builder so that you can see your new Facebook Like button. The preview mode in the builder disables script modules, so you will need to publish your site to view the button on your site.