MLSP Sites and WordPress have some great embed features that make it possible to add media from a slew of different resources, like Youtube, Instagram, Soundcloud and countless others. (For a more complete list, you can check out this post) Now, you can even embed Facebook posts! I'll show you how in a second, but first, in order to be able to do this, you need to activate a Jetpack plugin module. If you don't already have Jetpack activated on your blog, go ahead and do that. Then, navigate to Jetpack -> Settings and activate the Shortcode Embeds module like so:
Once you have that activated, you can now embed Facebook posts – all you need is the link to the post itself. This is also very easy to get! All you need to do is click on the “timestamp” of the post you want to embed, like this:
This will open up the post in a new browser tab and THAT url is what you want to copy and past in to your blog post/page editor, like any other embed link you would use. So for instance, the post above, when clicking on the timestamp, gave me this link:
https://www.facebook.com/myleadsystempro/posts/10153431997940378
Now, if I were to just take that link, and paste it in to this blog post, it will embed, like it does below!
And that's it! You can do that with any posts/videos that you have on Facebook WITH THE EXCEPTION of posts from closed groups (for obvious reasons)
BONUS TIP!
This is cool, but you may notice that the posts that are embedded aren't RESPONSIVE! Meaning they don't size up/down based on the browser size of the viewer. This is easily fixable! Activate the plugin Simple Custom CSS (if you haven't already) and then, navigate to Appearance -> Custom CSS and paste in the following code:
.fb_iframe_widget { width:100% !important; max-width:100% !important; min-width:100% !important; display:block !important; } .fb_iframe_widget *{ width:100% !important; max-width:100% !important; min-width:100% !important; display:block !important; }
Hit save, and you'll now see beautifully responsive Facebook posts whenever you embed them!
Just what I needed! Thanks for sharing 🙂
You are quite welcome!
Awesome – does this work in Divi? I just tried but I have just the link showing, no video is pulled through
It sure does if you use a video module 🙂
I’ve tried this a million times, I’ve enabled all the Jetpack info….the video shows up in my DRAFT but then disappears when I preview the post or publish it. It’s driving me crazy! Please help!!
What kind of ‘facebook post’ are you trying to embed? Is it embeddable? Is it from a group/private group or from your own fanpage/profile?