Want to learn how to embed Facebook albums on your website with ease?
Displaying Facebook photos on your site is a great way to showcase your best visual content and engage your visitors.
Since manually embedding Facebook albums can get tough, we’ll show you how to embed a Facebook album on your website in a few easy steps — no coding needed at all!
Before we start, let’s explore the benefits of adding your Facebook album to your website.
Or, you can click here to jump to the tutorial on how to do this easily.
Why Embed Facebook Photo Albums on Your Website?
Visual content is essential these days, especially on digital marketing platforms like Facebook, where most posts have an image or Facebook videos attached.
But did you know that when people hear information, they only remember around 10% of it 3 days later?
When a piece of information has a relevant image, people recall 65% of it, even after 3 days! This is also one of the reasons why Facebook posts with images get higher engagement than posts without photos.
So, backing up your blog posts with relevant visual content is one of the best ways to ensure your message sticks in people’s memories.
And if you link your photos to your Facebook page, instead of just displaying a screenshot, it’s easy for your site visitors to follow you in real-time for future updates.
Business owners and bloggers display a Facebook photo gallery on their sites because it can:
- Improves the appearance of your website with eye-catching images
- Skyrockets your Facebook page engagement by cross-promoting it to targeted traffic
- Increases interest in your business and the products you offer
- Keeps people on your site for longer to improve your SEO
- Displays user-generated content to increase social proof and encourage customer loyalty
When you embed a Facebook album on your website, you make it easier for potential customers to engage with your brand and keep you in their memories for longer.
When combined, this increases the chances of customer conversions.
Methods for Embedding Facebook Albums on Your Website
The 3 main ways of displaying Facebook photos on your website are:
- Share an album as a new post on Facebook, then paste the embed code into your website.
- Generate a Facebook album embed code from a 3rd party website to paste on your website.
- Use a WordPress plugin to connect your Facebook account and embed your albums with a few clicks.
The first 2 methods for embedding Facebook albums are pretty complex. They involve using multiple web pages and require you to paste code snippets directly into your website.
And if you use Facebook iFrames, search engines won’t recognize the embedded content, so you lose out on SEO points.
Plus, you also need to manually edit the code if you want to customize how your Facebook photo albums look. So, your photo albums might clash with your website’s design.
What’s more, if you run into a problem as you get codes or change code snippets, there’s limited support available to get your issues fixed.
The good news? Unlike Wix, Shopify, or Squarespace, WordPress comes with tons of plugins that can add features to your site.
So, you use a WordPress plugin to embed a Facebook album on your website with ease.
Just like that, you can…
- Display your Facebook albums in stunning photo gallery albums with no coding required
- Control how your albums look and feel on your website
- Customize the information displayed in your photo albums
- Encourage people to follow your Facebook page with call-to-action buttons
- Display multiple Facebook albums in different areas of your site
- Get access to help and support from WordPress experts
Using a WordPress plugin to embed a photo album on the website gives you much more control over how you display your photos.
Easiest Way to Add Facebook Album to Your WordPress Website
For this tutorial, we’ll be using the Facebook Feed Pro plugin from Smash Balloon.
Facebook Feed Pro lets you aggregate Facebook content on your website in a few clicks — no need to deal with API or coding.
You can embed any type of Facebook content on your WordPress site and display it anywhere you like, including Facebook reviews, event calendars, Facebook galleries, videos, and more.
And with a powerful live feed editor, you can easily customize all parts of your Facebook feed in a few simple clicks — no need for HTML, CSS, iFrame, Javascript, or any kind of coding.
Plus, with the Facebook Album extension, you can embed photo albums on your website in stunning Facebook media galleries.
With that in mind, let’s dive into setting up your Facebook albums in WordPress using the Facebook Feed Pro plugin.
Step 1: Download and Install Facebook Feed Pro
To embed a Facebook album on a website, first, go and grab your copy of Facebook Feed Pro. Once you have the plugin, just install and activate it on your site.
Want to learn how to do that? You can take a look at this step-by-step guide on how to install a WordPress plugin.
After that, you can get the Album Extension for the plugin. Like before, install and activate it on your website.
Step 2: Create Your Facebook Album Feed
Now that you’ve installed and activated the plugin, you can go to the Facebook Feed » All Feeds menu on your dashboard.
On this new page, click on the Add New button at the top.
Once you do that, it’s time to pick the feed type from all the available options.
There are 9 different feed types here, with support for photos, videos, events, reviews, single albums, and much more.
Step 3: Select Your Facebook Album Type
Now that you’ve created a Facebook album feed, you can choose between 2 types of album feeds:
- Albums: Show all the albums from your Facebook page or a Facebook group.
- Single Album: Display a feed containing all the images from a single Facebook album.
Let’s go through both of these options below:
Connect to a Facebook Albums Feed
To get started, you can just select Album from all the feed types and click on Next.
After that, you’ll have to pick the source for your Facebook album. This can be the Facebook page or group where the album is stored.
To add the source, first click on Add New.
You’ll now see a popup where you can choose between a Page or a Group for your source. Just pick the one you want and then click on Connect.
After you do that, it’s time to give read-only access to the plugin so that it can show your Facebook album.
And since it only asks for read-only access, Facebook Feed Pro can’t actually change anything on your site.
Here, select the page you want for your source and then click on Next.
After that, click on Done to finish giving the access.
Now, you’ll be back on your website. Here, you can finally add your new source by clicking on Add.
With that, you can just click on Next and move on to customizing your Facebook album feed by going to step 4 below.
Connect to a Single Album Feed
Want to embed a single Facebook album instead? Facebook Feed Pro can help you do this, too.
First, go to the Facebook Feed » All Feeds menu on your dashboard and click on the Add New button to create a new feed.
On the next page, you can select Single Album and then click on Next.
Now, you can click on Add New to add a new source for your Facebook album.
In this new popup, just pick between a page or a group and click on Connect.
After you’re done, you’ll see a new popup where you can select the pages or groups to connect. Just select the ones you prefer and click on Next.
Now click on Done to finish up here and return to your website.
On your site, you can then click on Add to use this source for your Facebook album feed.
Finally, you can select your source and then click on Next.
With that, you can now get the link for your Facebook photo album to connect it to your feed. For that, open up the Facebook album on your web browser.
Then, you can copy the URL from the address bar.
Now go back to your website and then paste the URL in the Album URL or ID field. Finally, click on Next.
Step 4: Customize Your Facebook Album Feed
To help you select your feed’s design with ease, Facebook Feed Pro comes with different themes that you can import.
These professionally-designed themes can change your colors, icons, button design, and more:
- Default
- Modern
- Social Wall
- Outline
- Overlap
After you choose your Facebook feed theme, click on the Next button.
Once you’ve selected your theme, you can also choose a feed template for your feed. That way, you can change the layout and header design for posts.
All you have to do is choose from these 7 layouts and then click on Next.
Now, you can see the live feed editor, where you can get creative with the customization of your Facebook feed.
You can see all the customization options on the left and the live preview of your Facebook album feed on the right.
With these, you can freely set your feed type, layout, color scheme, header design, post design, and a lot more with ease — no complex options, coding, or dropdown lists.
To begin, first, select the Feed Layout option.
Here, you can choose from 4 different layouts for your Facebook album feed: List, Grid, Masonry, and Carousel.
The list layout will show your Facebook albums one after the other in a simple way.
It’s a great way to make each album clearly visible on your site.
Want to show lots of albums at once? Well, the grid option can help you show all of your Facebook posts in neat rows and columns.
If you go for the masonry layout, your Facebook albums will keep their original proportions.
You can also pick the Facebook carousel layout here. With it, your content will appear in a beautiful carousel slideshow instead.
Once you pick the layout you want, click on the Save button.
Now, to go back to the main customization options, click on the Customize button at the top.
Just like that, you can continue customizing your Facebook album feed.
Now, from the options on the left, select Color Scheme.
There, you can change the colors of your Facebook album feed by picking from 4 different options.
- Inherit from Theme: Copy the color scheme of your theme
- Light: Put on a brighter look with light colors
- Dark: Pick a darker look for your feed
- Custom: Manually add in all the colors for your feed
You can select your preferred option from these 4 to finalize the color scheme of your Facebook album feed.
After you select the color scheme you prefer, click on the Save button.
You can then start customizing the rest of the feed. With these options, set the header style, post layout, feed size, margins, and a lot more.
And after you’re done with customizing your Facebook photo album feed, you can click on Save.
Step 5: Embed Your Facebook Album Feed
Finally, you can now add your new feed to your website. There are actually 2 ways you can embed Facebook photo album feeds.
Embed Facebook Photo Album Feed on a Page
To get started, click on the Embed button at the top right corner.
Doing that will open a new popup where you can pick the location for your Facebook album feed. You’ll be able to add it to your homepage, sidebar, footer, landing pages, or even copy the shortcode from here.
Just select Add to a Page here and continue.
The plugin will now show you all of your available pages. To proceed, select the one where you want the Facebook album feed and then click on Add.
After that, the plugin will send you to that page so you can embed your Facebook album feed.
On that page, you can click on the small plus icon (+) at the top and select the Custom Facebook Feed widget.
Just click on the Publish button on the top right, and you’ve successfully added your Facebook album feed to your site.
You can now open your site and check it out!
Now, your visitors can click on any of the Facebook photo albums to see your images in a beautiful lightbox.
As you can see, Facebook Feed Pro lets you embed Facebook albums on your website free of hassle.
Next, you can also embed the feed as a Facebook photo gallery widget on your website with the help of this plugin.
Embed Facebook Photo Album Feed on Your Sidebar or Footer
You can also embed photo galleries on your website’s sidebar or footer as a Facebook widget.
First, you’ll have to open up the live feed editor.
To do that, you can go to the Facebook Feed menu from your WordPress dashboard.
Now, you should be able to see a list of all your Facebook feeds. Just click on the Facebook album feed you want to embed.
From here, you can customize your feed some more or add the Facebook photo album to your website.
In the live feed editor, click on the Embed button at the top.
You’ll then see all the ways to embed a Facebook album feed on your WordPress site.
From the options here, select Add to a Widget.
To embed a photo gallery on a website’s sidebar or footer, Facebook Feed Pro will now send you to the Widgets page.
Here, click on Sidebar to go ahead and add your Facebook photo album widget.
To use a WordPress footer instead, click on a Footer panel here.
For this tutorial, we’ll go with the sidebar.
Then, click on the plus icon (+) and select the Custom Facebook Feed widget.
Finally, you’ve added your Facebook photo album to your website sidebar.
With the help of Facebook Feed Pro, you can get Facebook posts and albums to show up on your website’s widget-ready areas in no time.
You can open your site to check and see how your Facebook photo album widget looks now.
There you have it!
You now know how to embed a Facebook album on your website. With the Facebook Feed Pro plugin, all it takes is a few simple clicks.
By showing social media feeds with relevant Facebook photos, you can get started and grow your business with ease.
What are you waiting for? Get started with Facebook Feed Pro today.
Interested in YouTube marketing? You can check out this next article on how to embed YouTube videos on your WordPress site.
Finally, don’t forget to follow us on Twitter and Facebook for more helpful social media content.
