Home > Help Center > Applications > WordPress > Jetpack > Jetpack Widgets: Facebook Page Plugin

Jetpack Widgets: Facebook Page Plugin

You can easily connect your website visitors with your Facebook page by using Facebook Page Plugin.

In this article, we'll show you how to activate and configure the plugin.

To setup a Facebook Page Plugin go to Appearance > Widgets in your WordPress Dashboard.

If you cannot find the Facebook Page Plugin (Jetpack) it means that Extra Sidebar Widgets is not activated. Visit Control Jetpack's Modules on One Page and read how to activate the widget.

Enable Facebook Page Plugin (Jetpack)

Click Appearance > Widgets and drag the Facebook Page Plugin (Jetpack) widget into one of your active sidebars:

Include the plugin in the sidebar

Facebook Page Plugin Settings

Let's take a look at the list of options:

Facebook page plugin settings

Title - еnter the text that will appear above the widget.

Facebook Page URL - enter the URL of your Facebook Page, the widget does not work with personal profiles.

Width in pixels - In most cases, the plugin automatically finds the correct width. If it does not fill the entire sidebar width, enter the correct value manually.

Height in pixels - the correct settings depend on several factors, so we provide detailed information below.

If the Show Stream option is selected, the height value will define the area where the users can browse the content (the example height is 440px):

Height value for Show Stream selected

If the Show Stream option is deselected and we do not specify any value, the plugin automatically will fill in the minimal height 130px and will display only the banner, the same as if the Show Faces option is off:

Minimal height for Show Stream deselected

If you enter value smaller than 220px there will be not enough space for the faces and the plugin will activate a scrollbar, which doesn't look nice. Any value greater than 220px will display photos in full size:

Displaying the photos in full size

Show Faces - deselect this option to remove profile photos from the plugin.

Show Stream - select this option to publish Facebook posts

Show Cover Photo - if you see how does the plugin look like without it, you'll never deselect this option.

Click Save and refresh the browser to see your facebook page plugin in action.

How to style the plugin title?

The plugin title originally does not look like the other titles in the sidebar:

Titles in the sidebar don't match

So, to fix this, right-click on the title and select Inspect element from the menu.

Then find the plugin ID in the HTML:

Find the plugin ID in the source code

Also find the styles for the default widget titles:

Click on

and from the right pane get the CSS style for the widget title:

Get the ogirinal CSS code

Click Customize > Additional CSS and enter the code below to make the plugin title look the same as the other widget headings h3:

#facebook-likebox-3 h3.widget-title a {
    color: #666;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.1em;
    line-height: 2.6em;
    text-transform: uppercase;
}
#facebook-likebox-3 h3.widget-title a:hover {text-decoration:none
}

All sidebar titles match

If you want to use this code keep in mind that the digit in the aside#facebook-likebox-3 is very likely to be different, depending on the WordPress theme.

Still not finding what you're looking for?

Contact our support team with any additional questions or concerns.

Contact support