Social Tools

Facebook Integration

This guide covers how you can integrate Facebook features onto your site, including sharing your posts to Facebook, giving your visitors the option to share your content, embedding your Facebook Page on your site, and more.

Table of Contents

Share to Facebook

Sharing your blog posts on Facebook is an excellent way to get more traffic on your blog and to keep your friends and family involved in your site. You can connect a Facebook page to your site with the auto-sharing feature, so that you can share your posts directly to a Facebook Page:

The Facebook option in Marketing  → Connections expanded to show a preview of a post and sharing buttons.

Facebook Share Button

You can add a Facebook Share button (and other sharing options such as Twitter, Google, or Pinterest) through Tools → Marketing → Sharing Buttons in your dashboard.

To add it to your blog, enable the sharing options you want, select Edit Sharing Buttons, and choose Facebook.

The Sharing Buttons options in Marketing → Sharing Buttons, displaying a Facebook, Twitter, WordPress, and Tumblr share options.

Facebook Page Widget

If you have a Facebook Page and use a widget-enabled theme, you can add the Facebook Page Plugin to your sidebar or other widget areas by adding the Facebook Page Plugin from Appearance →  Customize → Widgets in your site’s dashboard.

The Facebook Page Plugin (widget) settings with options for a Title, Page URL, Width, Height, and other settings.

The page needs to be public and shouldn’t have any age or geographic restrictions if you want it to be visible to everyone, like in this screenshot below:

Facebook Settings with arrows pointing to Page Visibility, Country Restrictions, and Age Restrictions.

Here’s an example of how it will look on a site:

wordpress-facebook-page-plugin

Facebook Pixel

Facebook Pixel provides some code to integrate on your site. The code will look like this:

Facebook page pixel code example

The full code will only work on a site on the WordPress.com Business or Ecommerce plan or the legacy Pro plan with plugins installed. If your site is free or on a Personal or Premium plan, the <script> and <noscript> tags won’t work. However, you can still add the pixel to your site by taking some additional steps.

First, copy only the part inside the portion of the code:

Then, add this code using one of the following two methods:

Sites using Widget Areas

If your theme supports widget areas, you can add the code into a Custom HTML widget so that the pixel will be present throughout your site. Make sure the widget is assigned to a widget area that is displayed on all the pages. Usually, a Footer widget area is displayed on all pages, so your Facebook pixel will work there.

Sites using the Site Editor

If you are using a Site Editor theme, you can add the code into a Custom HTML block in the theme’s header.

Note that once added, it can take up to 20 minutes for the Facebook Pixel status to get updated on the Facebook dashboard.

📌

Take into account that the Pixel verification steps above won’t work on Facebook’s features such as Event Setup Tool, Auto Events and Auto Adv Matching. If these are features you want to use, you’ll want to upgrade to a plugin-enabled plan, install any plugin, then use the full Facebook Pixel code.

Facebook Embeds

You can also add, into a post or page, any individual update from a public Facebook timeline. We have a full guide for embedding updates from Facebook.

Commenting with Facebook Accounts

All WordPress.com blogs automatically allow Facebook users to log in and comment using their Facebook accounts. Our system makes commenting super easy for your Facebook readers.

Troubleshooting

Browser privacy extensions and add-ons, such as Facebook Disconnect, may interfere with some of these features and may need to be disabled.

Still confused?

Contact support.

Not quite what you're looking for?

Get Help