Featured templates

How to embed a Facebook video in WordPress

Ammy Brown March 20, 2018
Rating: 5.0. From 1 vote.
Please wait...

You may already know how to embed YouTube, Vimeo or simple video files to your WordPress website. We are going to show you how to embed FaceBook videos to WordPress website today.

How to get FaceBook videos embed code?

To get video embedded to the website we need to find out its embed code. To do that:

  1. Add video to your FaceBook page or find a video you would like to embed to your website.

  2. Copy video URL. Right click on the date under the page or profile name to get it.

  3. And now visit the FaceBook embedded video player page. Scroll down to the Embedded Video Player Configurator section.

  4. Paste your FaceBook video link to the URL of video field and click Get Code button.

    Also you can specify the pixel width of the video and include the the text content of the video post here.

  5. After clicking the Get Code button you will get a pop-up with two code boxes. That is the code you will need to use for embedding FaceBook video into WordPress.

Embedding FaceBook Videos in WordPress

You can proceed to the next step now. To make FaceBook video appear on your site you need to place code you generated earlier to your WordPress page. To do that you need to include JavaScript SDK code to your site header section.

  1. If you are an experienced user, you can edit the code. Open Appearance > Editor section in your back-end. Add the code from the first box to the header.php file, just after the <body> tag.

  2. Or, in case you have less experience, you can use well known Insert Headers and Footers plugin.

    • Install it to the Plugins > Add New section in your site admin panel.

    • Enter the Insert Headers and Footers to the search field on that page. Install and activate this plugin.

    • Now you can open Settings > Insert Headers and Footers page. Enter your code to the header field.

And now you can proceed to the last step. Open a page you wish your FaceBook video to be embedded into or add widgets under the Appearance > Widgets page in your back-end. Add widget or add code from the second box.

That is it! FaceBook video is embedded now. Check your page to see the result.

We hope this step-by-step guidance was useful for you. Feel free to check our blog to learn more tweaks on how to manage your WordPress website as a guru of the web design!

In case you’re searching for premium themes to build your website from scratch, look through our collection of beautiful WordPress themes.

Wordpress Templates Responsive
This entry was posted in Monstroid Tutorials, WordPress Tutorials and tagged embed, Facebook video, video. Bookmark the permalink.

Submit a ticket

If you are still unable to find a sufficient tutorial regarding your issue please use the following link to submit a request to our technical support team. We'll provide you with our help and assistance within next 24 hours: Submit a ticket