How to Embed Facebook Gallery on Your Website (Easy Way)

By Lianne Laroya on February 2, 2021

Do you want to embed a Facebook gallery on your WordPress site? Cross-promoting Facebook photos into your website is a great way to boost followers, establish brand awareness and encourage sales.

But if you use the Facebook plugin to embed Facebook galleries without any technical knowledge, it can be pretty complicated. Especially if you’re a WordPress newbie who doesn’t feel comfortable with tweaking code snippets directly on your site.

So in this post, we’ll show you how to add a Facebook gallery to your WordPress — easily, quickly and hassle-free.

By following our step-by-step tutorial in this post, you can easily embed a Facebook gallery on your website in just 4 simple steps!

Shall we get started?

Methods to Embed a Facebook Gallery

When it comes to adding Facebook galleries to your site, here are 3 methods you can choose from:

  1. Share an album as a new post on Facebook. Copy the embed code and customize it by tweaking code snippets. Then paste the embed code directly into your website.
  2. Generate a Facebook album embed code from a 3rd-party website. Customize it via coding and paste the embed code into your site.
  3. Use a trusted WordPress plugin to connect your Facebook account, customize your album’s design and embed your albums with a few clicks.

The first 2 methods are pretty difficult to do, especially if you’re a WordPress beginner. After all, they involve lots of confusing code snippets and multiple webpages.

Plus, if you choose to do the first 2 ways, you’d need to directly embed the code snippets into your WordPress. So you can accidentally break your website and lose all your hard work. Unless you hire an expensive developer to help you.

You won’t experience these issues if you use an official WordPress plugin to embed a Facebook gallery on your website, though.

Instead, you can simply install the plugin, connect it to your Facebook account and let it do all the hard work for you.

In under a few minutes, you can add your Facebook gallery on your site — with minimal effort on your part.

Easiest Way to Embed Facebook Gallery

Why don’t you make your life easier, and do the 3rd method instead?

The easiest way to add a Facebook gallery to your website is by using Custom Facebook Feed Pro.

embed facebook gallery plugin

As the best Facebook feed plugin for WordPress, it lets you create, customize and display Facebook feeds on your website, even if you’re not tech-savvy.

With the help of the plugin, you can embed the following Facebook feeds on your site:

Even though Custom Facebook Feed Pro has lots of powerful features, it’s designed to be newbie-friendly.

In fact, it looks fantastic right out of the box so your Facebook gallery feed looks consistent with your website’s branding. It’s also automatically responsive so your feed looks great on both desktop and mobile.

Want to customize your Facebook gallery’s style? Sure, you can.

The plugin has tons of customization choices that let you control exactly how your feed looks like. And the best part? You can actually customize your feeds just by clicking on the choices you’d like!

Finally, if ever you run into some issues while embedding your Facebook gallery, you’re in luck. Custom Facebook Feed Pro’s customer support team is made up of WordPress experts who will happily guide you along the way. They’re just a message away.

After all, with over 200,000 users and thousands of 5-star ratings, they must be doing something good, right?

embed facebook gallery plugin reviews

4 Steps to Add Facebook Gallery to WordPress

Ready to increase your user engagement with visual content from Facebook? Check out the following steps below to start embedding Facebook photo albums on your website today.

Step 1: Install Custom Facebook Feed Pro

The first step is to get your own copy of Custom Facebook Feed Pro plugin here. After downloading the plugin, make sure to upload and install it to your WordPress.

Don’t worry if you’re not sure how to do this. You can always follow the step-by-step instructions on this helpful guide on installing WordPress plugins for more details.

After installing and activating the plugin, move on to the next step below.

Step 2: Connect Your Facebook Account

The next step is connecting your Facebook account to the plugin.

Start by visiting your WordPress dashboard. Next, navigate to Facebook Feed » Settings to configure your plugin.

connect account to embed facebook gallery

Then, click the blue Connect a Facebook Account button to log into Facebook and start connecting your account.

You’ll be asked to choose between connecting your Facebook page or group to the plugin. Since we’re talking about embedding Facebook galleries, choose to link your Facebook page.

display facebook page to wordpress

Simply follow the onscreen instructions to finalize your account connection. Remember to click the Save Changes button once you’re done so you can move on to the next step.

Step 3: Choose the “Album” Post Type

As mentioned, you can use Custom Facebook Feed Pro to show different types of Facebook feeds on your website.

Since this tutorial is focused on Facebook galleries though, you need to select the album post type to embed your photo galleries.

First, navigate to Facebook Feed » Customize. On this page, you can change the width, height, and padding of your Facebook gallery feed.

customize embedded facebook gallery

To customize the post types you want to display, scroll down until you see the Post Types section. Uncheck all the boxes apart from the Albums box so you can embed a Facebook gallery on your website.

customize post types

If you choose to source your albums from your photos page, your galleries will be displayed in a grid layout, similar to this example below:

embed facebook gallery example

Or, if you select to source your Facebook galleries from your timeline, your Facebook gallery will be added in a “post” layout, like this:

embed facebook gallery example

In this tutorial, we’ll choose to source your Facebook gallery from your photos page.

Under this section, you can also decide if you’d like to show or hide your album titles. Plus, you have the option to control how many photos you want to display and how many columns your feed should have.

When you’re satisfied with how your feed looks like, click the Save Changes button and proceed to the final step below.

Step 4: Embed Your Facebook Gallery on Your Website

There are 2 ways to add your Facebook gallery on WordPress with the Custom Facebook Feed Pro plugin. You can choose between the following:

  1. A WordPress block: Embed your Facebook gallery to your new post or page using the new WordPress block editor.
  2. A WordPress widget: Embed your Facebook gallery to your widget-ready areas such as sidebar or footer.

Not sure which method to use? Let’s talk about both options below.

Embed a Facebook Gallery on a WordPress Page

First, create a new page by going to your WordPress dashboard and navigating to Pages » Add New.

add new page

Your new page will now appear. Next, in the block editor, click the Plus (+) icon to add a new content block. Search for the Custom Facebook Feed block and click it to add it to your page.

customize facebook feed plugin to wordpress

Clicking on it automatically embeds your Facebook gallery to your page. Feel free to edit the page title. Then, when you’re satisfied with how your feed looks like, click on Publish to make it live on your website.

Embed a Facebook Gallery on a WordPress Sidebar 

To add your Facebook gallery to your sidebar area, start by navigating to Appearance » Widgets. Look for the Text widget and drag it to your sidebar area, like this:

facebook widget to embed facebook gallery

Paste this shortcode inside the Text widget area:

[custom-facebook-feed]

Then, click on Save.

Now, when your visitors check out your website, they can see your Facebook gallery embedded on your sidebar area, like this:

embed facebook gallery sidebar

And that’s it!

Now, you’ve learned how to embed a Facebook gallery on your website — easily, quickly and hassle-free.

Start leveling up your Facebook marketing. Get started with Custom Facebook Feed Pro today.

Want to know how to display specific Facebook albums on your site? Take a look at this next post on how to embed a Facebook album on your website today.

Finally, if you found this post helpful, please follow us on Twitter and Facebook for more social media marketing tutorials to grow your business in no time.

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 *