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

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

How to Add a Facebook Slider to Your WordPress Site

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.

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 Facebook Feed Pro.

custom facebook feed pro homepage

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.

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.

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!
  • 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 use the live feed customizer.
live feed editor for facebook
  • Responsive: It’s mobile-friendly. Plus, it looks fantastic on any screen size or device.
  • 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 Facebook Feed Pro is the awesome customer support team behind it.

In fact, the plugin has a solid 4.9/5 star rating from over 250,000 users. Just send a message, and this efficient and friendly team will do their best to give you a hand.

reviews for custom facebook feeds pro

Ready to add a Facebook slider to your WordPress to increase your Facebook page engagement? Get started with Facebook Feed Pro now.

Let’s now dive in by following the step-by-step tutorial below.

Step 1: Install Facebook Feed Pro Plugin and Carousel Extension

To start, get your own copy of the 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, Facebook galleries, 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.

As you can see, this plugin makes it super easy to boost your social media following and grow your business.

Ready to create Facebook feeds? Click here to get started with Facebook Feeds.

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.

author avatar
Lianne Laroya Content Marketing Manager
Lianne serves as the Content Marketing Manager at Smash Balloon, drawing upon more than 12 years of experience in WordPress content, social media marketing, user-generated content (UGC) and search engine optimization (SEO).

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.