Facebook Integration »Facebook Embeds
Embedding a Facebook update is as easy as pasting the update’s URL on its own line.
Unlike the Facebook Page Plugin Widget, which can display a page feed in your sidebar, Facebook embeds allows you to display any individual update from a public Facebook timeline in a blog post or post comment, complete with:
- The update’s text.
- Action buttons allowing readers to like, comment on, and share the update without leaving your site.
- A media preview of images or videos in or linked in the update.
- Links back to the Facebook page or profile.
Embedding with a URL
First locate the update you want to embed. Make sure the timeline and update are both publicly visible. Then click the timestamp.
You’ll be taken to the page for that individual update. Copy the URL in the address bar.
Next, in your blog’s post editor, paste the URL on a line by itself (no HTML necessary).
That’s it! The update will preview live in the Visual Editor so you can see what it looks like without having to click Preview Changes.
It will look something like this on your WordPress.com site:
Embedding with a shortcode
You can also use a special shortcode to embed Facebook updates. Simply copy and paste the following shortcode into a post, page, or text widget. Be sure to change the Facebook URL or ID to the one that you want to embed.
Display a Facebook Update:
- Be sure you are entering the full URL of the Facebook update you want to share on a line by itself in your editor. Don’t add any HTML formatting, just paste the full URL (including the http://) on a line by itself.
- Changing the alignment of your text (centering for example) or adding style elements will generate HTML formatting around the embed URL which will cause the embed not to work correctly. Try using the shortcode to correct things.
- Make sure that the Facebook update is on a public Facebook timeline (not set to private). An individual update may be set to public, but if the person or page’s entire timeline isn’t public, the embed won’t work.
- Make sure that the URL points to a status update, not directly to a photo or photo album (the status update can have a picture attached). If the URL has “post” in it instead of “photo”, that should be fine. See the examples below:
- https://www.facebook.com/yourfacebookname/photo … – this links directly to a Facebook image and will only display as a link on your WordPress.com blog, not an embedded Facebook post
- https://www.facebook.com/yourfacebookname/posts … – this links to a Facebook post (status update) and will display as an embedded post on your WordPress.com blog