If you actively use Facebook albums to showcase products, share customer testimonials, or engage your community, displaying them on your WordPress website can be a game-changer.
It can not only enhance the visual appeal of your site but also serve as social proof, demonstrating your brand’s active presence and engagement. It can also drive traffic back to your Facebook page, where potential customers can learn more and connect with you.
With the help of WordPress plugins, embedding Facebook albums is an easy feat, and WPBeginner is here to guide you through the process.
In this article, we will show you how to easily embed Facebook albums in WordPress.
Why Embed a Facebook Album in WordPress?
There are many reasons why you’d want to embed a Facebook photo album on your WordPress website.
Perhaps you have a popular Facebook page and constantly post photos there, and would like your site visitors to see them, too. By embedding your Facebook album in WordPress, you won’t have to upload the same photo to two different platforms.
Plus, embedding a Facebook album can enhance the overall visual appeal and user experience of your website. Visitors can easily browse through your embedded Facebook album without leaving your WordPress page.
WordPress used to come with built-in embed support for Facebook albums. Just like you embed a YouTube video, you could simply copy and paste the URL of any Facebook album, and WordPress would display that album automatically.
However, Facebook and Instagram have since made changes to their API. These changes make it impossible for WordPress to continue oEmbed support for Facebook and Instagram.
If you try to embed a link to an album, then you’ll get an error message.
Thankfully, there is a way to fix Facebook and Instagram embeds in WordPress using a plugin.
Let’s see how you can easily embed Facebook albums in WordPress. You can use these quick links below to navigate through the steps:
Step 1: Install Smash Balloon Custom Facebook Feed
The best way to embed Facebook albums in WordPress is by using the Smash Balloon Custom Facebook Feed plugin.
This plugin lets you embed Facebook status updates, comments, reviews, community posts, and more on your site.
It also lets visitors take a closer look at your photos and images without having to visit Facebook, by opening a lightbox popup.
Note: While a free version of Smash Balloon is available, this guide will be using the Pro version of Smash Balloon as it has the Facebook album embed feature we need.
The first thing you need to do is install and activate the Smash Balloon Custom Facebook Feed plugin. For more details, see our guide on how to install a WordPress plugin.
Upon activation, you’ll need to go to Facebook Feed » Settings and enter your license key into the ‘License Key’ field.
You’ll find this information in your account on the Smash Balloon website.
After entering the key, click on the ‘Activate’ button.
Step 2: Connect Your Facebook Page or Group to WordPress
This plugin allows you to embed a feed from a Facebook group or page. You can even show the latest comments below each photo, along with the total likes and shares.
To connect your Facebook page or group to WordPress, go to Facebook Feed » All Feeds and then click on ‘Add New.’
Smash Balloon lets you show posts from your photo albums, timelines, events, and more.
To embed your Facebook albums, you’ll need to click on ‘Albums’ and then click on ‘Next.’
Now, you need to select the Facebook page or group where you’ll get the photos from.
To get started, click on ‘Add New.’
On the next screen, choose whether you want to show albums from a page or group.
After that, just click on ‘Connect to Facebook.’
This opens a popup where you can log into your Facebook account and choose the pages or groups where you want to get the albums from.
After making this decision, click on ‘Next.’
Once you’ve done that, Facebook will show all the information that Smash Balloon will have access to and the actions it can perform.
To restrict Smash Balloon’s access to your Facebook account, just click any of the switches to turn it from ‘Yes’ to ‘No.’ Just be aware that this may affect the albums and photos that you can embed on your WordPress blog or website.
With that being said, we recommend leaving all the switches enabled.
When you’re ready, click on ‘Done.’
After a few moments, you should see a message confirming that you’ve connected your WordPress website to Facebook. With that done, it’s time to click on ‘OK.’
Smash Balloon will now take you back to the WordPress admin area automatically.
How to Add a Single Facebook Album in WordPress
Smash Balloon also allows you to embed a specific Facebook album anywhere on your WordPress site. This allows you to show your latest album to visitors or to display an album that’s relevant to the rest of the page’s content.
For example, if you’ve added a Facebook event calendar to WordPress, then you might also want to show albums from past events.
To embed a particular Facebook album, you’ll need to buy and install the Album extension by going to Facebook Feed » Extensions.
Here, find the ‘Album’ extension and click on its ‘Add’ button.
This will open the Smash Ballon website in a new tab, with instructions on how to buy the Album extension.
Once you have the extension, you can install it in exactly the same way you install a plugin. If you need help, then please see our guide on how to install a WordPress plugin.
After activating the plugin, go to Facebook Feed » All Feeds and click on ‘Add New.’
Under ‘Advanced Feed Types,’ select ‘Single Album’ and then click ‘Next.’
You can now choose the page or group that you want to use as your source and choose a template by following the same process described above.
On the next page, you’ll need to enter the ID of the album that you want to embed.
In a new tab, simply open the Facebook album that you want to display.
You can now copy the numbers after the = symbol and in between the period and & symbols. For example, in the following image, we need to copy 447443907512397.
You can now paste these numbers into the WordPress dashboard.
After that, click on ‘Next’ and Smash Balloon will fetch the album.
Now, go ahead and continue to the next steps.
Step 3: Choose a Facebook Feed Template for Your Albums
You will now see a popup with the group or page you just linked to your website. Simply select the radio button next to your source and then click on the ‘Add’ button.
If you accidentally closed the popup, then don’t panic. You can simply refresh the tab to reopen the popup.
After that, WordPress will take you back to the Facebook Feed » All Feeds page automatically. Just like before, click on the ‘Add New’ button, select ‘Albums,’ and then click on the ‘Next’ button.
Now, select your Facebook page or group, and click on ‘Next.’
At this stage, you can go ahead and choose a theme to display your Facebook albums.
There are many to choose from, so be sure to explore the one that suits your needs best. Once you’ve made your pick, just click ‘Next.’
On the next screen, you can choose the template you’ll use as the starting point for your feed. All of these templates are fully customizable, so you can fine-tune the design depending on how you want to show the Facebook albums on your website.
We’re using the ‘Default’ template, but you can choose any template you want.
With that done, click on the ‘Next’ button.
Smash Balloon will now go ahead and create an album feed based on the source, theme, and template you’ve chosen. This is a good start, but you may want to fine-tune how the albums look on your WordPress website.
Step 4: Customize Your Embedded Facebook Albums
The Smash Balloon Custom Facebook Feed plugin gives you lots of ways to customize how the albums are displayed. With that in mind, it’s worth seeing what changes you can make.
On the Facebook Feed » All Feeds screen, find your album feed and then click on its ‘Edit’ button, which looks like a small pencil.
This opens the Smash Ballon feed editor, which shows a preview of your Facebook albums to the right.
On the left-hand side, you’ll see all the different settings you can use to customize how these albums appear on your site. Most of these settings are self-explanatory, but we’ll quickly cover some key areas.
To start, you can change how the albums are displayed by clicking on ‘Feed Layout.’
On this screen, you can switch between different layouts and change the feed height. You can even create a responsive slider by selecting the ‘Carousel’ layout.
As you make changes, the preview will update automatically, so you can try different settings to see what looks the best.
By default, the feed will show the same number of posts on desktop computers and mobile devices such as smartphones.
You can preview how your albums will look on desktop computers, tablets, and smartphones using the row of buttons in the upper-right corner.
Websites viewed on mobile will naturally look smaller, so you may want to show fewer albums on tablets and smartphones.
To do this, just type a different number into the ‘Mobile’ field under ‘Number of Posts.’
By trying out different layouts, you can create a social media feed that looks great, no matter what device the visitor is using.
By default, the Facebook feed shows fewer columns on smartphones and tablets compared to desktop computers. This helps all your albums and photos fit comfortably on smaller screens.
After testing the mobile version of your WordPress website, you may be unhappy with how the columns look on smartphones and tablets. If this is the case, then you can show fewer columns by changing the numbers in the ‘Columns’ section.
When you are happy with the changes you’ve made, click on the ‘Customize’ link.
This will take you back to the main Smash Balloon editor, ready for you to explore the next settings screen, which is ‘Color Scheme.’
By default, Smash Balloon uses a color scheme inherited from your WordPress theme, but this screen allows you to switch to a ‘Light’ or ‘Dark’ look.
You can also create your own color scheme by selecting ‘Custom’ and then using the controls to change the background color, change the text color in WordPress, and more.
By default, Smash Balloon adds a header to your feed, which is your Facebook profile picture and the name of the page or group. This can add some extra context, rather than simply embedding your Facebook videos and photos in WordPress.
To change how this section looks, click on ‘Header’ in the left-hand menu.
On this screen, you can change the size of the header and its color, hide or show your Facebook profile picture, and more.
If you want to remove the header completely, then click to turn off the ‘Enable’ toggle.
By default, Smash Balloon shows the title of each album. If you want to hide the title, then select ‘Posts’ from the main Smash Balloon editor menu.
Then, click on ‘Post Style.’
Here, you can remove the album titles by clicking on the ‘Show album title’ slider.
This can be useful if your album titles distract attention away from the photos or they don’t make sense when embedded on your website.
On this screen, you can also choose whether to show how many photos are in each album.
To add this number, simply click on the ‘Number of posts in album’ toggle.
By default, Smash Balloon doesn’t include the Facebook ‘like’ button in your feed. To get more Facebook followers, you may want to add this button by selecting ‘Like Box’ from the editor’s left-hand menu.
After that, simply click on the ‘Enable’ button so that it turns blue.
By default, Smash Balloon adds this button below your embedded photo albums, but you can change this by opening the ‘Position’ dropdown and choosing ‘Top.’
On this screen, you can also change how the ‘like’ section looks, including adding a custom call to action, showing how many people follow you on Facebook, and more.
When you are happy with how the ‘like’ button looks, you can move on to the ‘Load More Button’ screen.
The Load More button encourages visitors to scroll through more of your Facebook feed, so Smash Balloon adds it to your embedded photo albums by default.
Since it’s such an important button, you can help Load More stand out by changing the background color, text color, and label.
Another option is to remove the button completely by clicking the ‘Enable’ toggle.
By default, Smash Balloon allows visitors to look through your Facebook albums without leaving your website.
They can simply click on any album to open a lightbox, as you can see in the following image.
The visitor can then use the arrows to scroll through the album.
If they want to like a photo, leave a comment, or share the image with their Facebook friends, then they can click on the ‘View on Facebook’ link.
There are a few different ways that you can customize the default lightbox.
To see your options, click on ‘Lightbox’ in the left-hand menu.
Here, you can change the color of the lightbox’s text, links, and background colors.
The lightbox feature makes it easy for people to engage with your photos, but it also allows people to scroll through your albums without visiting your Facebook page.
If you want to get more visitors to your Facebook page, then you can disable the lightbox feature by clicking on the ‘Enable’ toggle.
Now, if a visitor clicks on an album, they will be redirected to your Facebook page in a new tab.
When you are happy with how the photo albums look, don’t forget to click on ‘Save’ to store your changes.
You’re now ready to add these albums to your WordPress website.
Step 5: Add the Facebook Albums to Your WordPress Pages or Posts
If you want to embed your Facebook albums in a page or post, then you’ll typically use the Facebook Feed block.
Simply open the page or post where you want to embed your albums. Then, click on the ‘+’ icon to add a new block and start typing ‘Facebook Feed.’
When the right block appears, click to add it to your page or post.
Within the block, go ahead and select the Facebook album feed you created earlier.
The block you created should now appear on the page or post.
You can also use the left-hand block settings panel to switch feeds. Once you’re happy with how the feed looks, just click ‘Update’ or ‘Publish’ if the post or page is new.
Another option is to add the feed to any widget-ready area, such as the sidebar or similar section. This allows visitors to see your Facebook photos from any page of your site.
Simply go to Appearance » Widgets in the WordPress dashboard and then click on the blue ‘+’ button.
Once you’ve done that, find the Facebook Feed widget. If you see two options, both will work the same way.
Then, just drag it onto the area where you want to show the feed and select the Facebook album feed you created.
The widget will show one of the feeds you created using Smash Balloon.
Here’s what it looks like:
You can now click on the ‘Update’ button to make the widget live. For more information, please see our step-by-step guide on how to add and use widgets in WordPress.
Finally, you can embed your albums on any page, post, or widget-ready using shortcode.
Simply go to Facebook Feed » All Feeds and copy the code in the ‘Shortcode’ column. You can now add the shortcode to any widget-ready area on your site.
For more information, please see our detailed guide on how to add a shortcode in WordPress.
Bonus Tip: Add More Social Media Feeds to WordPress
If you want to create a custom Facebook feed in WordPress, then the Smash Balloon Facebook Feed plugin is a great choice.
However, many websites have multiple social media accounts, such as a YouTube channel, Twitter profile, and Instagram account. If you create unique content for each platform, then it makes sense to show this content on your site.
If you share images on Instagram, then you create a custom Instagram photo feed and then add it to any page, post, or widget-ready area. You can even add Instagram shoppable images in WordPress.
Videos are a great way to catch the visitor’s attention and keep them on your website.
With that in mind, you may want to show the latest videos from your YouTube channel.
We hope this article helped you learn how to embed Facebook albums in WordPress. You may also want to check out our expert pick of the best Twitter plugins for WordPress and our guide on how to create a Facebook ads landing page in WordPress.
If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.
Jiří Vaněk
Connecting social media is very important to me because it engages multiple communities with my website, both on Facebook and Instagram as well as on the website itself. It’s great that thanks to the Smash Balloon plugin, this whole process is really very simple, otherwise, I would have to do everything manually and repeatedly. I really love this plugin and in my opinion, it is currently the top and number one choice for social media integration.
Mrteesurez
Connecting social media is essential for me too, as it helps bridge the gap between my website and the communities I’ve built on platforms like Facebook and Instagram. Using Smash Balloon has been a game-changer in this regard. Before discovering it, I had to manually update everything, which was time-consuming and prone to errors. Now, the integration is seamless, saving me hours of work and keeping my content consistent across all platforms. I agree—Smash Balloon is definitely the top choice for social media integration!
Mrteesurez
This is interesting. I run a Facebook page where I posts images and videos and I like to show the those photos and images on my site, Smash balloon will be of help for me to achieve this. The plugin is indeed great to be able to embed Facebook albums into WordPress.