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.
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.
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.
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
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.
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.
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.
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.
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.
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.
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.
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:
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.
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.
Scroll down further so you can customize your feed’s header, like box and “load more” buttons, too.
For example, you can choose to hide your Facebook slider’s header, so it looks like this:
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:
You can also make things simple by choosing to show your Facebook slider’s Text header. Here’s an example:
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.
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.
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:
Add Facebook Slider with the Shortcode
Want to show your Facebook slider on your website’s sidebar area?
First, copy your shortcode here:
Then, go to your WordPress dashboard and navigate to Appearance » Widgets. Look for the Text widget and add it to your sidebar area.
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:
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.
Want more Facebook tips? You may want to check out this next post on how to embed a Facebook page on your website.