How to Add a Facebook Slider to Your WordPress Site

How to Add a Facebook Slider to Your WordPress Site (UPDATED)

By Lianne Laroya on September 10, 2021

Want to know how you can easily add a Facebook slider to your WordPress?

Showing your Facebook feed on your website is an effective way to boost your Facebook page engagement and increase brand awareness. Facebook, the undefeated social media champion, reaches 66% of Internet users, after all.

But Facebook doesn’t offer a simple way for you to add a Facebook slideshow on your website.

In this article, you’ll learn the easiest way to show your Facebook feed carousel on WordPress. Don’t worry — you won’t even need to edit code or hire a developer to do it!

Let’s jump into it.

Easiest Way to Create a Facebook Slider

Ever tried using Facebook’s platform to embed your posts on your website? It only lets you do limited things:

  • You can add your Facebook page‘s feed only. So, you can’t use it to add content from your Facebook group.
  • No option to customize your Facebook feed’s design. Want to change your background color? Or your feed’s header? You can’t.
  • Want to display your feed in a carousel or slideshow? Facebook doesn’t allow you to do this.
  • It comes with a lot of risks. You need to change pieces of code and manually add them to your WordPress. So, if you’re not tech-savvy, you can accidentally break your website.
  • No customer support to help you. Got confused or lost along the way? You’re on your own.

The easiest way to display a Facebook feed slider on WordPress? Use a trusted WordPress plugin like Smash Balloon’s Custom Facebook Feed Pro. And add the Carousel extension to show your Facebook content in a slideshow layout.

best facebook feed plugin for wordpress

Custom Facebook Feed Pro is a non-techie plugin that’s perfect for WordPress beginners. Using this, you can easily display your Facebook feed on your website — no technical knowledge required! The plugin does all the hard work for you.

There’s a reason over 200,000 users actively use it on their websites. As the best Facebook feed plugin for WordPress, it’s designed to be light and ultra-fast. Even though the plugin has lots of powerful features, it won’t slow down your website.

 facebook feed slider wordpress

Here are some of the plugin’s features that you may find helpful:

  • Set it up in a few minutes: Are you a WordPress newbie? Even if you’re not tech-savvy, you can easily install the plugin, add the Carousel extension and display your Facebook feed carousel with just a few clicks.
  • One plugin, lots of Facebook content choices: You can use it to add content from your Facebook pages, groups, events, albums, videos, and even customer reviews to your WordPress website!
  • Responsive: It’s mobile-friendly. Plus, it looks fantastic on any screen size or device.
  • Super easy to customize: Want to change your Facebook feed’s design and layout to match your brand’s visual identity? No need to touch confusing code — just check or uncheck options.
  • Lightning-fast loading: The plugin efficiently requests data, so your Facebook feed loads faster on your site.
  • Smart backup system: Your website visitors will still see your Facebook slider feed, even if Facebook’s temporarily down.

In addition to the plugin’s useful features, the best thing about Custom Facebook Feed Pro is the awesome customer support team behind it. Their solid 4.8/5 star rating can vouch for that. Just send them a message. This efficient and friendly team will do their best to give you a hand.

 facebook feed slider wordpress testimonials

Ready to add a Facebook slider to your WordPress to increase your Facebook page engagement? Dive in by following the step-by-step tutorial below.

Step 1: Install Custom Facebook Feeds Plugin

To start, get your own copy of the Custom Facebook Feed Pro plugin here. Then, you can also download the Carousel extension from here.

Want to get full access to all of Smash Balloon’s plugins and extensions instead? You can just get the All-Access Bundle here.

Once you’re done downloading all the plugins to your computer, the next step is installing them on your WordPress site.

Not sure how to do this? Check out this step-by-step tutorial on how to install a WordPress plugin here.

After you’ve done that, go to Facebook Feed » Extensions menu from your WordPress dashboard and look for the Carousel section.

On that section, simply click on the Activate button.

activate carousel extension

Now, you can move on and start creating your Facebook carousel slider.

Step 2: Create Your Facebook Slider

The next step is to create your Facebook slider feed. To do that, you can open your WordPress dashboard and then go to Facebook Feed » All Feeds.

And on that page, click on the Add New button.

add new feed with custom facebook feed pro

You can then see all the different feed types that you can pick for your Facebook slider.

With this plugin, you get 9 different options, such as timeline feeds, photos feeds, albums feeds, reviews feeds, and more.

types of facebook feed

To proceed, you can just select the type of feed you prefer and then click on the Next button at the top right.

We’ll go ahead and use a timeline feed for this tutorial.

select facebook feed type

Step 3: Connect to Your Facebook Page or Group

After creating your Facebook slider, it’s time to connect it to Facebook. To do that, you’ll need to add a source, which can be a Facebook group or a page.

To get started with that, click on the Add New button here.

add new source for facebook feed

This will bring up a new popup where you get to choose the source for your slider. So just pick between a Facebook page and a group, and then click on Connect.

pick between group or page for facebook feed

The plugin will now take you to Facebook and ask you to pick the group or page that you want to show on your Facebook slider.

After you select your page or group here, just click on Next.

select the facebook pages

After that, the plugin will ask for read-only access to your Facebook account so that it can display your Facebook slider.

