How to Embed a Horizontal Facebook Feed in WordPress

How to Embed a Horizontal Facebook Feed in WordPress (2022)

Last updated on January 9th, 2022

Are you looking for the easiest way to display a horizontal Facebook feed on your WordPress?

Embedding your Facebook feeds on your website is a great way to boost user engagement and cross-promote your brand so you can grow your business over time.

But when you use the Facebook plugin to display your feeds, you can’t easily customize how your feeds will look, so it’s hard to embed a horizontal Facebook feed on your website. Especially if you’re a WordPress newbie who doesn’t feel comfortable with coding.

So in this post, we’ll share the easiest way to add a horizontal Facebook feed to your WordPress website.

By following this tutorial, you can easily display your Facebook posts in a horizontal layout with just a few clicks!

Let’s begin.

Which is Better: Facebook Plugin vs. Facebook Feed Plugin in WordPress?

When it comes to embedding your Facebook feed to your website, you can choose between using a Facebook plugin or a WordPress plugin to help you.

Using Facebook Page Plugin

Using Facebook’s Page plugin means you have to manually embed your Facebook feed on your website.

When you do this, you can only display your Facebook page’s feed. Plus, if you’re not comfortable with coding, it’ll be tricky to customize your feed’s layout.

horizontal facebook feed wordpress

Why? Well, that’s because you need to tweak lots of code snippets just to change your feed’s design in the Facebook plugin.

Finally, you run the risk of accidentally breaking your website if you don’t have any technical knowledge while using it.

And the worst part? There’s no dedicated support team to help you in case you encounter any issues while embedding your Facebook feeds. You’re on your own. Yikes.

Using #1 Facebook Feed Plugin in WordPress

On the other hand, using a trusted WordPress plugin like Smash Balloon Custom Facebook Feed Pro means you can automatically embed your horizontal Facebook feed in WordPress — even if you’re not tech-savvy!

Custom Facebook Feed Pro lets you create, customize and display your horizontal Facebook feed on your website in just a few minutes. And add the Carousel extension to show your Facebook content in a scrolling horizontal layout.

horizontal facebook feed wordpress plugin

Using this best Facebook feed plugin in WordPress, you can even show feeds from both your Facebook page and Facebook group.

You can also use it to add Facebook feeds of events, albums, videos, and even customer reviews to your WordPress website!

Also, since the plugin is built with both newbies and advanced users in mind, it’s packed with lots of features that you can easily access because the plugin has a user-friendly interface.

In fact, you can customize your feed’s layout and design just by checking or unchecking options on the live feed editor — no need to mess around with confusing code snippets.

Plus, you don’t need to be worried about the plugin slowing down your website since it has a lightning-fast performance that loads your Facebook feeds on your site faster than other plugins in the market.

And the best part? Custom Facebook Feed Pro comes with an amazing team of customer support behind it. Since the team’s made up of friendly WordPress experts, you can just send them a message if you need any help, and they’ll do their best to give you a hand.

Don’t just take our word for it — check out lots of testimonials from our happy customers here. The plugin’s solid rating of 4.8/5 stars is also proof of how awesome its customer support and features are.

horizontal facebook feed wordpress plugin reviews

As you can see, Custom Facebook Feed Pro really is the best Facebook feed plugin for WordPress. Using this plugin, you’ll have an easy time adding a horizontal Facebook feed to your website.

How to Easily Add a Horizontal Facebook Feed

With these in mind, let’s talk about how you can embed a horizontal Facebook feed in just a few easy steps.

Step 1: Install Custom Facebook Feed Pro

First, get your own copy of the Custom Facebook Feed Pro plugin here. Then, you can also download the Carousel extension from here.

After downloading all the plugins to your computer, it’s time to install them on your WordPress website.

If you need some help doing this, you can take a look at this newbie-friendly tutorial on how to install a WordPress plugin.

Once you’re done installing and activating the plugins, you can now move on to the next part below.

Step 2: Activate the Carousel Extension

Next, you need to activate the Carousel extension so you can embed your Facebook feed in a horizontal layout.

To get started, go to your WordPress admin panel and then navigate to the Facebook Feed » Extensions menu.

On this page, look for the Carousel extension and click on the Activate button there.

activate carousel extension

With that, you can now go ahead and create your horizontal Facebook feed.

Step 3: Create Your Facebook Feed

To create a Facebook feed, first navigate to Facebook Feed » All Feeds from your WordPress dashboard.

You can now click on the Add New button here to get started.

add new feed with custom facebook feed pro

After that, the plugin will show you the 9 different options for your feed type, including timeline feed, photos feed, videos feed, albums feed, reviews feed, and more.

types of facebook feed

You pick whichever feed type you prefer here. Once you do that, click on the Next button.

Today, we’ll use a timeline feed for our tutorial.

select facebook feed type

And you’ve now created your Facebook feed. Now you can move on to step 4 and connect it to Facebook.

Step 4: Connect Your Feed to Facebook

For the next step, you need to connect your new feed to Facebook. That means you have to add a Facebook page or group as a source.

First, click on the Add New button on the popup to get started.

add new source for facebook feed

Once you do that, the plugin asks you to choose between a Facebook page or group for your feed. Just pick the option you prefer and click on Connect.

pick between group or page for facebook feed

After that, the plugin will send you to Facebook. Here, you can use the popup to select the page or group that you want to connect to your horizontal Facebook feed.

Once you do that, just click on Next.

select the facebook pages

On the next popup, you can give the plugin read-only access to your Facebook page or group.

