How to use the Facebook Page Widget from Jetpack with your WordPress Site

Whether we like it or not, social media can often have a positive (or negative) effect on published internet material. The Jetpack Facebook Page widget allows you to display a Facebook area within your WordPress site. This article will show you how to add it to a page, how to connect to your Facebook page, and then give you an example of how the widget appears when it is active.

How to Add the Facebook Page Widget to your WordPress Site

The instructions listed for the Facebook Page Widget will require that you have installed the Jetpack plugin.

Like all of WordPress widgets, you will find the Facebook Page widget under the Appearance menu. You can drag it into position, or you can select the areas where you want the widget to appear.

  1. Login to the WordPress Administrator Dashboard.
  2. Click on Appearance in the menu on the left side of the page.
  3. Click on Widgets.
  4. Scroll the widgets and then select the Facebook Page Plugin (Jetpack).
  5. When you click on the widget you can select it’s position from the menu that appears. In this tutorial, the widget can appear in the Blog sidebar, or footer 1, or footer 2. If you elect to use this method, then click on Add Widget when you have decided on the location. You can also drag-and-drop the widget into one of those three positions.

When you have finished adding it, then you will need to configure the widget so that it connects to your Facebook page.

Is your WordPress site loading slowly on your current host? Check out InMotion’s optimized WordPress Hosting solutions for a performance boost!

How to Configure the Facebook Page Widget

Jetpack Facebook Page Widget

Before you can use the Jetpack Facebook Page Widget, you will need to configure it so that it connects from your WordPress site. Here’s a breakdown of each numbered part from the image above:

  1. Title – This is the label that will appear above the widget when it is on your page or post.
  2. Facebook Page URL – The URL from the page that you are connecting to.
  3. Height and Width (in pixels) – This is the space taken by the widget in the footer or sidebar. Note that there are minimum and maximum sizes.
  4. Show Faces – This option lets you determine if you are going to show the faces of the people who have liked the page. This option is affected by the privacy options used by the person who “likes” your page or post.
  5. Show Stream – As per the description, if this option is selected then it will display the posts made by users to the Facebook page.
  6. Show Cover Photo – If checked, this option will display the cover photo of the Facebook page.
  7. Visibility and Saved button – Visibility options allows you to set conditions when the widget will appear. The Saved button saves your configuration settings for the widget.

Example of the Facebook Page Widget

When you have the widget configured you will be able to see the Facebook Page likes and posts (if enabled) displayed on your WordPress site. Here’s an example of how it will appear:

Jetpack Facebook Page Widget example

The Jetpack Facebook Page widget provides you an opportunity to let non-Facebook users see your social page. It helps to broaden your audience and provides another opportunity for your viewers to find out more about your website content. Check out our other Jetpack articles to help provide more functionality to your WordPress site.

Arnel Custodio Content Writer I

As a writer for InMotion Hosting, Arnel has always aimed to share helpful information and provide knowledge that will help solve problems and aid in achieving goals. He's also been active with WordPress local community groups and events since 2004.

More Articles by Arnel

Was this article helpful? Join the conversation!