Looking for an easy way to embed a Facebook video in your WordPress website?
If you want to make your WordPress website more exciting and engaging, videos are a fantastic way to do it!
From my professional experience with social media marketing, I know that videos quickly grab attention and keep visitors interested in your site.
Embedding Facebook videos directly into your WordPress site lets you showcase that video content right on your pages. This can make your website more dynamic and provide your visitors with richer, more interactive content to enjoy.
Even better, adding Facebook content to your site allows your visitors to follow and engage with your business page on Facebook.
In this article, I’ll walk you through 5 simple steps to easily embed your Facebook videos. I’ll share the easiest method I’ve used to embed Facebook videos, so you can quickly add engaging video content to your WordPress site in just a few steps.
In This Article
- Easiest Way to Embed Facebook Videos on Websites
- 5 Steps on How to Embed Facebook Videos in Websites
- Should You Embed Facebook Videos on WordPress Automatically or Manually?
- How to Manually Embed Facebook Videos in Websites
- Why Embed Facebook Videos in Your WordPress Site?
- Bonus: Popular Tutorials on Adding Social Media Feeds to WordPress
Easiest Way to Embed Facebook Videos on Websites
The easiest way to embed a Facebook video in your WordPress website is by using the Facebook Feed Pro plugin.
As the best Facebook feed plugin for WordPress, Facebook Feed Pro helps you embed Facebook video feeds on your website so you can increase your views and engage your visitors. No coding needed.
I also appreciate that I can embed Facebook live streams into WordPress with this plugin.
In addition to helping you embed any Facebook video in your WordPress site, Smash Balloon Facebook Feed Pro also lets you show any type of Facebook content on your site, including:
- Facebook events
- Facebook posts
- Photos
- Albums
- Facebook reviews
- Facebook gallery
- And much more!
Yes, you can embed all these types of feeds using this Facebook video plugin — even if you’re not a Facebook developer or a tech expert!
Not tech-savvy? Don’t worry!
What I personally love about this best social media plugin for Facebook is that it comes with a visual feed customizer that lets you control your video feed’s design and content in a few clicks.
As a result, you can get your Facebook feeds looking exactly how you want without having to touch a single line of code.
Over 1.75 million users, including the world’s biggest brands, trust Smash Balloon’s helpful customer support and user-friendly yet powerful social feed plugins to add social media feeds to their websites.
Ready to start adding Facebook videos to your website in a few clicks? Get started with Facebook Feed Pro now!
5 Steps on How to Embed Facebook Videos in Websites
Now, let’s talk about the step-by-step instructions on how you can embed Facebook video content on your website — no coding needed.
Step 1: Install Facebook Feed Pro Plugin
The first step to embedding a Facebook video in WordPress is to install the Facebook Feed Pro plugin and activate it on your website.
If you need some help, you can learn how to install a WordPress plugin in this step-by-step guide.
Step 2: Create a Facebook Video Feed
Now that you’ve got Facebook Feed Pro on your site, go to the Facebook Feed » All Feeds menu from your WordPress dashboard.
Then click on the Add New button on the new page.
Next, you’ll see a new popup where you can choose the type of Facebook feed.
To continue, select Videos from the options and then click on Next.
After that, you can choose between 2 embed options for your new Facebook video feed:
- Embed all the videos from a Facebook page
- Embed a specific playlist from a Facebook page
Let’s check out how you can do these:
Embed All the Videos From a Facebook Page
To show all of your Facebook videos, select the Show all Videos option on the popup and then click on Next.
And now your Facebook video feed will show all of the available videos on that Facebook page.
Embed a Specific Playlist From a Facebook Page
To display a single playlist on your Facebook video feed, select the Show from a specific Playlist option instead.
Now open your Facebook video playlist on your browser and then copy the URL of the video at the top.
Then, go ahead and paste the video URL in the Add Playlist URL field before clicking on Next.
Just like that, you’ve created a new video feed. You can now go to step 3 where you connect your new video feed to Facebook.
Step 3: Connect Your Video Feed to Facebook
If you want to show Facebook videos on your site, your new feed needs to be connected to a Facebook page.
To get started, click on the Add New button on this popup.
Next, you can choose a Facebook page for your source. Once you select the one you want, click on Connect.
Once you do that, the plugin will send you to Facebook and ask for read-only access to your account.
Using that read-only access, Custom Facebook Feed Pro will only read your posts on Facebook. It can’t make any changes so the plugin is completely safe.
On the popup, select your Facebook page and then click on Next.
Now, you can click on Done to allow read-only access for the plugin.
After that, the plugin will bring you back to your website and ask you to confirm the new source for your Facebook video feed. Go ahead and click on the Add button here to continue.
To finish connecting your new video feed to Facebook, click on Next.
With that, it’s time to go to step 4 and customize the design of your Facebook video feed.
Step 4: Customize Your Facebook Video Feed
You’ll now see your Facebook video feed open in the visual feed editor with live preview. Here, you can change how it looks with a few clicks.
On the left side, you can find a panel that has all of your customization options. Using this, you can customize the feed type, layout, header style, like box style, background, and much more.
And on the right, you have a live preview of your Facebook feed.
Now click on Feed Layout to get started with the customization.
You can change the layout of your Facebook video feed here, with 4 feed layout options to pick from:
- List
- Grid
- Masonry
- Carousel
With the list layout, your Facebook videos will appear in a single column and get more space. Personally, I’m a fan of this layout because it’s a great way to embed Facebook live into WordPress since each video will be clearly visible.
But if you want lots of Facebook videos at once, you can try the grid layout. With this, your Facebook video content will be shown in a grid with rows and columns.
After that, you have the masonry layout which shows your Facebook videos in multiple columns.
Using the masonry layout, you can even keep the original proportions of your Facebook videos. I like using this feed layout when I want to show different video angles and styles to my viewers.
Finally, you have the carousel layout that gives visitors another way to interact with your site. With this, you can show your video content in a Facebook carousel slider.
This is also one of my favorite layouts since my site visitors can engage with my Facebook feed by clicking on the slider arrows.
Once you select the feed layout you prefer, click on the Save button at the top right corner.
You can then go back to the previous customization options by clicking on the small Customize button.
After this, you can click on the Color Scheme option to start changing the colors of your Facebook video feed.
Next, you can see the 4 color schemes that you can pick from for your Facebook video feed:
- Inherit from Theme: Copy the colors of your website
- Light: Use a bright background and darker text
- Dark: Apply a dark background color and lighter text
- Custom: Manually pick all the colors yourself
Simply select the color scheme that you prefer and click on Save.
Once you do that, you can go on and customize all the parts of your Facebook video feed. You can change the header style, post elements, like box, feed margins, background, and much more here.
And after you’ve customized your Facebook video feed, remember to click on the Save button.
Finally, you can move on to the next step and add Facebook videos to WordPress using this plugin.
Step 5: Embed Your Facebook Video Feed on Your Website
Using this plugin, you can embed your Facebook video feed from the live feed editor. Plus, you have 2 different places to embed your feed:
- Add your Facebook video feed to your page
- Add your Facebook video feed to your sidebar or footer
Add Your Facebook Video Feed to Your Website Page
The first way is to embed your Facebook video feed on a WordPress page. For that, click on the Embed button at the top to get started.
Next, you’ll see a popup that asks where you want to post your Facebook feed on your WordPress website. Select the Add to a Page option to continue.
You can then pick your page from a list of all the pages on your WordPress site. After you select your page, click on the Add button to continue.
This will open that page in the WordPress editor. Inside the editor, click on the plus (+) icon to add a new WordPress block.
In the search box, type “Facebook” and click the Custom Facebook Feed block to add it to your page.
Finally, click on the Publish button. Now when you preview your page, you’ll see how your Facebook video feed looks live on your website.
Plus, there’s another way to display your Facebook video feed using this WordPress Facebook embed plugin.
Add Your Facebook Video Feed to Your Website Sidebar
The other option is to embed your Facebook video feed as a Facebook widget on your sidebar or footer.
To get started, you’ll need to open the live feed editor. For that, go to the Facebook Feed » All Feeds menu from your WordPress dashboard.
On that page, you can find a list containing all of your Facebook feeds. To continue, click on your Facebook video feed from earlier.
Now, you’ll see your Facebook video feed open in the live feed editor.
After that, click on the Embed button at the top to continue.
You’ll see a popup that asks for the location of your Facebook feed. You can just select the Add to a Widget option here.
The plugin will now send you to the Widgets page of your website. Here, click on the Sidebar panel to start embedding your Facebook video feed widget.
You can also select a Footer panel here if you prefer.
To add a new widget, click on the plus icon (+) on the panel.
After that, just select the Custom Facebook Feed widget from the options.
I like the fact that Facebook Feed Pro comes with a ready-made widget so I can just click on it to add a Facebook video widget to my website.
Finally, click on the Update button to save your changes.
When you preview your website, you’ll see a Facebook feed of videos embedded on your website’s sidebar, like this:
And that’s the easiest way to embed Facebook videos on your site.
Should You Embed Facebook Videos on WordPress Automatically or Manually?
There are 2 ways to add a Facebook video to WordPress:
- Manual method with an embed code, or,
- Automatic method with a WordPress plugin
Manually embedding Facebook videos requires you to visit the Facebook video link. Then, you can try and find the embed code for Facebook videos.
Then you have to manually paste the Facebook video embed code or use the embed block wherever you want to display the video on your website.
While this method seems easy, it involves several steps. Plus, you need to switch between different websites to get things working, so it’s time-consuming and hard.
This method also doesn’t leave you with much room to customize your embedded videos and the type of information included…
Unless you’re an expert in iFrame code, CSS, JavaScript, or any coding language.
On the other hand, automatically embedding Facebook videos with a WordPress Facebook plugin like Facebook Feed Pro is as simple as installing it and clicking a few settings.
You won’t need to navigate between different sites, and it won’t require any copying and pasting of shortcode.
WordPress plugins also give you complete control over the information included in your videos and their design.
This is a massive advantage if you don’t know how to code because customizing your videos to look amazing is as simple as clicking the option you want.
How to Manually Embed Facebook Videos in Websites
Yes, it’s possible to embed a Facebook video in WordPress websites manually.
But personally, I’m not a fan of the manual embedding method because this doesn’t allow me to customize my video layout and settings in the ways I can with a plugin.
What’s more, it involves copying and pasting code snippets that can seem scary if you don’t have much technical experience.
And if you want to customize the text, colors, and information included in the video, you’ll need to hire a developer to get things looking right.
Plus, if you accidentally break your website because of manually embedding code snippets, you don’t have access to a customer support team who can help you fix it.
So if you’re not comfortable with manually embedding Facebook videos, it’s much easier to use Facebook Feed Pro above.
Otherwise, you can follow these instructions to embed a Facebook video manually in WordPress.
First, you need to find the video you want to embed on Facebook. Then copy the URL of the Facebook video to your clipboard.
Then click this link to open up the Facebook plugin documentation and paste the URL of the video into the URL field. Below, you’ll see a preview of the video.
Click the Get Code button to generate the embed code needed to embed the video on your website.
A popup opens with 2 different types of code to add to your website. The first part of the code needs to go in your website’s header section.
You can do this by editing the header.php of your theme.
Or, some WordPress themes include an option in the live customizer to add code directly into your theme’s header, like in the example below.
When you’ve done that, copy the second part of the code and paste it into the post or page where you’d like to embed your Facebook video.
In the WordPress block editor, add the Custom HTML block and paste the code. When you preview your page, you’ll see the Facebook video player with your chosen video manually added to your website.
If you’re using the classic editor, paste the code directly into the WordPress editor. Just make sure you choose the Text editor rather than the Visual editor.
Then click Publish and Preview to see your embedded video. That’s it!
Why Embed Facebook Videos in Your WordPress Site?
Highlighting Facebook videos on your website is ideal for engaging with your readers. Facebook videos are more interactive than written content, after all.
Plus, embedding your Facebook video is more engaging than simply posting a screenshot of it, right? Since they’re highly visual, users will remember them long after they’ve left your website.
Showing your Facebook videos is also powerful social proof, which you can use to convince your site visitors to buy from you.
In fact, 90% of social media users say they watch video online at least once a month, according to the latest social media marketing statistics.
Similar to TikTok videos, displaying Facebook videos can also benefit your site in several ways:
- Helps website users discover your Facebook business page
- You can embed Facebook live streams into WordPress to increase your viewers and improve your SEO
- Helps increase user engagement on Facebook content which can boost its visibility in the news feed
- Can increase likes and engagement, helping to grow your social community on Facebook
Pro-Tip: Want to know if you can embed a Facebook live video on your website? You may also want to check out this post on how to embed Facebook live stream on WordPress.
Bonus: Popular Tutorials on Adding Social Media Feeds to WordPress
If you’re looking to integrate a Facebook video into your WordPress site, the Smash Balloon Facebook Feed Pro plugin is an excellent option to consider.
However, it’s common for business owners and bloggers to maintain a presence across various social media platforms, like a YouTube channel, a Twitter feed, TikTok feeds and an Instagram profile.
If you’re producing distinct content tailored for each of these platforms, displaying them on your WordPress website can be a smart move.
For example, if you’re also publishing videos on YouTube, then embedding your YouTube playlist on WordPress might be something you’d want to do.
Or, if you’re interested in displaying your TikTok content on your WordPress website, a plugin like TikTok Feeds Pro can help. Here’s a step-by-step guide on adding TikTok videos to your WordPress.
We hope this article helped you learn how to embed Facebook videos in WordPress.
With Smash Balloon’s Facebook Feed Pro plugin, it’s super easy to display Facebook videos, photos, albums, events, reviews, and any other type of Facebook content in WordPress — no technical knowledge required.
Go on and get started with the Facebook Feed Pro plugin today.
While you’re here, take a look at our list of the best types of Facebook posts to boost page engagement.