With that access, it can only read the posts on Facebook and can’t change anything. So you can be sure that Smash Balloon is perfectly safe.

To continue, just click on the Done button.

allow read only access to plugin

You’ll now be back on your website to finish connecting your new feed to Facebook.

So click on the Add button and confirm your Facebook page or group as a source for your feed.

add new source confirmation

Finally, click on Next to finish connecting your feed to Facebook.

pick your source for custom facebook feed pro

With that, you can now move on to step 5 and customize your new Facebook feed.

Step 5: Customize Your Facebook Feed

After connecting your feed to Facebook, the plugin will open it in the live feed editor.

custom facebook feed pro live editor

The left panel of the live feed editor has all the customization options. You can use these to change the layout, color scheme, header style, background, and other parts of your Facebook feed.

On the right, you can see a live preview of your Facebook feed that shows all your changes.

First, we need to enable the horizontal layout for your new Facebook feed. To do that, click on the Feed Layout option.

select the facebook feed layout

You can see all the layout options for your Facebook feeds here.

To turn your new feed into a horizontal Facebook feed, select the Carousel option.

select the carousel layout

As you can see on the live preview, you now have a horizontal Facebook feed for your website.

Remember to click on the Save button to keep this layout.

carousel feed layout for facebook feed

After that, scroll down to check the Desktop Columns field. You can pick the number of Facebook posts that are visible on desktop devices here.

Next, there’s the Mobile Columns option where you can set the number of posts visible for mobile users.

Enter the number of columns in these 2 fields and then click on Save.

change the column options facebook carousel slider

Once you do that, you can now change the other settings for your horizontal Facebook feed, including the autoplay settings, interval, pagination style, and more.

After you’re done changing these options, click on the Save button.

Next, you can click on the small Customize button to check out the rest of the customization options.

go back to facebook customization options

You can then select the Color Scheme option from the left to edit the colors of your new horizontal Facebook feed.

select color scheme for facebook feed

There are 4 options when it comes to the color schemes here:

  • Inherit from Theme: Use the same colors as your website
  • Light: Pick a lighter background with darker font
  • Dark: Use a dark background and lighter text
  • Custom: Manually pick all the colors yourself

custom facebook feed pro color schemes

After you pick the color scheme you prefer, click on Save.

You can now go on and customize the rest of your horizontal Facebook feed using the live feed editor.

The Custom Facebook Feed Pro plugin gives you a lot of options, so you can pick your background, feed type, header style, post elements, margins, and much more.

And once you’re done customizing your Facebook feed, you can click on the Save button and go ahead to step 6.

Step 6: Embed Your Horizontal Facebook Feed

Finally, it’s time to post your new horizontal Facebook feed on your website. Now you have 2 ways to do that:

  • Add a horizontal Facebook feed to your page
  • Add a horizontal Facebook feed to your footer

Now let’s see how that’s done.

Add Horizontal Facebook Feed to Your Page

You can start embedding your horizontal Facebook feed right from your live feed editor.

All you have to do is click on the Embed button at the top.

select footer for horizontal facebook feed

Then, the plugin will ask you to choose where to embed your new horizontal Facebook feed.

For now, just click on the Add to a Page option.

add facebook feed to page

After that, just select your page from the list and then click on the Add button.

select page for facebook feed

This will open that WordPress page so you can embed your feed there. To do that, click on the small plus icon (+) to add a new block.

Finally, select the Custom Facebook Feed widget from the options to embed your feed.

add facebook custom feed block

Just click on Publish now and you’ve successfully embedded your horizontal Facebook feed to your website!

Feel free to open your site and check if you want to see how it looks.

facebook feed slider on website example

As you can see, it’s pretty easy. Now let’s move on and see the next way to embed your horizontal Facebook feed.

Add Horizontal Facebook Feed to Your Footer

You can also embed your horizontal Facebook feed on your footer area as a Facebook widget.

To do that, you’ll first need to have the live feed editor open.

So go to the Facebook Feed » All Feeds menu from your WordPress dashboard.

On that page, you can see all of your Facebook feeds listed out. Now click on your horizontal Facebook feed to continue.

select your facebook feed

Clicking on it will open the live feed editor once again. On the editor, click on the Embed button in the top right corner.

select footer for horizontal facebook feed

Next, select the Add to a Widget button on the popup.

add facebook events feed as a widget

Now the plugin will open your Widgets page. You can manage all the widgets on your WordPress website here.

On this page, click on any of the Footer panels to proceed.

select footer for horizontal facebook feed

After that, click on the plus icon (+) there to add a widget and then select the Custom Facebook Feed widget.

choose custom facebook feed pro widget

So now, when you check out your website, you can see your horizontal Facebook feed embedded as a widget, like this:

horizontal facebook feed wordpress widget

And that’s it!

With the help of this tutorial, you can now easily add a horizontal Facebook feed to your website — with just a few clicks!

The cool thing about this tutorial is that it’s super beginner-friendly, so you can create and customize your Facebook feeds, even if you feel like coding’s not your thing.

What are you waiting for? Go and get your copy of Custom Facebook Feed Pro by Smash Balloon today.

Want to get more people to participate in your Facebook events? Then take a look at our guide on how to embed an events calendar.

You can add a horizontal Instagram feed to your website as well. Just check out our article on how to embed a horizontal Instagram feed to see how.

Finally, if you found this article helpful, go ahead and follow us on Twitter and Facebook for more social media marketing tips to grow your business today.

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 *