Docs    Facebook    Customizations

Creating a slideshow, slider, or carousel from your Facebook posts

If you’re using the Pro version of the Custom Facebook Feed WordPress plugin then you can use our Carousel extension to create sliding carousels out of your Facebook content.

If you’re using the free WordPress plugin, or the PHP Standalone version, then it’s possible to achieve a basic slideshow by doing the following:

————

1) Add a class to the shortcode of the feed that you want to convert into a slideshow:

Comments Box SVG iconsUsed for the like, share, comment, and reaction icons
3 weeks ago

⚡️ Cyber Monday EXTENDED! ⚡️

Our Cyber Monday sale was so popular, we're extending it until Friday! Get up to 70% off Smash Balloon's top-tier social media feed plugins.

👉 smashballoon.com/black-friday/👈

With a premium Smash Balloon plan, you can:
- Engage visitors with bite-sized TikTok video feeds
- Supercharge Instagram growth with beautiful galleries and Instagram reels
- And more!

👉 smashballoon.com/black-friday/👈

This limited-time offer expires THIS FRIDAY, December 6th, 2024, at 11:59 PM EST. Don't miss out! This is a BIG discount, and we're not sure when (or if) we'll ever offer it again.
... See MoreSee Less

⚡️ Cyber Monday EXTENDED! ⚡️

Our Cyber Monday sale was so popular, were extending it until Friday! Get up to 70% off Smash Balloons top-tier social media feed plugins.

👉 https://smashballoon.com/black-friday/👈

With a premium Smash Balloon plan, you can:
- Engage visitors with bite-sized TikTok video feeds
- Supercharge Instagram growth with beautiful galleries and Instagram reels
- And more! 

👉 https://smashballoon.com/black-friday/👈

This limited-time offer expires THIS FRIDAY, December 6th, 2024, at 11:59 PM EST. Dont miss out! This is a BIG discount, and were not sure when (or if) well ever offer it again.
1 month ago

🎬 Want to easily embed YouTube videos on your website with visible time length and duration?

Embedding YouTube videos is a fantastic way to keep your visitors engaged and turn them into loyal customers. But it can be tricky to do manually, especially if you want to display video lengths. 🤔

Discover how you can quickly and effortlessly embed YouTube videos on your WordPress site using the YouTube Feed Pro plugin by Smash Balloon. No coding required! 🙌

Dive into our step-by-step guide and start embedding amazing YouTube content today!

👉
... See MoreSee Less

Video image

0 CommentsComment on Facebook

2 months ago

Need some inspiration for displaying your Instagram feed on your website? 🤔

Our YouTube video showcases stunning examples of Instagram feeds on websites, complete with tips and tricks to recreate the look! 🤩

From minimalist grids to eye-catching carousels, you're sure to find the perfect style for your brand! ✨

Get inspired here:
... See MoreSee Less

Video image

1 CommentComment on Facebook

Your Facebook Feed Pro plugin is showing the wrong times, and I sent a support request in, but don't know if it went through. After filing in all the fields and pressing the submit button nothing happens? Doesn't tell me if it's went through or not?

2 months ago

Want more Instagram followers? 🤔 Of course you do! 😉

We're sharing proven tips and tricks to boost your Instagram following organically in our video.

Learn how to:

Craft the perfect bio ✨
Create engaging content 📸
Use hashtags strategically #️
And much more! 🚀

Ready to grow your audience? Head to the video here:
... See MoreSee Less

Video image

0 CommentsComment on Facebook

Load more

2) Set the number of posts to display to be the number of posts you want to include in the slideshow (10 for example). You can do this by using the ‘num’ shortcode option:

Comments Box SVG iconsUsed for the like, share, comment, and reaction icons
3 weeks ago

⚡️ Cyber Monday EXTENDED! ⚡️

Our Cyber Monday sale was so popular, we're extending it until Friday! Get up to 70% off Smash Balloon's top-tier social media feed plugins.

