How to Add Facebook Widget to WordPress? (No coding)

If you’re looking for the best way to integrate your Facebook pages and its content with your WordPress website, then you’ve come to the right place. In this guide, you’ll learn how to add a Facebook Widget to WordPress step-by-step.

This tutorial will show you how you can display your Facebook Like box on your WordPress sidebars or directly on your pages/posts. This completely user-friendly method allows you to easily add your customized embedded window to your Facebook page without any hassle.

Why add the Facebook widget to your site?

For the success of both your social media content and your website, its necessary to integrate them. For example, you can consider using a Social feed plugin to share your social content directly on your site in an organized way. Besides, it’s a good idea to have your traffic flow between your website and your social media pages, especially when you’re selling products and services online. A little widget on your site’s sidebar that shows your Facebook feed, timeline, or images can create benefits in many different ways. For example, you can display upcoming events or updates from your Facebook page that your users can view directly on your website. Additionally, if you have an online store, you can integrate WooCommerce with Facebook Shop to boost your sales.

The Facebook Like box is a very flexible tool that takes zero effort to enable. The widget is extremely lightweight, so loading time is generally not a concern. You can even use a dedicated shortcode that you can place anywhere on your WordPress site, including your pages and posts.

All in all, to summarize, using a Facebook-like Box/widget, you can:

  • Display your Facebook page feed along with specific options to show events, messages, or the entire timeline.
  • Additional options to customize dimensions of the like box as well auto-adjust to the widget container.
  • Nifty features that let you show/hide posts from the timeline, hide page cover and even show a small header.
  • Custom CSS for additional customizations.

So, if you’re trying to set up a better social media integration for your website using your Facebook page, then using a Facebook widget is one of the best and easiest options available.

Now, let’s go ahead and check out the process to use the Facebook widget in WordPress.

How to add the Facebook widget to WordPress?

In this guide, we’ll be using the Facebook Page like Widget, also knows as the Widget for Social Page Feeds. This is one of the best plugins to connect the Facebook widget with your site. And while there are other options, we highly recommend it due to its simple nature and ease of use.

However, if you choose a different tool, the methods we’ll describe in this tutorial should be useful too, with only some changes in the shortcodes. If that’s your case, you can refer to the plugin’s documentation/guide for better use before starting.

Now, let’s have a look at how to add the Facebook widget to WordPress step-by-step.

Install and Activate the Facebook widget

Let’s start with the installation process for the Facebook widget. So first, go ahead and install the Widget for Social Page Feeds plugin, which we’ll be using for this demo. This tool is free and has more than 100,000 active installations in the WordPress repository. To install the plugin:

  1. Open your WordPress Dashboard Sidebar and click Plugins > Add New.
  2. Then, use the search bar on the right to search for Widget for Social Page Feeds.
  3. Click on the Install button next to the right plugin card.
  4. Once the plugin is installed, hit the Activate button and the plugin should be ready to go.

add facebook widget to wordpress - install plugin

How to use the Facebook Widget?

add facebook widget to wordpress - plugin image

Once you’ve installed the plugin, let’s see how to use it. There are two methods:

  1. Use your Facebook widget on your widget locations provided by your theme
  2. Place it as a shortcode on your pages/posts.

Both options are quite easy to use, but we highly recommend adding your Facebook widget on your sidebars or other such widget locations. The widget is straightforward to set up, customize and is quite lightweight, so having a constant box to show your Facebook page is a good idea.

But before you start, you need to save your Facebook page’s URL to display on the box. All you have to do is open your Facebook page and copy the URL from the address bar on your browser. Now that you have saved your Page URL, you can proceed with the methods.

1) Add the FB Widget to WordPress Widget locations

To add the Facebook widget to your WordPress theme’s widget locations, go to your Admin Dashboard > Appearance > Widgets.

Then, choose the Facebook Page Like Widget from the available widgets list on the left. Then, select where you want to display the widget and click Add Widget.

add facebook widget to wordpress - add widget

After that, you will see that the widget will appear on the sidebar on the right. There, click on the Facebook Page Like Widget and you will have to customize a few additional details, so it’s well set up for your website.

  • First, you can change the Title to fit your site.
  • Then, add the Facebook page’s URL that you previously copied on the corresponding field.
  • After that, choose what tabs to show on your Like box. You can choose between Events, Messages, or show your page’s entire timeline.
  • You can also turn on/off additional options such as show posts from the page timeline, hide the cover photo, customize the size of the box using the Set width and Set height fields, and more.

Once you’re done customizing the Facebook widget, click on the Save button and your widget should be displayed on the location you selected.

add facebook widget to wordpress - like box preview

2) Insert the Facebook Widget in Posts/Pages

To add the Facebook like box to your posts/pages, you have to use the [fb_widget] shortcode for the plugin. To do that, simply add the shortcode to your page/post as follows:

[fb_widget fb_url="https://www.facebook.com/quadlayers/"]

Please note that you have to add your Facebook page’s URL on https://www.facebook.com/quadlayers/.

So, if you want to insert this shortcode on your website, you have to use the Shortcode block for the Gutenberg editor. Simply click on the Add block button and search for the shortcode widget. Then, click on the Shortcode widget to add it to your page/post. After that, drag the shortcode to whichever part of the post you want to place it.

add facebook widget to wordpress - add block

Then, add your shortcode using your Facebook URL:

[fb_widget fb_url=”https://www.facebook.com/quadlayers/”]

add facebook widget to wordpress - widget shortcode block

Then, once you save/publish your post, the Facebook widget should show up on WordPress as something like this:

To get a better idea of how the plugin works and the shortcode parameters, we recommend you have a look at the plugin’s documentation and support.

Conclusion

And that ends our guide on how to add a Facebook Widget to WordPress using a dedicated plugin. Just to make sure you’re ready to set up your Facebook like box widget, remember the following steps:

  • Install and Activate the plugin.
  • Grab your Facebook page’s URL.
  • Add the Facebook widget to your widget location and then place your Facebook page’s URL on the widget URL field.
  • Use the shortcode with your Facebook page’s URL.

Let us know in the comments if you have any issues following the instructions, we’ll be happy to help you. Moreover, tell us if there are other additional guides you’d like to see us cover; your opinions mean the world to us.

Finally, if you want to add more social media elements to your website, we recommend you check out our guide about the Best Instagram Feed plugins for WordPress.