Aug 22, 2013

How to: Embed Facebook Posts on Your Blog

Chris Harris
Aug 22nd, 2013 - 1 min read

This week Facebook announced that it has opened the option to embed Facebook posts for everyone. Anyone using a third party website, including users who post to personal blogs or websites, can now embed a public Facebook post directly into their own site. Originally announced in July 2013, Facebook have since added a couple of additional features based on feedback including in-line video playback, directly access the embed code from an embedded post and an improved mobile experience. As with embedding Twitter updates (see our guide on how to implement) Facebook posts can enrich your website or blog content quoting directly from the source, as well as carrying the like functionality onto your website.


So how do you go about embedding a post?


1) Get the Embed Code from a Post

Only public posts are available to embed. Click on the icon that appears in the top right corner of the post on Facebook as in the Buzzfeed example below.


Embedding a Facebook Post


2) Choose ‘Embed Post’ from the drop down menu

A dialog box appears with the code to embed your post, and a preview of how the post will look.


How to embed a Facebook Post


3) Copy and paste the code

Paste the code into your web page in the place where you want it to appear as I’ve done below…



Unfortunately there’s not really any customisation you can make to these posts at the moment, and also if the post gets deleted by the publisher it will display a message that the post is no longer available so watch out for that.


Also for WordPress users there is a handy plugin available.

Happy posting! Let us know if you have any questions in the comments.


Chris Harris
Aug 22nd, 2013 - 1 min read