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

by Lianne Laroya on September 29, 2020

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 risk. You need to change pieces of code and manually add it 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 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 request 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 plugin here. Then, you can also download the Carousel extension 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. Not sure how to do this? Check out this step-by-step tutorial on how to install a WordPress plugin here.

Done installing the plugins? Great! You need to activate the Carousel extension so you can display your Facebook feed in a slideshow layout. To do this, go to Facebook Feeds » Extensions from your WordPress dashboard. See the Carousel extension? Check its Activate box.

 activate carousel extension to make facebook feed slider on wordpress

Don’t forget to click the Save Changes button. Then, move on to the next step below.

Step 2: Activate Your License Key

You’re done installing and activating your plugins, so it’s time to enter your license keys. Start by navigating to Facebook Feed » Settings » License.

enter license keys in best facebook feed plugin for wordpress

Wondering where to get your license key details from? Check out the emails you received from Smash Balloon when you got your own copies of the Custom Facebook Feed Pro plugin and Carousel extension. You can find your license key details there.

facebook carousel wordpress license key details

To access the plugin’s full list of features, enter your license keys and click Save Changes.

Step 3: Connect Your Facebook Account

Already activated your license keys? Great! You can now move on to the next step: connecting your Facebook account to the plugin.

To start, scroll to the top of your License page and click on the Configuration tab. See the blue Connect a Facebook account button? Click on it to sign in to Facebook and link your Facebook account.

connect facebook account

As mentioned, you can use the plugin to show content from your Facebook group or page, so you have more choices. In this tutorial, we’ll show you how to display a Facebook feed carousel from your page.

display facebook page to wordpress

Make sure to follow the on-screen instructions to continue your account connection. Then, click on Save Settings to preserve your choice. Your Facebook account is now connected to the plugin!

Step 4: Choose Your Facebook Slideshow Layout

We’re focusing this tutorial on adding a Facebook slideshow feed to your site. So, choosing your Facebook feed’s layout is important.

A Facebook slider means that your content from Facebook is displayed in a sliding carousel layout. To set this up, start by scrolling up to the topmost part of the settings page. Then, click on the Post Layout tab. The first section allows you to choose the format of your Facebook posts.

customize post layout facebook feed slider

Scroll down until you can see the Carousel section. Here’s the super easy part: just click on the Set Carousel as Default checkbox. Once you’ve done this, your Facebook feed carousel layout is now activated.

activate facebook feed carousel wordpress

And that’s not all! This section also helps you control your Facebook feed’s height, number of columns and arrows style. You can even set the interval time of your Facebook slideshow.

Done finalizing your layout? Good. Now, you can show your Facebook feed in a sliding carousel layout. Here’s an example:

facebook feed slider wordpress example

Don’t forget to click Save Changes and move on to the next step below.

Step 5: Customize Your Facebook Feed Carousel

Once you’ve activated the carousel layout, you can already display your Facebook slider on your WordPress. After all, the plugin already looks great out of the box. It automatically inherits your existing theme’s style, after all.

And if you want to customize it more? Sure. The plugin helps you have more control over your Facebook feed’s style settings.

Start by scrolling up to the topmost area of the settings page. Next, click on the Customize » General tabs. Here, you can easily set your Facebook feed’s width, height and background color of your feed.

customize facebook feed plugin to wordpress

The great thing about using Custom Facebook Feed Pro? You can control your post types, too. Start by scrolling down until you see the Post Types section. Want to display all types of your Facebook content? Just check everything.

facebook feed slider post type

Scroll down further so you can customize your feed’s header, like box and “load more” buttons, too.

customize header like box load more

For example, you can choose to hide your Facebook slider’s header, so it looks like this:

facebook feed slider no header

Or you can choose to show your Facebook feed carousel’s Visual header. This option shows your cover photo for a more eye-catching visual, like this:

facebook slider wordpress visual header

You can also make things simple by choosing to show your Facebook slider’s Text header. Here’s an example:

facebook feed slider text header

After customizing your feed’s design, remember to click on Save Changes to make sure your choices are saved in the plugin.

Step 6: Add Your Facebook Carousel Feed to WordPress

Great! You’ve now reached the final step: displaying your Facebook carousel feed to WordPress. You can do this in 2 ways:

  • Facebook Feed Block: Using the new WordPress block editor? You can use the plugin’s ready-made widget to easily add your Facebook slider to your website’s posts or pages.
  • Facebook Feed Shortcode: Want to display your feed on your widget-ready areas? You can also use the plugin’s simple shortcode.

If you can’t decide which way is better for you, that’s alright. You can check out both methods below and decide for yourself:

Add Facebook Slider with the Facebook Feed Block

First, go to your WordPress dashboard. Next, navigate to Pages » Add New to create a new page.

create new page

Once you’ve created a new page, the block editor will appear. Here, you can click the Plus (+) icon to add a new WordPress block. Search for “facebook”. Then, click on the Custom Facebook Feed block to add it to your page.

facebook feed slider using custom facebook feed widget

Feel free to edit your page’s title here. Or go back to the plugin’s settings to continue customizing your Facebook slider.

Once you’re satisfied with the feed’s design, go ahead and click Publish to make your feed live on your website. Finally, your website visitors can see your Facebook slider on your WordPress, like this:

facebook feed slider on website example

Add Facebook Slider with the Shortcode

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

First, copy your shortcode here: [custom-facebook-feed]

Then, go to your WordPress dashboard and navigate to Appearance » Widgets. Look for the Text widget and add it to your sidebar area.

facebook feed slider add to sidebar

Paste the shortcode inside the Text widget and click Save. Finally, when you check out your website’s sidebar area, you can see your Facebook slider displayed, like this:

example of facebook feed slider on website

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.

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 *