How to Add a Facebook Page to WordPress (3 Easy Ways) 

Whenever I finish setting up a new website, my very next step is to integrate its social media channels. It’s a foundational piece for building an audience right from day one.

Having your site and your Facebook page in two separate worlds means you’re missing out on easy engagement and followers.

That’s why I’m going to show you my three most reliable ways to add a Facebook page to WordPress. You’ll be able to display your feed, grow your followers, and create a more connected brand online.

TL;DR: Adding your Facebook Page to WordPress helps you connect with visitors, grow your followers, and keep your content consistent across platforms. You can do it in minutes with a page builder like SeedProd or by using Facebook’s free Page Plugin embed code—no coding required.

Next, I’ll walk you through how to add it step by step.

Method 1: Adding Your Facebook Page to WordPress Using SeedProd

If you’re building a new page from scratch, like a dedicated social landing page or a Facebook hub for your brand, SeedProd is the best option. Its drag-and-drop editor includes a built-in Facebook Page block, so you can embed your page and customize the full layout without writing any code.

SeedProd is the best WordPress page builder and website builder with drag-and-drop. It lets you create custom page layouts without the hassle of coding them from scratch.

With its Facebook Page block, you can embed any Facebook Page in WordPress with just a few clicks. It also has handy blocks that allow you to embed a Facebook Like button, Facebook comments, and Facebook posts.

Here are the steps on how to add a Facebook Page to WordPress using SeedProd.

Step 1. Install and Activate SeedProd

First, you’ll need to download the SeedProd plugin and install it on your WordPress site.

For this guide, we’re using SeedProd Pro for its advanced customization features.

If you need help, you can see our documentation on how to install SeedProd and activate your license.

SeedProd offers 2 ways to customize your WordPress site. You can either create a standalone landing page or create a custom WordPress theme using its Theme Builder feature.

For this guide, we’ll use the landing page builder functionality.

Step 2. Choose a Landing Page Template

To create a new landing page, navigate to Landing Pages from your WordPress dashboard and click the Add New Landing Page button.

From there, you’ll see hundreds of pre-made landing page templates you can use as a starting point for your design. Each template is 100% mobile-responsive, ensuring your design looks great on mobile devices like smartphones and tablets.

You can filter the templates by clicking the tabs at the top or use the search box to find a design for a specific niche. Once you find one you like, hover over it and click the checkmark icon.

Next, enter a name for your page and click the Save and Start Editing the Page button.

Now, the template will open in SeedProd’s visual editor, where you can start customizing its layout and content without code.

Step 3. Add The Facebook Page Block

SeedProd’s drag-and-drop editor is easy to navigate.

You’ll see a live preview on the right and blocks, sections, and settings on the left. You can drag content elements from the blocks panel onto the preview and edit their settings with a few clicks.

Here’s how to add the Facebook Page block to your landing page:

From the Advanced Blocks panel, scroll down until you see the Facebook Page block. To add it to your page, drag it from the left and drop it onto your preview.

Now, you can click the block to see its customization options and add your Facebook Page URL.

If your page doesn’t show up, you’ll need to click the “Page Settings” link and enter your Facebook App ID information.

How to Get a Facebook App ID

Getting your App ID takes just a few minutes. Here’s how to do it:

1. Go to developers.facebook.com/apps and log in with your Facebook account.
2. Click Create App and select the Consumer app type when prompted.
3. Fill in your app name and contact email, then complete the setup wizard.
4. Once the app is created, your App ID appears at the top of the app dashboard. Copy it and paste it into SeedProd’s Page Settings field.

Additional Facebook Page block settings include the ability to:

• Enable a small header
• Hide your cover photo
• Show profile photos
• Hide the CTA button
• Change the Facebook widget height
• Adjust the widget alignment

You can even display different types of Facebook feeds, including a timeline, events, and messages.

The great thing about this block is it automatically includes Like and Share buttons so users can easily share your social media content on other platforms.

Step 4. Customize Your WordPress Page

Once your Facebook Page feed is in place, you can continue customizing the rest of your landing page. Some ideas include:

• Adding an opt-in form to collect email addresses

• Including testimonials from happy customers to boost trust
• Adding a button to join your Facebook Group

• Embedding a welcome video to engage first-time visitors

For a full walkthrough on customizing your landing page, see our step-by-step guide on how to create a landing page in WordPress.

Step 5. Save Your Changes

When you’re happy with your page, click the Save and Publish button in the top-right corner of your screen.

Now, you can visit the page to see how it looks.

Method 2: Adding Facebook Page to WordPress Without a Plugin

Now, let’s dive into another effective way of adding a Facebook Page to WordPress – using the Facebook Page Plugin.

