How to Add a Facebook Feed Carousel to WordPress

How to Add a Facebook Feed Carousel to WordPress (Updated)

By Sajjan Sharma on October 20, 2021

Are you looking for a way to add a Facebook feed carousel to WordPress? If so, you’ve come to the right place.

In this article, we’re going to show you the easiest way to add a Facebook carousel to your website.

It might sound complex, but no need to worry. Just follow this guide, and you can have a beautiful Facebook feed carousel without having to mess around with codes.

Let’s get started.

Why Embed a Facebook Feed Carousel

It’s easy to see why someone would want to add their Facebook feed to WordPress. With more than 2.7 billion users, it’s hard to ignore it if you want to grow your website.

Since Facebook is such a popular website, it also means that many people are trying the same thing. With so many people to compete with, you’re going to have to take some special steps to stand out.

This is where Facebook feed carousels come in. Instead of the usual way, you can show your feed in a carousel slider.

With a Facebook feed carousel, you can nicely show off all sorts of content. There’s absolutely no limit to the type of post you can add there, from photographs to testimonials to user reviews.

Not only are they pleasing to look at, but you can also display a lot of content in a smaller amount of space. There’s no need for your Facebook feed to cover a large chunk of your page!

All in all, a Facebook feed carousel is one of the best ways to display content on your web page. It’s efficient, engaging, and best of all, easy to do with the right tool.

Easiest Way to Add a Facebook Feed Carousel

Now, you might be wondering how to add a Facebook carousel slider to WordPress.

Adding a Facebook feed to WordPress without a plugin is quite hard. While it is possible, people without technical knowledge can have a tough time there.

For one, you can’t customize the design of your feed without coding. If you’re not comfortable with coding, then it’s going to be very confusing.

facebook page embed code hard

On top of that, you’ll also have to manually change code snippets and add the code directly to your WordPress site. A small mistake here can even accidentally break your website.

What if you want to use Facebook’s Page plugin? Sadly, Facebook’s Page plugin has no carousel option, so this is tricky as well.

Luckily, there’s an easy solution with Smash Balloon’s Custom Facebook Feed Pro plugin. All it takes is a few clicks, and you’ll have a beautiful Facebook carousel feed on your website.

Of course, there are also some essential extensions that you can’t afford to miss. With them, you can have many unique features, including support for carousels, reviews, multi-feed, and much more.

Still not convinced? Here are a few things that make it the best Facebook feed plugin for WordPress:

  • User-friendly: Just about anyone can get started with using it, with no technical knowledge required. In fact, it’s so easy to use that you can set up your Facebook feed in just a few minutes.
  • Customizable: With Custom Facebook Feed Pro, you can also get creative with your feed design. The plugin lets you easily set the background color, header style, text color, link color, and more, so your feed will match your brand perfectly.
  • Lightweight: No need to worry about social media embeds slowing down your site. The plugin has been optimized so your Facebook feed carousel loads as fast as possible, which is great for SEO.
  • Top-notch customer support: Ran into any issues while adding a Facebook feed to your website? Smash Balloon’s dedicated support team will be there to help you out. The plugin has a 4.8/5 star rating, which speaks for itself.

And that’s just the start. You can read everything that Custom Facebook Feed Pro can do for your business here.

Creating a Facebook Feed Carousel in WordPress

With that out of the way, let’s get to the main part. Below, we’ll show you how to add a Facebook feed carousel to your website.

Step 1: Install the Custom Facebook Feeds Pro Plugin

First things first, you can go and get your copy of the Custom Facebook Feed Pro plugin. Then, you can also download the Carousel extension here.

Once you’re done downloading both plugins, simply install and activate them on your WordPress website.

If you’re stuck, we also have a handy guide on how to install a WordPress plugin.

Step 2: Enable the Carousel Extension

The next step is to enable the carousel extension for your WordPress site. To do that, first go to the Facebook Feed » Extensions menu from your dashboard.

On this new page, look for the Carousel section and click on the Activate button.

activate carousel extension

After that, you can go to step 3 and create your Facebook feed.

Step 3: Create a New Facebook Feed

Now, it’s time to go ahead and create a new Facebook feed on your site.

First, go to the Facebook Feed » All Feeds menu from your WordPress dashboard and click on the Add New button.

add new feed with custom facebook feed pro

The plugin will then show you all the feed types that you can use for your Facebook feed carousel.

You can see 9 different options here, including timeline feeds, photos feeds, albums feeds, reviews feeds, and more.

types of facebook feed

Select the feed type that you want and then click on the Next button to proceed.

We’ll go with a timeline feed for our tutorial.

select facebook feed type

With that, you have created a new feed!

You can now go to the next step and connect it to Facebook.

Step 4: Connect Your Feed to Facebook

Now that you have a new Facebook feed, it’s time to connect it to a Facebook group or a page.

Click on the Add New button on the popup to get started.

add new source for facebook feed

Next, you can choose between a Facebook page and a group as a source for your feed. Select the one you prefer and then click on Connect.

pick between group or page for facebook feed

After that, the plugin will send you to the Facebook website. Here, you can choose which Facebook page or group that you want to connect to your Facebook carousel feed.

So select your page or group on the popup and click on Next.

select the facebook pages

The plugin will now ask for a read-only access to your Facebook account. Using this access, it can only read your Facebook posts and can’t actually change anything.

That means the plugin is completely safe.

To give the read-only access, just click on the Done button.

allow read only access to plugin

Now, you’ll be back on your website. To confirm the Facebook page or group as your source, just click on the Add button.

