how to embed a facebook album on your website

How to Embed a Facebook Album on Your Website (Easy Way)

By Stacey Corrin on August 26, 2021

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?

why embed facebook album on 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 website 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:

  1. Share an album as a new post on Facebook, then paste the embed code into your website.
  2. Generate a Facebook album embed code from a 3rd party website to paste on your website.
  3. 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.

Why? Because you’d need extensive HTML, iFrame, or Javascript coding knowledge just to change your Facebook album’s feed 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 galleries 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

add facebook album on website easily

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.

You can embed any type of Facebook content on your WordPress site and display it anywhere you like, including Facebook reviews, events, Facebook galleries, videos, and more.

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.

facebook album on website example

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.

add new feed with custom facebook feed pro

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.

all the facebook feed types

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.

add album feed type facebook

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.

add new source for facebook feed

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.

pick between group or page for facebook feed

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.

smash balloon social select pages

After that, just click on Done to finish giving the access.

what is smash balloon allowed to do

Now you’ll be back on your website. Here, you can finally add your new source by clicking on Add.

add new source confirmation

With that, you can just click on Next and move on to customizing your Facebook album feed by going to step 4 below.

pick your source for custom facebook feed pro

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.

add new feed with custom facebook feed pro

On the next page, just select Single Album and then click on Next.

select single album feed type

Now you can click on Add New to add a new source for your Facebook album.

add new source for facebook feed

In this new popup, just pick between a page or a group and click on Connect.

pick between group or page for facebook feed

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.

smash balloon social select pages

Now click on Done to finish up here and return to your website.

what is smash balloon allowed to do

On your site, you can then click on Add to use this source for your Facebook album feed.

add new source confirmation

Finally, you can select your source and then click on Next.

pick your source for custom facebook feed pro

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.

copy url of facebook album

Now go back to your website and then paste the URL in the Album URL or ID field. Finally, click on Next.

add url for facebook album

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.

live feed editor for facebook

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.

select feed layout option for facebook feed

Here, you can choose from 4 different layouts for your Facebook album feed: List, Grid, Masonry, and Carousel.

layout options facebook feed

The list layout will show your Facebook albums one after the other in a simple way.

facebook list layout photo album feed

Want to show lots of albums at once? Well, the grid option can help you show all of your posts in neat rows and columns.

grid layout for facebook album feed

If you go for the masonry layout, your Facebook albums will keep their original proportions.

masonry layout facebook albums

You can also pick the Facebook carousel layout here. With it, your content will appear in a beautiful carousel instead.

carousel facebook album feed layout

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.

go back to facebook customization options

Now from the options there, select Color Scheme.

color scheme option for your facebook feed

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.

color schemes for 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.

click on the embed button in facebook editor

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.

add facebook feed to page

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.

select page for facebook feed

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.

add facebook custom feed block

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!

example of facebook album feed

Now your visitors can click on any of the Facebook albums to see your images in a beautiful lightbox.

lightbox for your facebook album feed

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.

open feed in the live editor

In the live feed editor, click on the Embed button at the top.

click on the embed button in facebook editor

From the options here, select Add to a Widget.

add facebook feed as 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.

select sidebar for widget

Then, click on the plus icon (+) and select the Custom Facebook Feed widget.

choose custom facebook feed pro widget

Finally, you’ve added your Facebook album feed to your website sidebar. You can check and see how it looks now.

facebook album feed on the sidebar

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.

Get started with Custom Facebook Feeds today.

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.

Finally, don’t forget to follow us on Twitter and Facebook for more helpful social media content.

Want to Try our Facebook plugin for Free?

Enter the URL of Your WordPress website to install Custom Facebook Feed Lite.

Add a Comment

We're glad you have chosen to leave a comment. Please keep in mind that all comments are moderated according to our privacy policy, and all links are nofollow. Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.

Leave a Reply

Your email address will not be published. Required fields are marked *