Are you looking for a way to get Facebook posts to show up on your website?
It’s a really simple marketing strategy to promote your business page, and in this post, we’re going to show you how.
Showing Facebook posts on your site is an easy way to do social media marketing. You can use your site traffic to boost your social media following and even boost your conversions.
Today, we’re going to show you the easiest way to embed Facebook posts on your website. It’s newbie-friendly and won’t take much time.
First, let’s take a look at the 2 ways you can add Facebook content to your website.
Or, you can click here and go directly to our tutorial.
2 Ways to Embed Facebook Posts on Your Website
There are 2 different ways to get Facebook posts on your website:
- Old Way: You could just paste your Facebook link to WordPress, and it would automatically get embedded. It took a lot of time, especially if you needed to add multiple posts.
- Easiest Way: Using the Custom Facebook Feed Pro plugin, you can get Facebook posts on your website in just a few clicks. Plus, it’s all automatic, so this way will save you a lot of time and effort.
How to Embed Facebook Posts on Your Website (Old Way)
In the past, you could integrate Facebook posts into your website without any page plugins.
With the oEmbed feature, WordPress would automatically embed the posts. All you had to do was paste the link.
Sadly, it doesn’t work anymore since WordPress dropped support for oEmbeds on October 24, 2020. Now, it’s more difficult to add Facebook posts to your website if you do it manually.
You now have 2 options if you want to get public posts from Facebook on your website:
- You can register as a Facebook developer, which is much more time-consuming and complicated since you need to be familiar with coding, iFrame, Facebook API and more.
- Or, you can just use a WordPress plugin like Custom Facebook Feed Pro that can automatically display Facebook posts on your website.
How to Embed Facebook Posts on WordPress (Easiest Way)
Now, we’re going to show you how to embed Facebook posts on your website automatically.
All you need is the Custom Facebook Feed Pro plugin, and it’s going to be effortless for you.
The plugin allows your WordPress site to use oEmbeds once again. So, you can just paste your URL and get Facebook posts on your website.
Your visitors can then see your posts and even interact with them by using the like, comment, and share buttons.
And that’s just the start. Here are a few other great things about this plugin:
- Easy Customization: With this plugin, you get a live editor so you can easily customize your Facebook feed’s design and make it fit perfectly with your brand.
- Optimized for Speed: It doesn’t matter how many Facebook posts you have. This plugin will make sure that everything loads super fast. And a faster page can boost your SEO.
- Feed Templates: You can instantly have unique Facebook feeds ready to go by choosing from a collection of pre-built templates.
- Lots of Feed Types: Instead of simple posts, you can embed Facebook albums, reviews, events calendars, Facebook carousels, and more.
- Customer Support: If you run into any issues with embedding your Facebook posts, you can just turn to the dedicated support team for help.
All these have made Custom Facebook Feed Pro the best Facebook feed plugin for WordPress. With 250,000 active users and a rating of 4.9/5 stars, it’s easy to see that lots of people love it.
In fact, some of the biggest brands in the world use Smash Balloon plugins. So, you’ll be in good company there.
With that, let us show you a step-by-step guide on how to get Facebook posts on your website.
Step 1: Install Custom Facebook Feed Pro Plugin
You can go ahead and download a copy of the Custom Facebook Feed Pro plugin to get started. The next step is to install and activate the plugin.
Not sure how to do that? Don’t worry. Just follow this helpful guide on how to install WordPress plugins.
Step 2: Enable the oEmbeds Feature
With the plugin installed, you can now go ahead and enable the oEmbeds feature from the configurator.
To do that, go to Facebook Feed » oEmbeds from your WordPress dashboard.
On this page, you can enable or disable the oEmbeds for your website.
Just click on the Enable button to the right of the Facebook oEmbeds section.
After clicking on that, the plugin will open your Facebook and ask for read-only permissions.
Don’t worry, the plugin can’t make any changes so Smash Balloon is completely safe to use.
After that, the popup will ask you to pick a Facebook page that you want to use with this plugin.
Just select a page here and then click on Next.
Now you can confirm the read-only access for the plugin by clicking on Done.
And that’s it! You’ve now enabled oEmbeds for your WordPress website. With that, it’s time to go to step 3 and check out how you can embed Facebook posts.
Step 3: Embed Facebook Posts on Your Website
Now, you can go ahead and display Facebook posts on your website with ease.
As an example, we’ll create a new WordPress page to show the Facebook post. For that, go to Pages » Add New from your dashboard.
In the editor, just paste the URL of the Facebook post.
And there you go! You can now easily get your Facebook posts to show up on your WordPress website. In fact, you can even embed a Facebook video the same way.
Using Custom Facebook Feed Pro plugin, you can also get Facebook posts on a website sidebar or footer areas with a few easy clicks.
First, go to Appearance » Widgets from your dashboard to start managing the widgets on your website.
Once you do that, click on the Sidebar panel.
You can also add your Facebook post on the footer here. For that, click on a Footer panel instead.
In this tutorial, we’ll add a Facebook post on the sidebar.
To proceed, click on the plus icon (+) and select the Paragraph widget.
Finally, you can just paste the URL of the Facebook post on the new paragraph block.
Remember to click on Update to save your changes here.
Now, check out your website and you should be able to see your Facebook post on the sidebar.
As you can see, it’s super easy to display Facebook posts on the website sidebar and footer areas with this plugin
And there’s a lot more you can do using Custom Facebook Feed Pro.
Instead of just adding single Facebook posts, you can embed lots of posts at once in the form of a Facebook feed.
Let’s check out how you can do that.
How to Post Facebook Feeds to WordPress (Easy Way)
If you want to embed a Facebook page or group to your website, you can just add a Facebook feed to your website.
And don’t worry, it’s really easy to add a live Facebook feed to your site as long as you have the Custom Facebook Feed Pro plugin.
Let’s get started and show you how to put a Facebook feed on your website the easy way.
Step 1: Create a Facebook Feed
First, you’ll have to create your Facebook feed, which is super easy. Just go to the Facebook Feed » All Feeds menu from your WordPress dashboard.
Now click on the Add New button at the top of the page.
After that, you can pick the type of Facebook feed that you’d like on your website.
You can select any of the feed types and then click on Next to proceed.
For this tutorial, we’ll be using a timeline feed.
And you’ve just created a new Facebook feed. For the next step, you’ll have to connect it to Facebook so that it can show your posts.
Step 2: Connect Your Feed to Facebook
Now that you’ve created a new Facebook feed, you can connect it to a source. This source can be a Facebook group or a page.
To get started, click on the Add New button on the popup.
After that, the plugin asks you to pick between a Facebook page feed or a group feed. You can pick the option you prefer and then click on Connect to proceed.
After that, the plugin will send you to Facebook and ask for read-only access to your Facebook account.
Using that access, it can only read your Facebook posts and can’t actually make any changes. Because of that, using Smash Balloon is absolutely safe.
To continue, just select a Facebook page or group from the list here. Then click on the Next button.
On the next popup, click on Done to confirm this page or group as a source for your Facebook feed.
Doing that will bring you back to your website. To continue, just click on the Add button on this popup.
To finish connecting this feed to Facebook, click on the Next button.
With that done, you can now go to step 3 and change the design of your new Facebook feed.
Step 3: Customize Your Facebook Feed
After you connect your new feed to Facebook, the plugin will open it in the live feed editor.
Here, you can customize your feed using the options on the left. The plugin allows you to set your post layout, feed layout, color scheme, cover photo, header style, like box style, and much more.
And on the right, you can find the live preview of your Facebook feed. So, you’ll be able to see how your Facebook feed looks whenever you make any changes.
To start customizing your Facebook feed, select the Feed Layout option
You can then see the 4 layout templates for your Facebook feed: List, Grid, Masonry, and Carousel.
Using the list layout, you can show your Facebook posts one after the other in a single column.
So, each of your Facebook posts will get more space on your web page.
After that, you have the grid layout that can show your Facebook posts in a grid with rows and columns.
Using this layout, you can embed many Facebook photos or videos at the same time. This means more content to engage your website visitors.
You can show your Facebook content in multiple columns using the masonry layout. Plus, this layout keeps the original proportions of your Facebook posts.
Finally, there’s the carousel layout which shows your posts in a Facebook carousel slider.
This gives your visitors another way to interact with your site and also makes your page look more dynamic.
Just select the feed layout that you prefer and then click on Save.
Next, you can use the small Customize button and see the main customization options once again.
After that, click on the Color Scheme option to go ahead and set the colors for this Facebook feed.
Here, you can find 4 color schemes that you can pick from:
- Inherit from Theme: Copy the colors of your website for your feed
- Light: Go with a light background along with a darker text color
- Dark: Select a darker background and a lighter color for the text
- Custom: Manually pick all of the colors yourself
To continue, pick the color scheme that you prefer and then click on the Save button.
Next, you can go ahead and use the rest of the options here to customize your new Facebook feed. So, you can pick your header style, post style, like box design, feed margins, background, and much more.
And after you’re done customizing the feed, click on Save to confirm the changes.
Just like that, you’ve created and customized your new Facebook feed. Now it’s time to add the Facebook feed to your website.
Step 4: Embed the Facebook Feed on Your WordPress Site
Want to add your Facebook feed to your site without any shortcode?
In this final step, you can easily use the Custom Facebook Feed Pro plugin to embed a Facebook feed on your site with just a few clicks.
You have 2 ways to do that:
- Embed the Facebook feed on your WordPress page
- Embed the Facebook feed on your WordPress sidebar or footer
So let’s check out how that’s done.
Embed the Facebook Feed on Your WordPress Page
You can embed your Facebook feed on your website in just a few clicks from the live feed editor.
To start, click on the Embed button at the top.
Doing that will show a new popup where you can confirm the location of your Facebook feed.
To proceed, select the Add to a Page option on the popup.
Once you do that, the plugin will show you a list of the pages on your site. Just select the page where you want to embed your new Facebook feed.
After that, click on the Add button to continue.
Now, the plugin will send you to that page so you can embed your Facebook feed.
To do that, click on the plus icon (+) and then pick the Custom Facebook Feed widget from the options.
Now click on the Publish button to save your changes and you’ve officially added your Facebook feed to your website.
To see how the Facebook feed looks, you can open your site and take a look.
And if you update your Facebook page or group, the plugin will automatically add the new post to your feed as well.
Embed the Facebook Feed on Your WordPress Sidebar or Footer
The next option is to embed your feed on the sidebar or footer as a Facebook widget.
To do that, you’ll need to have the Facebook feed open in the live feed editor.
First, navigate to the Facebook Feed » All Feeds menu from your WordPress dashboard. On that page, you’ll find all of your Facebook feeds listed.
To continue, just click on your Facebook feed here.
This will open your Facebook feed in the live feed editor. Now you can just click on the Embed button in the top right corner.
After that, the plugin will show you a popup and ask you to choose the location for your Facebook feed.
To continue, click on the Add to a Widget option here.
Once you do that, the plugin will send you to the Widgets page of your website. You can use this page to add your new feed to the sidebar or footer as a Facebook widget.
To proceed, click on the Sidebar panel here.
If you want to add your Facebook feed to the footer, you can click on a Footer panel instead.
We’ll embed the Facebook feed on the sidebar for this tutorial.
To add your Facebook feed to the sidebar, click on the plus icon (+) and then pick the Custom Facebook Feed widget.
To check out how the embedded post looks, you can go ahead and open your website.
So that’s it!
We hope this showed you how you can get Facebook posts on your website and embed Facebook feeds.
You can now post engaging content that converts your visitors and boosts your Facebook following at the same time!
Ready to show Facebook Posts on your website? Grab the amazing Custom Facebook Feed Pro today!
Do you want to use Facebook to boost your business even further? Just check out this post on the best Facebook plugins to grow your business.
You can also see this post on how to add social feeds like Facebook and Instagram to your WordPress site.