How to Add Facebook Feed to WordPress [Guide]

WordPress offers a simple and powerful way of creating a website online. It offers lots of features by itself and you can add even more with the help of plugins from the WordPress plugin store or using third-party plugins. One such feature that WordPress offers is that it allows you to add the Facebook feed on your WordPress webpage. Not just adding a Facebook feed, with the help of the WordPress plugin, you have the power to do some amazing customization on your WordPress. This helps to improve your business by linking your Facebook Business page or group. Adding a Facebook feed on your WordPress helps to add more content with media files on your WordPress site and saves lots of loading time on your website. Here is how you can add a Facebook feed to your WordPress website.

Steps to Add Facebook Feed to WordPress Website

You can embed a single Facebook post on your WordPress website by using the default features available on WordPress. But to add the whole Facebook feed, you need the help of some plugin that is available for both free and paid versions on the WordPress plugin store.

[1] Go to your WordPress dashboard and click on the Plugin option.

[2] Choose Add New and search for Smash Balloon in the search bar.

[3] Click on Install Now to install the plugin from the store.

[4] After installation, click on Activate to activate the plugin on your WordPress.

[5] Once the plugin is activated, go to the Facebook Feed section from the home screen.

[6] Choose Settings from the expanded menu.

[7] Here go to the License section and enter the Custom Facebook Feed Pro activation code.

[8] Click on Activate License to authenticate the code and once done click on Save Changes.

[9] Now go to the Configuration section, click on Connect a Facebook account.

[10] Select either Facebook Page or Facebook Group to display on your website.

[11] Click on Continue to proceed to the login page and log in with your Facebook credentials.

[12] Once logged in, you will be asked to select the page that needs to be view on your Feed.

[13] Click on Next and you will be asked for permission from the plugin to manage your FB (Facebook) account.

[14] Once permission is authorized, click on Done to proceed further.

[15] Now click on Connect this page and your account will be added to your plugin section.

[16] Click on Save Settings to save all the changes made inside the plugin.

[17] Now you have successfully set up the Smash Balloon plugin with Facebook.

[18] To embed the Facebook Feed on your website, go to the Facebook Feed section from the dashboard.

[19] Click on Settings and scroll down to the Display your Feed section.

[20] Copy the Shortcode that appears on the screen.

[21] Now you can paste the shortcode anywhere on your website to view the Facebook Feed on your website.

You might also be interested in How to Post Instagram Photos to WordPress.

How to Display Multiple Facebook Feed in WordPress

With the Smash Ballon plugin, it is said to display only one feed at a time. But with some simple hack, you can add any number of Facebook feed displaying various pages or groups at the same it. If you like to implement this on your website, continue reading the article below.

[1] First, open your WordPress webpage edit panel.

[2] Click on the Add block (+) icon and choose Column.

[3] Set any number of the column that suits your website.

[4] Inside each column, tap on the Add Block (+) icon.

[5] Choose Shortcode and add the following in the shortcode section.

[custom-facebook-feed id= ANY GROUP OR PAGE NAME]

Note: Make sure to replace the id with your Facebook group or page name. Also, apart from the ID attribute, you can add lots of other attributes which you can refer to from the Custom Facebook Feed WordPress Plugin Shortcode Reference page.

[6] Now you have successfully added Multiple Facebook Feeds to the WordPress website.

How to Customize Facebook Feed Appearance in WordPress

Smash Ballon not only allows you to add a Facebook feed on your WordPress website but also allows you to perform various customization to your custom Facebook feed.

[1] Go to the Facebook Feed section and click on Customize option.

[2] Under Post layout, you can set the dimension of the feed to display on the post in three variations.

• Thumbnail
• Half-Width
• Full-Width

[3] Under Style Posts, you can do some regular styling to the feed view like

• Post Style – Regular and Boxed
• Background color
• Rounded Corner Size
• Box Shadow, etc.

[4] Now you have done some basic styling to your WordPress website.

There are also various other social media integration plugins available on the WordPress plugin store and Third-party plugins which you can try on your WordPress website. Some of the notable Social media integration plugins available for WordPress are

• Easy Social Feed
• Jetpack
• Social Sharing plugin, and many more

Note: If you are preferring to add a third-party plugin on your WordPress site, you can add the plugin by clicking on Upload Plugin and upload the Smash Balloon plugin file from your PC.

Also see How to Add Facebook Like Button in WordPress

Conclusion

Hope this guide is helpful to add a single or multiple Facebook Feed to the WordPress website along with some basic Feed styling. With Smash Balloon you can add lots of social media platforms other than Facebook like Twitter, Instagram, YouTube, etc. If you have any queries let us know in the comments section below. For more WordPress guides, articles, and updates, visit https://thehkonline.com.