How do I create a Facebook button?

To add the Facebook Like widget to one of your pages you will need to follow the instructions below:

1. Log in to your Create account.
2. Click on "Content" on the top menu.
3. Click onto "Widgets" from the left-hand menu.
4. Click onto "Add Widgets".
5. Select "Add Widget" next to the "Facebook Like".
6. Enter the relevant information:

   URL to Like - Select and enter a 'Custom URL' or choose 'Current Page'.
   Layout Style - Choose the 'Like' or 'Button Count' layout.
   Show Faces - Yes or No .
   Width - Choose the width of the widget.
   Button - Choose 'Like' or 'Recommend'.

7. Click onto "Save Changes"

Once you have created your new Widget you will need to insert it into the content of your page by taking the steps below:

1. Log into your Create account

2. Click Content on the top menu

3. Click Edit This Page (the pencil icon) next to the page you would like to edit

4. Click the +Add Block button in the bottom left-hand corner

5. From the Add Block filters, select the Custom filter in the 'Blocks that include...' category

6. You can then drag and drop the Custom Element content block onto the desired place on the page.

Once the Custom Element block has been added to the page, you can click the + icon and use the drop-down menu to select what content you would like to add to the page.

You’ll see you can select content including Widgets, HTML Fragments and Custom Forms, as well as combinations of other blocks such as Buttons, Headers, Images, Videos, Maps and Text.

A placeholder icon will be added to the page and if you click the Settings icon, you can select Widget and then choose which widget you would like to use. Click Done and then save your changes.

A grey holding box will appear in the Editor and you will need to "Publish To Web" for the changes to take effect on your live site.

Related Articles

More Questions?

If you have any further questions, please get in touch and we will be happy to help.

Get in Touch

Facebook allows you to create different kinds of buttons, or badges, for promoting profiles, photos and pages on the social networking site. The "Follow Us on Facebook" badge applies to Facebook Pages and can display information such as the Page's name, its status, pictures associated with the Page or how many fans it has garnered. Facebook provides a user interface for generating the javascript for displaying the badge on your site.

1. Go online to Facebook's Page Badges creator at Facebook.com/badges/page.php. Type your email and password in the corresponding text fields and press "Enter" if you are not already logged in.

2. Click "Edit This Badge" to the right of the badge.

3. Choose the layout by clicking "Vertical," "Horizontal" or "2 Columns." Previews of your badge appear to the right.

4. Choose whether you want the "Name," "Status," "Picture" or "Fans" to appear in the badge by clicking the check boxes next to the corresponding items.

5. Click "Save" to generate the badge.

6. Click "Other" next to the Page Badge and copy the text that appears in the field below. Paste this text where you want it to appear on your website.

Putting Facebook buttons on your website creates an extended social experience for your visitor because she can interact with Facebook while on your Web pages. When clicked, the button performs a specific task, often allowing the viewer to share your content with friends. Facebook helps you create the button you want and provides you with the code needed to insert it on your Web page.

1. Point your browser to the Facebook Developers social plug-in Web page to access the site that contains the buttons you put on your website.

2. Scroll through the list of plugins to choose the button you want to use. The Like button, for instance, lets a viewer share your page on his Facebook profile, while the Send button enables visitors to send your content through the Facebook message system. Click on the feature of your choice.

3. Use the menus that appear on the page to configure your button. For example, with the Send button, enter a page address in the "URL to Send" text field and use the drop-down menus to designate the font and color scheme of the button.

4. Click the "Get Code" button at the bottom of the menu and copy the code that displays.

5. Bring up your website page in a text editor program and position the cursor anywhere underneath the <body> tag and in the spot where you want the button to show up. Paste the button code and save the file.

What is a Facebook button?

Why can't I create an action button on Facebook?

How do I add a Facebook add button?