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.
But manually embedding Facebook albums can get tough if you’re not an expert. You’ll have to handle a lot of complicated code.
In this article, we’ll show you how to embed a Facebook album on your website in just 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 your 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.
But if you use a WordPress plugin to embed a Facebook album on your website, you won’t have those problems.
Instead, 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.
Below, let’s talk about how you can easily display your Facebook photos step-by-step, even if you’re a complete WordPress newbie.
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 seamlessly add your Facebook content to your website without requiring any technical work to make it look great.
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.
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, just 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, just 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.
Here, you can choose between two different types of album feeds.
- Albums: Show all the albums from your Facebook page or a group.
- Single Album: Display a feed containing all the images from a single Facebook album.
In this tutorial, we’re going to use the albums feed type.
Once you decide the best option for you, you can move on to the next step and connect your feed to Facebook.
Step 3: Connect Your Facebook Page or Group to the Feed
Now that you’ve created a Facebook album feed, it’s time to connect it to Facebook. Depending on your feed type, you have 2 ways to do this.
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.
Now just select the page you want for your source and then click on Next.
After that, just 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, just 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 choose the Facebook album to embed on your website. For that, open up the Facebook album on your web browser.
Then, you can just 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.
Now, you’ve created a new Facebook feed and connected it to your album.
In the next step, you can use the plugin’s customization options to change how the album looks on your website.
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:
- Social Wall
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 the customization options, you can freely set your feed type, layout, color scheme, header design, post design, and a lot more.
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.
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.
Now from the options there, 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 just 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, just 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 just 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. 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.
Next, you can also embed the feed as a Facebook photo gallery widget on your website.
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.
In the live feed editor, click on the Embed button at the top.
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.
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 Facebook marketing? You can check out this next article on why you should never buy Facebook followers (and what to do instead).