add new source confirmation

After that, click on Next to finish connecting your new feed to Facebook.

pick your source for custom facebook feed pro

Now that you’ve created a feed and connected it to Facebook, it’s time to go to step 5 where you customize its design.

Step 5: Customize Your Facebook Feed Carousel

After you connect your feed to Facebook, you can see it open in the live feed editor.

custom facebook feed pro live editor

Towards the left, you can find all the customization options for your feed. With these, you can change the feed layout, color scheme, like box style, header style, and much more.

And on the right, you can find a live preview of your Facebook feed.

To get started with the customization, click on the Feed Layout option on the left.

select the facebook feed layout

Now, select the Carousel option to enable the carousel layout for your Facebook feed.

select the carousel layout

Once you select the carousel layout, you’ll see a live preview of your new Facebook feed carousel on the right.

To confirm this layout, just click on the Save button at the top.

carousel facebook slider example

After you do that, scroll down the customization options to find the Desktop Columns field.

Using this option, you can choose how many of your Facebook posts are visible at once on desktop screens.

Next, there’s the Mobile Columns option below that. You can use it to choose how many Facebook posts are visible at once on mobile screens.

Once you enter the number of columns in these 2 fields, just click on Save.

change the column options facebook carousel slider

And under that, you have the other options to control your new Facebook feed carousel. You can change the autoplay settings, interval, pagination style, and more here.

After you’ve finished changing the settings, click on Save.

Now you can click on the Customize button to see all the customization options once again.

go back to facebook customization options

From there, select the Color Scheme option to set the colors for your Facebook feed carousel.

select color scheme for facebook feed

With the Custom Facebook Feed Pro plugin, you can pick from 4 different color schemes:

  • Inherit from Theme: Copies the colors of your site
  • Light: Lighter background with dark font
  • Dark: Dark background along with a light font color
  • Custom: Manually select all the colors yourself

custom facebook feed pro color schemes

Select the color scheme that you prefer and then click on Save once again.

And just like that, you can customize your new Facebook feed carousel with the live feed editor. Using these options, you can set your feed type, header style, post elements, and much more.

After you’re done with the customization, just click on Save.

Then, you can go to step 6 where you embed your Facebook feed carousel.

Step 6: Embed the Facebook Feed Carousel on Your Website

For this step, you can finally post your new Facebook feed carousel on your site. You can do this in 2 different ways:

  • Embed the Facebook feed carousel on your page
  • Embed the Facebook feed carousel on your sidebar or footer

So let’s go ahead and check them out!

Embed the Facebook Feed Carousel on Your Page

You can easily embed your Facebook feeds using the live feed editor. First, click on the Embed button at the top.

click on embed button custom facebook feed pro

Next, you’ll see a popup that asks where you want to embed your Facebook feed carousel.

To continue, just select the Add to a Page option.

add facebook feed to page

After that, the popup will show you a list of your WordPress pages.

To proceed, pick a page for your Facebook feed and then click on the Add button.

select page for facebook feed

Doing that will open that page in the WordPress editor.

Now click on the small plus icon (+) to add a new block and then select the Custom Facebook Feed widget.

add facebook custom feed block

Click on Publish after that, and you’ve finally added your Facebook feed carousel to your website!

You can open your website now to check out how it looks.

carousel feed layout for facebook feed

Embed the Facebook Feed Carousel on Your Sidebar or Footer

Using the live feed editor, you can also add your new carousel feed on the sidebar or footer of your site.

To open the live feed editor once again, go to the Facebook Feed » All Feeds menu from your WordPress dashboard.

There, you can see all of your Facebook feeds listed out.

To continue, just click on your new Facebook carousel feed.

select your facebook feed

You’ll now be back on your live feed editor. To start embedding your Facebook feed carousel, go ahead and click on the Embed button.

click on embed button custom facebook feed pro

On the new popup, you can choose where you want to embed your Facebook feed. Select the Add to a Widget option for now.

add facebook events feed as a widget

Clicking on that will send you to the Widgets page of your WordPress site. Here, you can add your carousel feed on your footer or sidebar as a Facebook widget.

Now click on the Sidebar panel here to continue.

select sidebar for widget

But if you want to embed your Facebook feed on your footer, you can click on a Footer panel instead.

For this tutorial, we’ll go with the sidebar option.

select footer for facebook widget

Next, click on the plus icon (+) to add a new widget to the panel.

Finally, pick the Custom Facebook Feed widget from all the options to embed your Facebook feed.

choose custom facebook feed pro widget

Just click on the Update button to finish things here.

After that, you can open up your site to see the carousel displayed on your sidebar area.

sidebar carousel

And you’re done!

Now you should know how to add a Facebook feed carousel to your WordPress site. It’s pretty easy, as you can see. No need for complex codes, all you need is the right plugin.

Just click here to get started with Custom Facebook Feeds Pro today.

You can also grab the All-Access bundle and get unlimited access to Smash Balloon plugins. And that includes the best social media feed plugins for Facebook, YouTube, Twitter, and Instagram.

Interested in Facebook marketing? You can check out this next post on how to get more likes on your Facebook page.

If this article helped you out, you can follow us on Twitter and Facebook for more helpful guides and tutorials.

Want to Try our Facebook plugin for Free?

Enter the URL of Your WordPress website to install Custom Facebook Feed Lite.

Add a Comment

We're glad you have chosen to leave a comment. Please keep in mind that all comments are moderated according to our privacy policy, and all links are nofollow. Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.

Leave a Reply

Your email address will not be published. Required fields are marked *