How to embed a Facebook page on WordPress?

In this post, it will take you through how to embed Facebook pages into WordPress through plugins and manual methods. The benefits of this integration will also be explored.

Dynamic Facebook types that can be displayed on WordPress sites

Below are the Facebook dynamic types that can be displayed on a WordPress website:

1. Facebook Posts: Display a dynamic mix of branded and user-generated content, including images, videos and text.
2. Facebook Video: By embedding an engaging video on a Facebook page, it can give the WordPress websiteAdding vitality.
3. Facebook Page Comments: If the Facebook business page has reviews from satisfied customers, these can be collected and seamlessly integrated into the website, which can build trust and influence potential conversions.
4. Facebook Albums: Create an engaging visual experience for visitors by showcasing a selection of images from Facebook albums.

How to Add a Facebook Page to a WordPress Website

There are two ways to embed Facebook dynamics in a WordPress website:

1. Integrate your Facebook account with a WordPress plugin that automatically shows you what's going on.
2. Manually embed Facebook dynamically into your website with Facebook's plugin.

Let's look at the simpler method of using a plugin to display Facebook page dynamics on your WordPress site.

How to Add a Facebook Page to a WordPress Website (with a Plugin)

First, choose a suitable Facebook dynamic plugin.WordPress plugins (free and paid versions) enhance the functionality of a website.

Here, I use the Smash Balloon Custom Facebook Feed plugin, which has over 100,000 active installs.

Step 1: Install Facebook Feed Pro Plugin

First, install the plugin on your WordPress website. Once installed, in the WordPress dashboard, find the "Facebook Feed"Options.

Click on the Facebook Feed plugin's "Start the Setup Wizard".

Connecting a Facebook account

Click "Add New" button to connect your Facebook account.

Select Display Facebook page or groupand willPlugin connects with Facebook account. If you already have an API access token, you can click "The "Add account manually" option.

If there is no API access token, select "Connect to Facebook"The

Log in to your Facebook account and click "Continue."Allows Smash Balloon to connect.

Select Facebook Page

Once logged in, select the Facebook page.

Configure Smash Balloon WordPress permissions, it is recommended to leave all options turned on and click "fulfillment".

Then click on "recognize".

Select the Facebook page and click "increase".

Completing the initial setup

The initial setup is now complete, click "the next step"Continue.

Configure the add-ons as needed and click "the next step".

The system may ask for some plugins to be installed, you can turn off these options and continue.

At the end, you will see the message "Great, everything is ready!". . Scroll down and find the "Complete Setup (No Upgrade Required)" option and click on it.

Setup complete
The plugin has been successfully configured! Next, you can:

• Creating website dynamics
• Custom Dynamic Types
• Embedded Dynamics

Step 2: Create a new Facebook dynamic

You can now create a new Facebook dynamic. Follow the steps below:

1. Click on "Add New".

2. Select the type of Facebook motion you want (e.g. Timeline) and click "the next step".

3. Select the Facebook page and click "the next step".

Step 3: Customize Facebook Dynamics

It is now possible to personalize the dynamic appearance of the website.

1. Use the settings on the left to customize the dynamic appearance.

2. Click"Dynamic Layout"option, select one of three layouts: List, Grid (Masonry) or Rotate (Carousel).

• List Layout: Display Facebook updates in a single vertical column, giving each update more room to stand out.

• Grid Layout: Arranges Facebook dynamics in multiple columns and preserves the original scale of the dynamics.
• Rotation Layout: This is the layout to choose if you want to give your visitors more flexibility to view the dynamics.

3. Save the selected layout.

4. Adjust the color scheme to provide the following four options:

• Inherit From Theme (Inherit From Theme)
• Light (Light)
• Dark
• Custom
  Select the preferred color scheme and click "save (a file etc) (computing)".

5. Further optimize Facebook's dynamic design with additional customization options.

Once this is done, you can move on to step 4 to dynamically embed Facebook into your website.

Step 4: Embedding Facebook Dynamics

Facebook can be dynamically embedded into a WordPress website in a number of ways, including using blocks, widgets, or shortcodes.

1. Blocking with Facebook Feed

• If you use theBlock Editor (Gutenberg Editor)), you can choose the Facebook Feed block.

• Select the Facebook activity you want to display.

• When previewing, you should be able to see the dynamics of the previous customization.

2. Adding dynamics to the widget area

• go into Appearance > Gadgets, which will be dynamically added to areas that support widgets (e.g.a side-bar (in software)).

• Click on the blue "+" buttonIf you're not sure, search the search bar for "Facebook Feed" and drag it to the selected gadget area.

• When added to the sidebar, Facebook Dynamic will display a similar effect.

3. Embedding Dynamics with Short Codes

• Dynamics can be dynamically embedded into any page, article, or widget-enabled area via shortcode.
• surname Cong Facebook Feed > All News Copy the shortcode in and paste it into the target page, article or widget area.

• When previewed, Dynamic will display a similar effect.

How to Manually Add a Facebook Page to a WordPress Website

Facebook offers an integrated tool, the Facebook Page Plugin, to display a page's timeline, activities, and messages directly on your WordPress site.

However, this method has some limitations for novices compared to the plug-in method.

Using the Facebook native plugin can be complicated for non-technical users as it involves manipulating multiple web pages and manually copying and pasting various code snippets into the WordPress site.

Also, if the code snippet is wrong at any point, it may affect the functionality of the site and cause problems. If you still want to use this method, you can follow the steps below:

1. Enter the Facebook Page URL
Enter the URL of your Facebook page.

2. Select the options to include in the dynamic
The following three options can be selected:

• Timeline
• Event
• Messages
  take note of: To add options, separate their names (e.g. timeline, events, messages) with commas. To remove an option, simply omit the option name.

3. Specify dynamic width and height
Set the dynamic width and height that you want to display on your WordPress site.

• You can toggle the settings for displaying subheadings and cover photos.
• Adjusts the container width of the plugin.
• Show Facebook friend avatars.

4. Get Code
After configuring the settings, click "Get CodeGet JavaScript SDK and iFrame code.

5. Embedded code
Copy the provided code and paste it to the page, post where you want to add Facebook dynamics,gadgetor in the footer section.

After completing the above steps, you are ready to display Facebook updates on your WordPress website.

summarize

Adding Facebook dynamics to your WordPress site is a great way to increase brand awareness, attract interest and earn trust.

In the article, we explored two ways to dynamically integrate Facebook into your WordPress site: using a plugin and manually integrating it.

Contact Us
Can't read the tutorial? Contact us for a free answer! Free help for personal, small business sites!	Customer Service
① Tel: 020-2206-9892
② QQ咨询：1025174874
(iii) E-mail: info@361sale.com
④ Working hours: Monday to Friday, 9:30-18:30, holidays off