How to create a Facebook Fanpage and insert it into the website

Today Facebook Fanpage has become a very popular tool to serve many different purposes such as posting news, selling goods, or communicating with your customers. Creating a Fanpage is not difficult, but if you are managing a website, you will want to insert your Fanpage on it, both to help Fanpage have more likes and help the website to be more interactive, right? So please follow the instructions below to know how to create a Facebook Fanpage and insert it into the website.

Part 1: Create a Fanpage (page) on Facebook

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

How to create a Facebook Fanpage and insert it into the website Picture 1

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

How to create a Facebook Fanpage and insert it into the website Picture 2

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

How to create a Facebook Fanpage and insert it into the website Picture 3

Step 4: Upload an avatar for the page.

How to create a Facebook Fanpage and insert it into the website Picture 4

Step 5: Upload a cover image for the page.

How to create a Facebook Fanpage and insert it into the website Picture 5

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

How to create a Facebook Fanpage and insert it into the website Picture 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.

How to create a Facebook Fanpage and insert it into the website Picture 7

+ Facebook Page URL: The path to the Facebook Fanpage you want 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 want 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 .

How to create a Facebook Fanpage and insert it into the website Picture 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)

How to create a Facebook Fanpage and insert it into the website Picture 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.

How to create a Facebook Fanpage and insert it into the website Picture 10

+ Copy the second code, paste it anywhere you want 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.

How to create a Facebook Fanpage and insert it into the website Picture 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)

How to create a Facebook Fanpage and insert it into the website Picture 12

With this code, you do the same as the second code in method 1, copy and paste it wherever you want 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.

How to create a Facebook Fanpage and insert it into the website Picture 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.

How to create a Facebook Fanpage and insert it into the website Picture 14

How to create a Facebook Fanpage and insert it into the website Picture 15

How to create a Facebook Fanpage and insert it into the website Picture 16

Finally, open the website and admire the results.

How to create a Facebook Fanpage and insert it into the website Picture 17

Insert Fanpage on Wordpress website

How to create a Facebook Fanpage and insert it into the website Picture 18

Insert Fanpage on Blogger website

Above is the entire guide on how to create Fanpage on Facebook and insert Fanpage on the website. Good luck!