Are you looking for an easy way on how to embed Facebook albums on your website?
Displaying Facebook photos on your site is a great way to showcase your best visual content and engage your visitors.
But if you use the Facebook plugin to embed Facebook photo albums without any coding skills, it can be tricky.
So, in this article, we’ll show you how to embed a Facebook album on your website with no technical knowledge required.
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 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 helps:
- 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
As mentioned, displaying Facebook photos on your website can be difficult if you’re not a technical person.
So, some of the methods for embedding Facebook albums on your site are likely outside your comfort zone and level of experience.
The 3 main ways to embed Facebook albums in WordPress 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.
They also make it difficult to customize how your albums look on your site, which can ruin your website’s carefully designed branding.
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 Facebook album on your 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 Custom Facebook Feed Pro plugin from Smash Balloon.
Custom Facebook Feed Pro lets you seamlessly add your Facebook content to your website without requiring any technical work to make it look great.
No need for coding snippets featuring src and other confusing technical terms — you just need to check or uncheck options, and you’re done.
Also no need to use another platform like Squarespace — Custom Facebook Feed Pro makes sure it’s easy for you to customize your album feeds on your website, even if you’re not tech-savvy.
And with powerful customization options, you can choose which parts of your Facebook content are displayed and keep the design consistent with your site’s theme and branding.
Plus, with the Facebook Album extension, you can embed photos from specific Facebook albums on your site in stunning galleries.
With that in mind, let’s dive into setting up your Facebook albums in WordPress using the Custom Facebook Feed Pro plugin.
Step 1: Download and Install Custom Facebook Feed Pro
First of all, go and grab your copy of Custom Facebook Feed Pro. Once you have the plugin, you can just install and activate it.
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: Show 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, Custom 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? Custom 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.
Step 4: Customize Your Facebook Album Feed
Now, you can see the live feed editor where you can customize your Facebook feeds.
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 album feed, you can just click on Save.
Step 5: Embed Your Facebook Album Feed
Finally, you can now add your Facebook album feed to your website. There’s actually 2 ways you can do this.
Embed Your Facebook 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 albums to see your images in a beautiful lightbox.
Embed Your Facebook Album Feed on Your Sidebar
The plugin also allows you to show Facebook albums on your sidebar 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 your 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.
The plugin will now send you to the Widgets page. Here, click on Sidebar to go ahead and add your Facebook album feed.
Then, click on the plus icon (+) and select the Custom Facebook Feed widget.
Finally, you’ve added your Facebook album feed to your website sidebar. You can check and see how it looks now.
There you have it!
You now know how to embed a Facebook album on your website easily with a WordPress plugin.
By engaging your visitors with relevant visual content, you’ll make it easier for them to remember you and increase the chances of turning them into loyal customers that grow your business.
Or, if you want unlimited access to Smash Balloon feed plugins so you can use them on unlimited websites, go ahead and get the Social Wall Pro bundle here.
Social Wall Pro lets you embed your social media feeds from Facebook, Instagram, Twitter, and YouTube into a single social wall — no coding needed.
The great part about Smash Balloon’s pricing method? It comes with a 100% no-risk money-back guarantee, so you can try out the plugins first and see if it’s a good fit for you.
Join some of the world’s largest brands and get unlimited access to Smash Balloon plugins today.
Interested in Facebook marketing? You may want to check out this next article on why you should never buy Facebook followers (and what to do instead).
You can also check out this step-by-step guide on how to embed your Instagram feed on your website.