How-To

How to embed Facebook posts, videos and photos on WordPress


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:

Looking to integrate your #Mailchimp account with your #Shopify account? Here's a helpful video guide that will take you…

Posted by Wiyre on Thursday, January 19, 2017

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.

E-Commerce
What Is An EV (Green Bar) SSL Certificate?
How-To
(Solution) Contact Form 7 Issues – “Your contact form has a configuration issue”
How-To
12 Ways To Optimize And Speed Up Your WordPress Website