This method is also relatively easy but doesn’t offer the same level of customization as you get with a WordPress page builder. It also involves copying and pasting code snippets onto your site.

Step 1. Get the Facebook Page Plugin

To start, visit the Facebook Page Plugin website. This is where you’ll enter details about your page and generate a code to embed on your website.

Step 2. Configure the Facebook Page Plugin

On the plugin page, you’ll see a form where you can enter details about your Facebook Page. 

You can paste your Facebook Page URL, enter a custom width and height for the plugin, hide the cover photo, and more.

Step 3. Generate Your Facebook Page Embed Code

After filling in the necessary details, click the Get Code button. 

Facebook will now generate a Javascript and iFrame code to paste onto your webpage. In the popup window, choose the iFrame option and copy the embed code.

Step 4. Add the Facebook Page Embed Code to WordPress

Now, it’s time to add this code to your WordPress blog. Many sites display their Facebook account page in a new post or sidebar widget, so let’s look at how to do that.

Head to the Appearance tab in your WordPress admin and select Widgets.

Next, click the plus icon to add a new WordPress block and find the Custom HTML or Text widget. Add this widget to the area where you’d like your FB page to appear.

Finally, copy the HTML code generated by Facebook and paste it into the widget area.

Now go ahead and click the Save button to apply the changes. With that, your Facebook Page should now appear in your WordPress sidebar.

To add it to a page or post instead, open the page in the block editor, click the + button to add a new block, search for Custom HTML, and paste the embed code there. Publish the page and your Facebook feed will appear right where you placed it.

Not showing up? First, check that your Facebook Page is published and the URL you entered is correct. If a security or caching plugin is blocking external scripts, try temporarily disabling it to test. Facebook’s JavaScript embed can sometimes be blocked, so switch to the iFrame code from Step 3 if that happens. Also make sure the domain you’re embedding on matches the domain registered in your Facebook App settings.

Method 3: Add a Facebook Feed to WordPress with a Plugin

If you want a dynamic, styled feed that updates automatically as you post on Facebook, the best option is Smash Balloon’s Custom Facebook Feed plugin. It’s the most popular solution for this use case and works on any existing page, post, or sidebar.

With its Facebook Feed plugin, you can display a beautiful, filterable gallery of Facebook posts without writing any code. Here’s how to set it up.

Step 1. Install the Custom Facebook Feed Plugin

In your WordPress dashboard, go to Plugins » Add New and search for Custom Facebook Feed by Smash Balloon. Install and activate the free version.

Once active, you’ll see a new Facebook Feed menu item in your dashboard.

Step 2. Connect Your Facebook Account

Click Facebook Feed » Add New to start the setup wizard. You’ll be prompted to connect your Facebook account. Click Connect to Facebook, log in if needed, and grant the plugin permission to access your pages.

The plugin only requests read access, so it can display your posts without the ability to post on your behalf.

Step 3. Select Your Facebook Page

After connecting, you’ll see a list of Facebook Pages you manage. Select the page you want to display and click Next. The wizard will then let you choose a feed type: Timeline, Photos, Events, or Videos. You can preview what it will look like on your site.

Step 4. Copy the Shortcode or Add the Block

Once your feed is configured, Smash Balloon gives you a shortcode like [custom-facebook-feed]. You can also use the dedicated Facebook Feed block if you’re using the WordPress block editor.

Save the feed and note the shortcode or block name. You’ll use it in the next step to place the feed on your site.

Step 5. Place the Feed on Your Page

Open the page or post where you want the feed to appear. If you’re using the block editor, click the + button, search for Facebook Feed, and select your feed from the dropdown. If you’re using a shortcode, add a Shortcode block and paste it in.

To add the feed to your sidebar, go to Appearance » Widgets, add a Shortcode widget, paste in the shortcode, and save. Publish the page and your live Facebook feed will appear right where you placed it.

FAQs About Adding a Facebook Page to WordPress

Next, Discover More Ways to Customize Your WordPress Site

We hope this guide has helped you learn how to add a Facebook Page to WordPress. There are so many other ways to customize your WordPress site with SeedProd that we couldn’t possibly list them all in one post.

So here are some of our top WordPress customization guides:

• How to Customize WordPress Menu Styles in 3 Easy Ways
• How to Create a Custom WordPress Author Page (2 Easy Ways)
• How to Create Personalized Landing Pages to Boost Conversions
• How to Embed Facebook Videos in WordPress (3 Easy Ways)
• How to Create Animated Particle.js Backgrounds in WordPress

Thanks for reading! We’d love to hear your thoughts, so please feel free to join the conversation on YouTube, X and Facebook for more helpful advice and content to grow your business.