How to Embed a Facebook Video in WordPress


in this video you’re going to learn how to embed Facebook videos and live Facebook videos onto your WordPress website so if you’re ready let’s get started the first thing you want to do is make sure that you have the video that you’re wanting to embed this can be either from your Facebook page or a Facebook page that you’re just wanting to promote or that you like the video of for this one I’m going to choose one of ours on wpbeginner and all you have to do is go to your videos area for Facebook right click and copy the link address the next thing you have to do is go to the Facebook developers site for documentation on their embedded video and live video player will have a link in the description below as well and you’ll just want to scroll down until you see the embedded video player configurator and this will configure 8:00 and this will configure everything for you so I’m going to remove their example and then I just need to right-click and paste my video in there it looks good now you can also choose the pixel width for that and that will be dependent on your theme and don’t worry for mobile it will shrink down to the size of the mobile so that’s okay for most things 500 is probably big enough so I’m going to keep that and then if you scroll down you see this is what it will show but if you want to add a little bit more you can choose to include the full post which will have the text information it also show the social proof of the video so that’s for you to decide if you want to keep it or not once you’re happy with how it looks go ahead and click get code and then you’ll see these two boxes here we need to copy these two and we’ll place them onto our website the first one we all need to copy or make sure that it’s on our theme or will you will actually use a plug-in for this and we just need to add this one time in our theme or in the plug-in that we’re going to use for all of your Facebook and bedding so I’m going to highlight this and I’ll copy it and then let’s go to our WordPress dashboard now if you’re comfortable adding code to your theme then you just need to find your header PHP file but I think the easiest way to do this is by adding a plugin and this plugin will work for adding any kind of code that you need so we’re going to add insert headers and footers let’s go to plugins add new and in the search box we’re looking for insert headers and footers and this is the plug-in we want wpbeginner maintains this because it’s one of the easiest ways to add code to your site without messing with your theme so once that’s installed and activated let’s go down to settings insert headers and footers and from here we want to place it in the header area so let’s click paste and let’s click Save now the second one that we want to add is the actual video itself and so in order to embed any video you’ll want to do this every time but then you’ll only need to add the second bit of code each time the first bit of code only needs to be added once the second bit of code will just be added to any post or a page where you want this video to go so I’ve right click and copy we’ll head back over to our website we’ve saved this so this is good and now you just want to decide where you want it to go so I’m going to do this in a post I’m going to add a new post and I’ll add it in here now this is the Guttenberg so we’re going to add a block and the block we’re looking for I’m going to search for custom HTML that way we can add this code in there so once this block comes up I can right click and paste all that code that I had and you can add whatever else you want if you want to add some content underneath here what have you you can do that as well I’m happy with this so let’s just click publish and then we can open this up in a new tab to see it in action great and that’s what it will look like now if you’re still using the classic editor you can do the same thing just add a new post or a page where you want it to go but instead of having it under visual you want to make sure that you have text select it and then you’ll still want to add that data once you click publish and then we can see that and it looks the same so if you’re using classic then that’s that works for you now adding Facebook live it’s pretty much just as easy but you’ll have to start your Facebook live video before you can embed it which is a little clunky but this is all you need to do so go to your Facebook page go ahead and start your live you also want to make sure that it’s public if it’s not then it won’t allow for embedding so once you do that then go and do a live video let everything connect and you’ll actually have to go live so I’m going to go live here and once it goes live you’ll have this date and time item this is where your video URL is right now so let’s right click copy link address and we do the whole process over again so go through here going to remove that old video I’m going to right click and paste my love video and now it’s live and now you just have to decide on the pixel and everything like that same thing as before you want to get your code we’ve already done this so we don’t have to do that again we just want to come down here copy this go back to our WordPress dashboard now for this one I’m going to set this up as my Facebook live page and then any time I go live this is what I would do I would probably just go in here create a custom HTML you’d still have to go to the embed to get the latest embed video and then update this just before I go live on Facebook every time so we’re gonna publish this and we’re gonna view the page and now you see that this is live so this is a great way to set up your Facebook embeds on your WordPress website and thanks for watching did you learn something from today’s video if so subscribe to our YouTube channel and we’ll send more helpful tips to help you manage your WordPress website and thanks for watching

Read More: How To Add YouTube Info Cards

Read More: Experts Reveal How To Wake Up Not Tired

As found on YouTube

Leave a Reply