Embedding Facebook content such as posts, videos, and photos can improve the quality of your content and increase engagement from readers on your WordPress website. You’re able to embed content from both Facebook business pages and public user posts. In order to embed content from Facebook, you need to become familiar with the new WordPress editor, and also with some of the developer tools from Facebook if you’re looking for advanced embedding features.
To begin, first go to Facebook and find a piece of content that you want to embed. It doesn’t matter if you want to embed a video, photo, or post, it all works the same way regardless of the media type.
How to embed content from Facebook
First, find a post, photo, or video that you want to embed. For this example, we are going to use a public post that was posted on the Wiyre business page. When you’ve identified a post you want to embed, click on the date link at the top of the post to view a page with just the post itself visible. (Alternatively, Right-click the post’s publishing time and copy the link address directly):
On this page, copy the URL and go into your WordPress post or page where you want to embed the content. Within the post, make sure you are using the Gutenberg WordPress editor. If you are not using the Gutenberg editor, you may need to update your WordPress version.
Within the post, simply paste the link that you copied from Facebook, and you will see WordPress automatically convert the link into a Facebook block:
Alternatively, you can click on the plus button in the upper left hand corner of the post editor, and select the “Facebook” option which will allow you to paste the URL within the block itself on the page.
Once you’ve added the link, click on the “Preview” button to see what the post will look like on the post itself. It should look exactly like the embedded post below:
Advanced Facebook embedding options
If you are looking for a few more advanced features when it comes to embedding your Facebook content, you can head over to the Facebook Developers Site and paste the link to the media within the code generator. This allows you to change the width of the post as well as being able to adjust some of the iframe settings of the post. If you have a photo, you can choose whether or not you want to include the full post, or just the image itself. When you’ve selected the settings you want, click on “Get Code” and select the “IFrame” tag. Just copy and paste the code in a Custom HTML block on your WordPress post.
I built Wiyre when I was still in college. I had the idea because I wanted to help people with E-Commerce and websites, and it has expanded to what you see today. I hope you learn something worthwhile, and if you have any questions I'd love to hear from you. You can connect with me on LinkedIn (https://lnkd.in/wYPV8d). If you would like to get in touch, use the "Contact" link on the navigation menu above.