Pin It

Visual Guide on How to Embed Facebook Posts into Class Website or Blog

Facebook has recently made it possible for users to embed public Facebook posts into their websites or blogs. Only public posts from Facebook Pages and profiles can be embedded. As I learned about this I thought about sharing with you this visual guide I created to walk you through the process of integrating Facebook posts into your blog.

With this new functionality you can now add Facebook posts into your classroom website and you can also show your students how to do it and start sharing the resources you find on Facebook directly into your class website.

Things to know about embedding Facebook posts :

Only public posts can be embedded. To know whether a post is public or not , you need to hover over the audience selector and you will see a globe icon as is displayed in this snapshot. 
If the post has any other type of privacy setting, it will not be embeddable.

When you embed a long post, the post will get truncated with a "see more" option. Clicking "see more" will display the full post on your web page.

You cannot customize how Embedded Posts are displayed on your page. The size of the post is fixed to the same dimensions as it's shown on Facebook.

These are the things that are displayed with your Facebook post  once it is  embedded in your website :
The embedded post will show any media attached to it, as well as the number of likes, shares, and comments that the post has. Embedding posts will let people using your web site see the same rich information that is shown on, and they will enable people to follow or like content authors or Pages directly from the embed.
Now here is how embed your post :

First locate the post you want to embed and see if it is public.
Click on the icon that appears in the top right corner of the post on Facebook and Choose 'Embed Post' from the drop down menu that appears.

you will see a dialogue box with the code to embed your post in it. Copy and paste this code into your web page in the place where you want it to appear.

Below is an example of an earlier post I posted here and shared on my Facebook fan page. You can see how a Facebook post will look like in your website:

0 comments : POST A COMMENT

Note: Only a member of this blog may post a comment.