Do you need to embed Fb albums into your WordPress web site?

Embedding Fb albums is an effective way to spice up social engagement on each your WordPress web site and your Fb web page.

On this article, we’ll present you the right way to simply embed Fb albums in WordPress, step-by-step.

Embedding a Fb Album in WordPress

WordPress used to come back with built-in embed help for Fb albums. Identical to you embed a YouTube video, all you needed to do was to repeat and paste the URL of any Fb album and WordPress mechanically fetched and displayed it.

Nevertheless, all of this modified not too long ago when Fb and Instagram made adjustments to their API. These adjustments made it inconceivable for WordPress to proceed oEmbed help for Fb and Instagram.

Now if you happen to paste a hyperlink to a Fb Album, WordPress will present you a message that ‘Sorry, this content material couldn’t be embedded’.

Facebook embed error in WordPress

You’ll be able to convert it to a hyperlink, however that wouldn’t show your album and as an alternative take customers to Fb to view your images.

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

This lets you simply embed Fb albums in your weblog posts, pages, and widgets with much more options and performance.

Embed Fb Albums in WordPress with Smash Balloon

Smash Balloon is the best Facebook plugin for WordPress which lets you simply show your Fb feed in your web site to spice up engagement and get extra likes.

First, it is advisable set up and activate the Smash Balloon Custom Facebook Feed plugin. For extra particulars, see our step-by-step information on how to install a WordPress plugin.

As soon as activated, go to the Fb Feed » Settings web page after which click on on the ‘Licence’ tab. From right here it is advisable enter your license key which may discovered underneath your account on the Smash Balloon web site.

Enter your Smash Balloon license key

Subsequent, it is advisable click on on the ‘Configuration’ tab after which click on on the massive blue button to attach your Fb account.

Connect your Facebook account

You’ll have the ability to select whether or not you need to hook up with a Fb web page or a bunch. We’ll hook up with a web page for this instance, however you possibly can hook up with a bunch and share these albums as nicely.

Select Your page

This can take you to Fb the place you can be requested to log in to your Fb account and click on on the Proceed button.

Login to Facebook and continue

After that, you can be requested to pick which Fb web page(s) you wish to join. Merely examine the containers subsequent to the pages that you simply need to hook up with your WordPress website.

Select Facebook pages to connect with WordPress

Click on on the Subsequent button to proceed.

You’ll be requested to pick permissions for the web page. Guarantee that they’re all turned on in any other case Smash Balloon might not have the ability to fetch content material out of your Fb account.

Finish Facebook connection wizard

After that, you possibly can click on ‘Accomplished’ to complete setup.

You’ll be now redirected again to your WordPress website the place the plugin will ask you to pick which web page(s) you need to use. Merely click on to pick the web page(s) after which click on on the ‘Join this web page’ button to proceed.

Connect Facebook pages to Smash Balloon

Smash Balloon will now present your web page as linked. Don’t neglect to click on on the ‘Save Settings’ button to retailer your adjustments.

Displaying Your Fb Albums in WordPress Utilizing Smash Balloon

Smash Balloon is extremely customizable and gives a number of methods to show your Fb albums in WordPress.

1. Show All Your Fb Albums

This technique is less complicated and means that you can present all of your Fb albums in a WordPress publish or web page. Customers can then click on to view images in your albums in a lightbox popup.

Merely go to Fb Feed » Customise web page and scroll all the way down to the Submit Sorts part.

Display albums feed

From right here, it is advisable uncheck all different objects besides Albums. You will notice a number of choices like album supply, title, and different settings. You’ll be able to depart them unchanged in case you are not sure.

Go forward and click on on the Save Modifications button on the backside of the web page to avoid wasting your adjustments.

Now, it is advisable edit the publish or web page the place you need to show your Fb albums. On the content editor display, click on on the add new block button (+) after which add Customized Fb Feed block to your content material space.

Custom Facebook Feed block

The plugin will then mechanically fetch albums out of your Fb web page and show a preview of them within the content material space. Now you can save your adjustments and preview the publish / web page to see your albums in motion.

Facebook albums displayed in a grid layout

You’ll see your Fb albums listed in a neat grid structure. Clicking on the album will open it in a lightbox popup.

Facebook album lightbox popup in WordPress post

2. Show a Particular Fb Album in WordPress

Smash Balloon additionally means that you can simply embed a particular Fb album anyplace in your WordPress website.

For that, you’ll want their Album addon which comes with the ‘Smash’ plan.

Merely go to the Fb Feed » Extensions web page and click on on the Get This Extension button.

Get album extension

This can take you to the Smash Balloon web site the place you should buy the extension or improve your plan.

After that, you possibly can obtain and set up the extension such as you would set up any WordPress plugin. Upon activation, return to the Fb Feed » Extensions and examine the ‘Activate’ choice underneath the Albums extension.

Activate album extension

Don’t neglect to click on on the Save adjustments button to retailer your settings.

You at the moment are able to embed any Fb album out of your web page or group to your WordPress blog.

First, you’ll need to search out the ID for the Fb album that you simply need to embed. Merely go to Fb and open the album and also you’ll see the album ID within the URL subject.

Get album ID

For example, your album URL might seem like the next.

https://www.fb.com/media/set/?self-importance=YourPageName&set=a.141148357810432

On this URL, the numeric string after the set=a. is your album ID.

After acquiring the album ID, you possibly can copy and paste it someplace secure. You’ll want it within the subsequent step.

Now, merely edit the publish or web page the place you need to show the album. On the publish edit display, it is advisable add the shortcode block to the content material space.

Contained in the shortcode block, you’ll must enter the next shortcode.

[custom-facebook-feed album=YourAlbumID]

Shortcode block

Don’t neglect to exchange the YourAlbumID with your individual album ID that you simply copied earlier.

Now you can save your adjustments and preview your publish or web page to see your Fb album embedded in WordPress.

Preview of a single Facebook album embed in WordPress

We hope this text helped you discover ways to embed Fb albums in WordPress. You might also need to take a look at our information on how to create a custom Instagram photo feed in WordPress, and how to create an email newsletter to attach along with your guests after they depart your web site.

Should you favored this text, then please subscribe to our YouTube Channel for WordPress video tutorials. You may also discover us on Twitter and Facebook.

(function() {
var _fbq = window._fbq || (window._fbq = []);
if (!_fbq.loaded) {
var fbds = document.createElement(‘script’);
fbds.async = true;
fbds.src = “http://connect.facebook.net/en_US/fbds.js”;
var s = document.getElementsByTagName(‘script’)[0];
s.parentNode.insertBefore(fbds, s);
_fbq.loaded = true;
}
_fbq.push([‘addPixelId’, ‘831611416873998’]);
})();
window._fbq = window._fbq || [];
window._fbq.push([‘track’, ‘PixelInitialized’, {}]);



Source link