Clear, practical technology insights BSOD Code Lookup · Windows Error Code Lookup · Wi-Fi Troubleshooting · PC Troubleshooting Checklist
TipsMake

How to Create a Facebook Fanpage and Insert It Into the

Learn how to Create a Facebook Fanpage and with clear steps, useful examples, and practical tips. Complete the task correctly and avoid common mistakes.

Table of Contents

This updated guide explains how to Create a Facebook Fanpage and Insert It Into the through clear steps, practical examples, and important checks that help prevent common errors.

Part 1: Create a Fanpage (Page) on Facebook

Step 1: On Facebook, click the display arrow in the upper right corner, select Create Page .

Create a Facebook Fanpage and Insert It Into the — Part 1: Create a Fanpage (Page) on Facebook screenshot 1

Step 2: Select the type of page you may need to create, then click Start .

Create a Facebook Fanpage and Insert It Into the — Part 1: Create a Fanpage (Page) on Facebook screenshot 2

Step 3: Enter the page name and category to describe the page, then click Continue .

Create a Facebook Fanpage and Insert It Into the — Part 1: Create a Fanpage (Page) on Facebook screenshot 3

Step 4: Upload an avatar for the page.

Create a Facebook Fanpage and Insert It Into the — Part 1: Create a Fanpage (Page) on Facebook screenshot 4

Step 5: Upload a cover image for the page.

Create a Facebook Fanpage and Insert It Into the — Part 1: Create a Fanpage (Page) on Facebook screenshot 5

At this point, you have finished creating a Facebook Fanpage (page) for yourself.

Create a Facebook Fanpage and Insert It Into the — Part 1: Create a Fanpage (Page) on Facebook screenshot 6

Part 2: Insert Fanpage Into Website

Step 1: Go to https://developers. facebook. com/docs/plugins/page-plugin and log in.

Step 2: Go down a bit, enter the information and customize the display area Fanpage.

Create a Facebook Fanpage and Insert It Into the — Part 2: Insert Fanpage Into Website screenshot 7

+ Facebook Page URL: The path to the Facebook Fanpage you may need to insert into the website.

+ Tab : The content of Fanpage will be displayed on the website, such as timeline, events, messages. Leave this field blank if you may need to save space for the Fanpage display area (showing only the name, avatar and cover image).

+ Width & Height : Size of Fanpage display area.

+ The remaining options you can hover on the [?] To better understand.

* If you are familiar with HTML, you can find out more in the attributes table below.

Step 3: After making a satisfactory adjustment, click Get code .

Create a Facebook Fanpage and Insert It Into the — Part 2: Insert Fanpage Into Website screenshot 8

Step 4: A new window containing the code snippets will appear. Next there are two ways for you to choose.

• Method 1: Using two pieces of code in the JavaScript SDK tab (as shown below)

Create a Facebook Fanpage and Insert It Into the — Part 2: Insert Fanpage Into Website screenshot 9

The next tutorial in how I will do it on Wordpress alone. With other CMS like Joomla, Drupal,. you do the same.

+ Copy the first code, paste it right after the tag (usually located in the header. php file). Save the file.

Create a Facebook Fanpage and Insert It Into the — Part 2: Insert Fanpage Into Website screenshot 10

+ Copy the second code, paste it anywhere you may need to display on the website (usually in the Sidebar or Footer).

For example, with the Wordpress website, drag the Custom HTML widget to an appropriate position on the Sidebar, name the title and paste the second code into the body of the content. Save.

Create a Facebook Fanpage and Insert It Into the — Part 2: Insert Fanpage Into Website screenshot 11

* Note: This method does not apply in case your website is Blogger, because you can not edit the website source code to insert the first code snippet.

• Method 2: Use the code in the Iframe tab (as shown below)

Create a Facebook Fanpage and Insert It Into the — Part 2: Insert Fanpage Into Website screenshot 12

With this code, you do the same as the second code in method 1, copy and paste it wherever you may need to display Fanpage on the website (usually in Sidebar or Footer).

+ For websites as CMS (Joomla, Wordpress, Drupal,.): Create a module (in Joomla) or a custom HTML widget (in Wordpress) at the Fanpage display position, paste the above code and save.

Create a Facebook Fanpage and Insert It Into the — Part 2: Insert Fanpage Into Website screenshot 13

+ For Blogger: Go to Layout, then select Add Gadget (where Fanpage is located) and select HTML / JavaScript. Paste the code above into the text box, name the title and save.

Create a Facebook Fanpage and Insert It Into the — Part 2: Insert Fanpage Into Website screenshot 14

Create a Facebook Fanpage and Insert It Into the — Part 2: Insert Fanpage Into Website screenshot 15

Create a Facebook Fanpage and Insert It Into the — Part 2: Insert Fanpage Into Website screenshot 16

Finally, open the website and admire the results.

Create a Facebook Fanpage and Insert It Into the — Part 2: Insert Fanpage Into Website screenshot 17

Insert Fanpage on Wordpress website

Create a Facebook Fanpage and Insert It Into the — Part 2: Insert Fanpage Into Website screenshot 18

Insert Fanpage on Blogger website

FAQ

What is the easiest way to Create a Facebook Fanpage and Insert It Into the?

Start with the requirements in this guide, then follow each step in order. Check the result after every major change so problems are easier to identify.

Can beginners follow these instructions?

Yes. The process is organized into practical steps, and you can repeat any step before moving forward.

What should I check if the method does not work?

Confirm your software or device version, permissions, settings, file format, and internet connection when the task depends on online services.

Discussion

Reader Comments 0

Sign in with email or Google to join the discussion.

Guide to Hide Facebook Fanpage Like ActivityGuide to Hide Facebook Fanpage Like Activity3 minutes readInstructions on How to Create Facebook Fanpage for Online SalesInstructions on How to Create Facebook Fanpage for Online Sales7 minutes readInstructions on How to Check in for Facebook FanpageInstructions on How to Check in for Facebook Fanpage4 minutes readHow to Change the Facebook Fanpage Page NameHow to Change the Facebook Fanpage Page Name5 minutes readHow to Create Event Milestones on Facebook FanpageHow to Create Event Milestones on Facebook Fanpage3 minutes readHow to Change Facebook Fanpage Catalog: Create Facebook FanpageHow to Change Facebook Fanpage Catalog: Create Facebook Fanpage5 minutes read