How To Be Pro In Wp

How one can embed Fb albums in WordPress

Do you want to embed Facebook albums on your WordPress website?

Embedding Facebook albums is a great way to promote social engagement on both your WordPress website and Facebook page.

In this article, we are going to show you step by step how to easily embed Facebook albums in WordPress.

Embed a Facebook album in WordPress

WordPress used to have built-in support for embedding Facebook albums. Just like embedding a YouTube video, all you had to do was copy and paste a Facebook album URL and WordPress would get it and display it automatically.

However, all of that recently changed when Facebook and Instagram made changes to their API. These changes made it impossible for WordPress to continue supporting Facebook and Instagram.

If you now paste a link to a Facebook album, WordPress will display the message “Sorry, this content could not be embedded”.

Facebook embed error in WordPress

You can convert it to a link, but that wouldn’t show your album and instead take users to Facebook to view your photos.

Fortunately, our sister company Smash Balloon made a fix for Facebook and Instagram embeds in WordPress.

This allows you to easily embed Facebook albums with even more features and functionality in your blog posts, pages and widgets.

Embed Facebook albums in WordPress with Smash Balloon

Smash Balloon is the best Facebook plugin for WordPress that allows you to easily display your Facebook feed on your website to increase engagement and get more likes.

First you need to install and activate the Smash Balloon Custom Facebook Feed Plugin. For more information, see our step-by-step guide on installing a WordPress plugin.

After activation go to Facebook Feed »Settings Page and then click the License tab. From here you will need to enter your license key, which can be found under your account on the Smash Balloon website.

Enter your Smash Balloon license key

Next, you need to click on the “Configuration” tab and then click the big blue button to connect your Facebook account.

Connect your Facebook account

You can choose to connect to a Facebook Page or a group. In this example a connection is made to a page. However, you can also connect to a group and share those albums.

Choose your side

This will take you to Facebook, where you will be asked to log into your Facebook account and click the Next button.

Log in to Facebook and continue

After that, you will be asked to select the Facebook page (s) you want to connect to. Just check the boxes next to the pages you want to connect to your WordPress site.

Select Facebook Pages to connect to WordPress

Click the Next button to continue.

You will be asked to select permissions for the page. Make sure they are all checked, otherwise Smash Balloon may not be able to pull content from your Facebook account.

Quit the Facebook connection wizard

Then you can click “Done” to complete the setup.

You will now be directed back to your WordPress website where the plugin will ask you to select the page (s) you want to use. Just click to select the page (s) then click the “Link This Page” button to continue.

Connect Facebook pages with Smash Balloon

Smash Balloon will now show your site as connected. Don’t forget to click the “Save Settings” button to save your changes.

Displaying your Facebook albums in WordPress with Smash Balloon

Smash Balloon is highly customizable and offers several ways to display your Facebook albums in WordPress.

1. View all of your Facebook albums

This method is simpler and allows you to view all of your Facebook albums in a WordPress post or page. Users can then click to view photos in their albums in a lightbox pop-up.

Just go to Facebook Feed »Customize Page and scroll down to the Post Types section.

View album feed

From here you need to turn off all other items except albums. You will see some options like album source, title and other settings. You can leave them unchanged if you are not sure.

Click the Save Changes button at the bottom of the page to save your changes.

Now you need to edit the post or page that you want to view your Facebook albums on. In the content editor, click the Add New Block (+) button, then add a custom Facebook feed block to your content area.

Custom Facebook Feed Block

The plugin then automatically retrieves albums from your Facebook page and shows a preview of them in the content area. You can now save your changes and preview the post / page to see your albums in action.

Facebook albums are displayed in a grid

You can see your Facebook albums in a neat grid layout. Clicking the album will open it in a lightbox pop-up.

Facebook album lightbox popup in WordPress post

2. View a specific Facebook album in WordPress

Smash Balloon also makes it very easy to embed a specific Facebook album anywhere on your WordPress site.

For that you will need the album addon that comes with the ‘Smash’ plan.

Just go to the Facebook Feed »Extensions Click the Get this Extension button.

Get the album extension

This will take you to the Smash Balloon website where you can purchase the extension or upgrade your plan.

After that, you can download and install the extension like any WordPress plugin. After activation, return to Facebook Feed »Extensions and enable the “Enable” option under the “Albums” extension.

Activate album expansion

Don’t forget to click the Save Changes button to save your settings.

You can now embed any Facebook album from your page or group on your WordPress blog.

First of all, you need to find the ID for the Facebook album that you want to embed. Just visit Facebook and open the album. The URL of the album is displayed in the URL field.

Get album ID

For example, your album url might look like this.

https://www.facebook.com/media/set/?vanity=YourPageName&set=a.141148357810432

In this url, the numeric string after the set = a. is your album ID.

After getting the album ID, you can copy and paste it in a safe place. You will need it in the next step.

Now just edit the post or page you want to view the album on. On the post-edit screen, you need to add the shortcode block to the content area.

Inside the shortcode block you need to enter the following shortcode.

[custom-facebook-feed album=YourAlbumID]

Shortcode block

Don’t forget to replace YourAlbumID with your own album ID that you copied earlier.

You can now save your changes and preview your post or page to view your Facebook album embedded in WordPress.

Preview of a single Facebook album embedded in WordPress

We hope this article has helped you learn how to embed Facebook albums in WordPress. You may also want to check out our guide on how to create a custom Instagram photo feed in WordPress and how to create an email newsletter to connect with your visitors after they leave your website.

If you enjoyed this article, please subscribe to our YouTube channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Related Articles