👉 smashballoon.com/black-friday/👈

With a premium Smash Balloon plan, you can:
- Engage visitors with bite-sized TikTok video feeds
- Supercharge Instagram growth with beautiful galleries and Instagram reels
- And more!

👉 smashballoon.com/black-friday/👈

This limited-time offer expires THIS FRIDAY, December 6th, 2024, at 11:59 PM EST. Don't miss out! This is a BIG discount, and we're not sure when (or if) we'll ever offer it again.
... See MoreSee Less

⚡️ Cyber Monday EXTENDED! ⚡️

Our Cyber Monday sale was so popular, were extending it until Friday! Get up to 70% off Smash Balloons top-tier social media feed plugins.

👉 https://smashballoon.com/black-friday/👈

With a premium Smash Balloon plan, you can:
- Engage visitors with bite-sized TikTok video feeds
- Supercharge Instagram growth with beautiful galleries and Instagram reels
- And more! 

👉 https://smashballoon.com/black-friday/👈

This limited-time offer expires THIS FRIDAY, December 6th, 2024, at 11:59 PM EST. Dont miss out! This is a BIG discount, and were not sure when (or if) well ever offer it again.
1 month ago

🎬 Want to easily embed YouTube videos on your website with visible time length and duration?

Embedding YouTube videos is a fantastic way to keep your visitors engaged and turn them into loyal customers. But it can be tricky to do manually, especially if you want to display video lengths. 🤔

Discover how you can quickly and effortlessly embed YouTube videos on your WordPress site using the YouTube Feed Pro plugin by Smash Balloon. No coding required! 🙌

Dive into our step-by-step guide and start embedding amazing YouTube content today!

👉
... See MoreSee Less

Video image

0 CommentsComment on Facebook

2 months ago

Need some inspiration for displaying your Instagram feed on your website? 🤔

Our YouTube video showcases stunning examples of Instagram feeds on websites, complete with tips and tricks to recreate the look! 🤩

From minimalist grids to eye-catching carousels, you're sure to find the perfect style for your brand! ✨

Get inspired here:
... See MoreSee Less

Video image

1 CommentComment on Facebook

Your Facebook Feed Pro plugin is showing the wrong times, and I sent a support request in, but don't know if it went through. After filing in all the fields and pressing the submit button nothing happens? Doesn't tell me if it's went through or not?

2 months ago

Want more Instagram followers? 🤔 Of course you do! 😉

We're sharing proven tips and tricks to boost your Instagram following organically in our video.

Learn how to:

Craft the perfect bio ✨
Create engaging content 📸
Use hashtags strategically #️
And much more! 🚀

Ready to grow your audience? Head to the video here:
... See MoreSee Less

Video image

0 CommentsComment on Facebook

Load more

3) Add the following JavaScript to your site. This can be done manually using a custom JavaScript plugin. For further information see our documentation here. Please note, if you change the class option in the shortcode above to be anything but “slideshow” then make sure to change that on the first line of the snippet below:

var shortcodeClass = 'slideshow',
    cffSpeed = 5000, 
    $cff = $('#cff.'+ shortcodeClass);
    $cffItem = $cff.find('.cff-item'),
    cffNum = $cffItem.length,
    cffCur = 0;
$cffItem.hide();
setTimeout(function(){ $cff.find('.cff-item').eq(0).show(); }, 200);
setInterval(function(){
    $cff.find('.cff-item').eq(cffCur).fadeOut( "fast", function() {
        if( cffCur == cffNum-1 ) cffCur = -1;
        cffCur++;
        $cff.find('.cff-item').eq(cffCur).fadeIn();
    });
}, cffSpeed);

4) You can change the speed of the transition by editing the cffSpeed = 5000 value at the top of the snippet. 5000 is equal to 5 seconds (5000ms).

support

Couldn’t find your answer in the docs?

Contact Support

Was this article helpful?