How to Embed a Horizontal Facebook Feed in WordPress (Easy Way)

By Lianne Laroya on March 2, 2021

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 like, 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 — no need to mess around with confusing code snippets that can accidentally break your website.

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

How to Easily Add a Horizontal Facebook Feed

With these in mind, let’s talk about the step-by-step process on how you can embed a horizontal Facebook feed on your WordPress below.

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 here.

Want to get full access to all of Smash Balloon’s plugins and extensions instead?

You can just get the Social Wall Pro bundle here. The cool thing about getting the Social Wall Pro bundle is that you can get unlimited access to all of Smash Balloon’s plugins and extensions that you can use on unlimited websites.

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 here.

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

Step 2: Activate Carousel Extension

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

To get started doing this, go to your WordPress admin panel and navigate to Facebook Feeds » Extensions. On this page, look for the Carousel extension and click on its Activate box.

horizontal facebook feed wordpress carousel extension

Remember to click on Save Changes to preserve your settings. Then proceed to the next step below.

Step 3: Connect Your Facebook Account

Once you’ve activated the plugin and the Carousel extension, the next step is connecting your Facebook account to the plugin.

Don’t worry — this is a safe connection. When you connect your account to the plugin, the plugin can’t manage your page or post anything on your Facebook page.

You’re just connecting to the plugin so it can retrieve posts from your page and help you display these posts on your website.

To start your account connection, first, navigate to Facebook Feeds » Settings. You’ll now be directed to the plugin’s settings page. Look for the blue Connect a Facebook account button and click it to start linking your account.

horizontal facebook feed wordpress connect facebook

Follow the onscreen instructions to connect your account to the plugin. Then when you see your Facebook page under the Connected Accounts section, click on Save Settings so that the plugin remembers your account connection.

horizontal facebook feed wordpress connect facebook

Step 4: Customize Your Facebook Feed’s Layout

Done connecting your account to the plugin? Great!

Now it’s time to customize your Facebook feed by choosing the carousel layout. The carousel layout lets you display a horizontal Facebook feed on your WordPress website.

To easily do this, scroll up to the topmost part of the settings page. Next, click on the Post Layout tab. On this page’s first section, you can decide on the layout of your Facebook posts.

horizontal facebook feed wordpress post layout

You just need to scroll down a bit so you can see the Carousel section. It’s so easy to embed your Facebook posts horizontally: simply click on the Set Carousel as Default checkbox and you’re done!

horizontal facebook feed wordpress carousel

Under this section, you can also control your Facebook feed carousel’s height, number of columns, arrows style and autoplay settings.

Just remember to click on the Save Changes button to finalize your settings when you’re done.

Did you know that the plugin already looks great right out of the box? Since it automatically copies your website’s existing design, your Facebook feed looks consistent with your brand’s visual identity.

For example, here’s what a horizontal Facebook feed looks like — no customization choices applied. We just activated the carousel layout and displayed the feed as is.

horizontal facebook feed wordpress example

And if you want to have more control over your Facebook feed’s design, you can. Simply navigate to the Customize » General tabs so you can change your feed’s width, height, padding, background color and columns.

horizontal facebook feed wordpress customize

You can also scroll down further to control the Facebook posts that you want to show under the Post Types section. This section is especially helpful if you want to show your Facebook albums only, or your Facebook videos feed alone on your site.

horizontal facebook feed wordpress post types

Scrolling down further allows you to customize your feed’s header, like box and “load more” buttons as well.

horizontal facebook feed wordpress header

Once you’re happy with how your Facebook feed looks like, go ahead and click on Save Changes. Then, move on to the final step below.

Step 5: Embed Your Horizontal Facebook Feed on WordPress

Finally, you can now add your horizontal Facebook feed to your website. You have 2 options to choose from:

  • Facebook Feed Block: Use the plugin’s ready-made widget to easily add your horizontal Facebook feed to your website’s posts or pages.
  • Facebook Feed Shortcode: Use the plugin’s simple shortcode to embed your Facebook feed on your website’s widget-ready areas.

Let’s talk about both options below.

Embed Horizontal Facebook Feed with the Facebook Feed Block

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

horizontal facebook feed wordpress add new page

Once a new page has been created for you, click on the Plus (+) icon inside the block editor. Then, look for the Custom Facebook Feed block and click on it to add it to your page.

horizontal facebook feed wordpress block

Doing so automatically gives you a preview of your Facebook feed. You can always edit your page’s title here, or go back to the previous steps to customize your feed’s design.

Satisfied with your Facebook feed’s design and layout? Great, you can now click on Publish to make it live on your website, like this:

horizontal facebook feed wordpress example

Embed Horizontal Facebook Feed with the Facebook Feed Shortcode

You can also show your horizontal Facebook feed as a widget on your sidebar area.

To do this, copy your shortcode here: [custom-facebook-feed]

Then, visit your WordPress admin panel and navigate to Appearance » Widgets.

See the Text widget? Drag it to your sidebar area. Next, paste the shortcode you copied inside the editor area and click on Save to preserve your settings.

horizontal facebook feed wordpress 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? Click here to get started with Custom Facebook Feed by Smash Balloon today.

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 *