Do you want to create a custom Facebook feed on your site?
Custom Facebook feeds allows you to display Facebook posts from your business page or group on your WordPress site, so you can improve engagement.
In this article, weβll show you how to easily create a custom Facebook feed in WordPress without slowing down your website.
Why Create a Custom Facebook Feed in WordPress?
Facebook is the largest social media platform in the world. As a website owner, you may already be engaging with your audience through your Facebook page or by creating a Facebook group.
However, all the posts you make on Facebook are not visible to the people visiting your website. By adding a custom Facebook feed you can show whatβs happening on your Facebook page or group to your site visitors.
This will allow more of your users to see your posts and will help youΒ get more Facebook likes. If you are using theΒ Facebook remarketing/retargeting pixelΒ on your website, then you can show your ads to those users on Facebook as well.
Having said that, letβs take a look at how to add a custom Facebook feed to your WordPress site.
Since this is a comprehensive, we have created an easy table of content:
- Add Custom Facebook Feed Plugin in WordPress
- Connect Your Facebook Page Feed to WordPress
- Connect Your Facebook Group Feed to WordPress
- Create & Display a Custom Facebook Feed in WordPress
- Customize the Appearance of Your Facebook Feed in WordPress
- Combine Feeds to Create a Social Wall
Adding a Custom Facebook Feed Plugin in WordPress
The first thing you need to do is install and activate theΒ Smash Balloon Custom Facebook Feed plugin. For more details, see our step by step guide onΒ how to install a WordPress plugin.
For our article, weβre using the Pro version of Smash Balloon Facebook feed plugin because it offers all the powerful features. Thereβs also aΒ free versionΒ available that you can use as well.
After installation, youβll need to visit theΒ Facebook Feed Β» SettingsΒ page in your WordPress admin and then go to the βLicenseβ tab to enter your activation code.
Once you have activated your license key, you are good to go.
Letβs start by adding your Facebook page to your custom feed.
Connect Your Facebook Page Feed to WordPress
Smash Balloon Custom Facebook Feed plugin allows you to create feeds for your Facebook pages and groups. You can create multiple Facebook feeds and even merge feeds to create a custom feed.
To create a feed, you need to visit yourΒ Facebook Feed Β» SettingsΒ page to configure the plugin. From here you need to click on the βConnect a Facebook accountβ button.
Next, you need to select whether you would like to connect a Facebook page or a group. After that click on the βContinueβ button.
This will take you to Facebook website where you will be asked to continue with your Facebook account.
After that, youβll see a list of your Facebook pages. Select the page that you want to include in your feed and then click Next.
Now Facebook will ask your permission to allow Smash Balloon to manage pages for you. Click on Done to give permission.
Now Facebook will ask your permission to allow Smash Balloon to manage pages for you. Click on Done to give permission.
You will now return back to your WordPress website and see the list of pages you have authorized. Select your page and then click on the βConnect this pageβ button.
Your connected Facebook page will now appear under plugin settings.
Donβt forget to click on the βSave Settingsβ button to store your custom Facebook feed.
Weβll show you how to add it to your blog post or pages later in this article. Before that, letβs see how to connect a Facebook group to create a custom group feed for your website.
Connect Your Facebook Group Feed to WordPress
First, you need to visit theΒ Facebook Feed Β» SettingsΒ page and click on the βConnect a Facebook Accountβ button. From drop-down menu select βFacebook Groupβ and click βContinueβ.
After you click on the βContinueβ button, youβll be able to select which group you want to connect.
Click on the βUse token for this Groupβ button and youβll get the following message:
Follow step one above by clicking on the βhereβ link and then go to the apps section on that page.
When you search for βSmash Balloon,β hereβs what youβll see:
Click that button to add the app, and youβre done.
Now, in the configuration section, youβll see your page and group connected.
Click on βSave Settings.β
Now, itβs time to embed your Facebook feed on yourΒ WordPress website.
Create & Display a Custom Facebook Feed in WordPress
Smash Balloon allows you to display custom Facebook feeds in a post, page, or in a sidebar widget. For our example, weβll embed it in a page.
First, you need to go to yourΒ Facebook Feed Β» SettingsΒ page, and scroll down to see the Facebook feed shortcode:
After that you can save your page and preview it. Smash Balloon will fetch and display the latest posts from your Facebook page or group on your WordPress page.
We chose the βHalf-widthβ option, so the image and text will display evenly.
The next step is to select the βStyle Postsβ tab to the right. Here, you can customize how the post looks, adding a background or box shadow for contrast.
Once you are satisfied with the layout, donβt forget to click on the save changes button and preview your feed.
Combine Feeds to Create a Social Wall
Want to take your social feeds even further? Smash Balloon comes with aΒ WordPress Social WallΒ addon that allows you to combines your content from Facebook, Instagram, Twitter, and YouTube on a single feed.
This allows you to maximize your engagement and gain followers across all social platforms.
We hope this article helped you add a custom Facebook feed in WordPress. You may also want to see our guide onΒ how to add web push notificationΒ on your site to get more traffic, and our comparison of theΒ best WordPress membership pluginsΒ to create & sell courses on your website.
If you liked this article, then please subscribe to ourΒ YouTube ChannelΒ for WordPress video tutorials. You can also find us onΒ TwitterΒ andΒ Facebook.