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.

facebook-like-light

facebook-like-dark

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 facebook-like-standard
    button_count facebook-like-button_count
    box_count copy-facebook-like-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

    facebook-like-button

  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.

    copy-facebook-like-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.

    pwbembed7

  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.
Did you find this article helpful?

We value your feedback!

Why was this article not helpful? (Check all that apply)
The article is too difficult or too technical to follow.
There is a step or detail missing from the instructions.
The information is incorrect or out-of-date.
It does not resolve the question/problem I have.
How did you find this article?
Please tell us how we can improve our Help Center:
Email Address
Optional, but our team may contact you for more information.
Did you find this article helpful?

Post a Comment

Name:
Email Address:
Comment:
Are you a bot?
Submit

Please note: Your name and comment will be displayed, but we will not show your email address.

News / Announcements

Update to SSL Certificates - Certificate Warnings
1969-12-31 11:00 am EST
Hits: 678

Related Questions

Here are a few questions related to this article that our customers have asked:
Ooops! It looks like there are no questions about this page.
Would you like to ask a question about this page? If so, click the button below!

Help Center Search

Current Customers

Email: support@WebHostingHub.com Ticket: Submit a Support Ticket
Call: 877-595-4HUB (4482)
757-416-6627 (Intl.)
Chat: Click To Chat Now

Ask the Community

Get help with your questions from our community of like-minded hosting users and Web Hosting Hub Staff.

Not a Customer?

Get web hosting from a company that is here to help.