How to Embed Facebook on My Web Page

Written by shawn farner
  • Share
  • Tweet
  • Share
  • Email

Facebook is, as of 2011, the world's most visited website. The Facebook service is a social network that allows you to connect with friends, family members and other acquaintances to share status updates, photos, links and more. If you have your own website, you can embed a small piece of Facebook onto your site in the form of a Profile Badge. This badge shows your Facebook profile picture and other information, such as which networks you belong to and what your current status is. You can learn how to embed a Profile Badge on your page in a few steps.

Skill level:
Moderately Easy

Other People Are Reading

Things you need

  • Facebook account

Show MoreHide


  1. 1

    Open your Web browser and navigate to the Facebook Badges page.

  2. 2

    Click on the "Profile Badge" link.

  3. 3

    Enter your Facebook credentials (user name and password) into the provided boxes, then click "Login."

  4. 4

    Select the "Other" button to display the Facebook Badge embed code.

  5. 5

    Click inside the code box to select all the code, then right-click and choose "Copy."

  6. 6

    Open your Web page in a text editor. You can use the Notepad application that is provided with Windows.

  7. 7

    Right-click anywhere in between the <body> and </body> tags, then click "Paste." This will paste your Facebook Badge code into your Web page.

  8. 8

    Click "File" > "Save" to save the changes to your Web page. When you upload the new version of your page to the Internet, your Facebook Profile Badge will appear on your page.

Don't Miss


  • All types
  • Articles
  • Slideshows
  • Videos
  • Most relevant
  • Most popular
  • Most recent

No articles available

No slideshows available

No videos available

By using the site, you consent to the use of cookies. For more information, please see our Cookie policy.