This means that the plugin can’t change anything on your account.

So, just click Done to allow the read-only access and continue.

allow read only access to plugin

After that, you can click on the Add button to finalize the whole thing and add a new source for your feed.

add new source confirmation

Once you’ve done that, you can just click on Next and proceed to the next step.

pick your source for custom facebook feed pro

So you’ve created your Facebook slider and connected it to your Facebook page or group,

Now, you can go ahead and customize it.

Step 4: Customize Your Facebook Slider

Once you’ve finished connecting your new slider to Facebook, you’ll see it open in the live feed editor.

custom facebook feed pro live editor

On the left, you can see all of your customization options. When you use these options to customize your feed, you can see a preview of how your feed will look on the right.

So let’s get started with the customization here. First, click on the Feed Layout option.

select the facebook feed layout

Here, you can pick the layout to turn your feed into a Facebook slider.

Just select the Carousel option from the left to do that.

select the carousel layout

On the right, you can now see your Facebook feed with its carousel slider layout.

Now click on the Save button to save your new layout.

carousel feed layout for facebook feed

Next, scroll down the options on the left and look for the Desktop Columns field. Here, you can choose the number of posts that your slider will show to visitors on a computer.

Below that, you have the Mobile Columns option. With it, you can set the number of posts visitors on mobile devices can see at once.

Just add the number of columns you want in these fields and click on the Save button.

change the column options facebook carousel slider

And that’s just the start. You can also change the other settings of your slider here, including the autoplay settings, interval, pagination style, and more.

After you’re done, click on the Save button.

With your carousel slider settings set, click on Customize to go back to the main customization options.

go back to facebook customization options

To continue, go ahead and select the Color Scheme option.

select color scheme for facebook feed

You can see 4 different color schemes that you can pick from for your Facebook slider.

  • Inherit from Theme: Your Facebook slider copies the colors of your website.
  • Light: Select a bright look with lighter backgrounds.
  • Dark: Have dark backgrounds on your Facebook slider.
  • Custom: Manually select all the colors for your Facebook slider.

custom facebook feed pro color schemes

Just pick the color scheme you like here and click on Save.

After that, you can customize the different parts of your Facebook slider using the live feed editor. You can change the feed type, header style, post elements, and much more here.

Finally, click on Save and move on to step 5 to embed your Facebook slider.

Step 5: Add Facebook Slider to Your Website

After you’re finished with customization, you can now finally get started and embed it on your website. For that, there are two ways you can do it:

  • Add Facebook slider to your pages
  • Add Facebook slider to your sidebar

Both are pretty easy, so let’s get started and see how you can do it:

Add Facebook Slider to Your Pages

If you want to add a Facebook slider on your WordPress pages, it’s pretty easy from the live feed editor.

Just click on the Embed button in the top right corner of the screen.

click on embed button custom facebook feed pro

The plugin will then show you a new popup to pick the location for your Facebook slider.

So, select the Add to a Page option here.

add facebook feed to page

Next, you can pick which page you want to show your Facebook slider on. Just pick the one you prefer from the list and click on Add.

select page for facebook feed

Once you do that, add a new block by clicking on the small plus icon (+).

Then just pick the Custom Facebook Feed widget from the options.

add facebook custom feed block

Finish things up by clicking on Publish, and you’re good to go!

Just open your website to see how your new Facebook slider looks.

facebook feed slider on website example

Add Facebook Slider to Your Sidebar

Want to show your Facebook slider on your website’s sidebar area?

You can also do that from the live feed editor.

First of all, go to Facebook Feed » All Feeds from your WordPress dashboard. On that page, you can find a list of all of the Facebook feeds you’ve created so far.

To continue, click on the Facebook slider feed that you just created.

select your facebook feed

This will open the live feed editor once again. To add your Facebook slider on your sidebar, click on the Embed button.

click on embed button custom facebook feed pro

In the new popup, click on the Add to a Widget button.

add facebook events feed as a widget

With that, the plugin will now open your Widgets page so that you can add your new slider as a Facebook widget.

To proceed, you can open the Sidebar panel by clicking on it.

select sidebar for widget

Now, you can add a new widget to the sidebar by clicking on the plus icon (+).

Finally, select the Custom Facebook Feed widget to add your Facebook slider to your WordPress sidebar.

choose custom facebook feed pro widget

And you’re done! Now you can open your website and see how your Facebook slider looks.

facebook slider wordpress

So there you have it.

By reading through this step-by-step guide, you now know how to easily add a Facebook slider to your website. Now, you can boost your brand awareness and your Facebook page fans at the same time.

What are you waiting for? Click here to get started with Facebook Feeds by Smash Balloon today.

Or if you want unlimited access to Smash Balloon plugins so you can use them on unlimited websites, go ahead and get the Social Wall Pro All-Access bundle here.

The great part about Smash Balloon’s pricing method? It comes with a 100% no-risk money-back guarantee, so you can try out the plugins first and see if it’s a good fit for you.

Want more Facebook tips? You may want to check out this next post on how to embed a Facebook page on your website.

Finally, if this article helped you, go ahead and follow us on Twitter and Facebook for more helpful tips to take your brand’s social media marketing to the next level.

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 *