Display Facebook Feed on WordPress with Smash Balloon

Adding a Facebook feed to your WordPress site can enhance user engagement and keep your audience updated with your latest social media content. The Smash Balloon Pro plugin makes this process straightforward. Follow these steps to connect your Facebook feed to your website:

1. Install Smash Balloon Plugin

To begin, install and activate the Smash Balloon Social Photo Feed plugin on your WordPress website. Here’s how:

  • Navigate to your WordPress dashboard.
  • Go to Plugins > Add New.
  • Search for “Smash Balloon” and install the plugin.

2. Connect to Facebook

Once the plugin is activated, you need to connect it to your Facebook account:

  • From your WordPress admin area, go to Smash Balloon » All Feeds.
  • Click on the blue ‘Connect a Facebook Account’ button.
  • Log in to Facebook and grant permissions to the Smash Balloon plugin to access your Facebook account.

3. Select Feed Type

After connecting your Facebook account, choose the type of feed you want to display on your website. The options include:

  • Timeline feed
  • Page feed
  • Group feed
  • And more

4. Customize Your Feed

Now, configure the feed settings to match your preferences. You can customize various aspects, such as:

  • Layout
  • Colors
  • Number of posts to display

5. Embed the Feed on Your Website

Once you’ve customized your feed, it’s time to embed it on your website:

  • Copy the shortcode provided by the Smash Balloon plugin.
  • Paste the shortcode into any page, post, or widget area on your WordPress site where you want the Facebook feed to appear.

6. Preview and Publish

Before finalizing everything, preview your website to ensure the Facebook feed looks as you intended:

  • Check the feed’s appearance and functionality.
  • If everything looks good, publish your changes.

7. Adjust Display Settings (if needed)

If you’re not entirely satisfied with how the feed looks, you can make further adjustments:

  • Return to the Smash Balloon settings.
  • Modify the display settings until you achieve the desired look.

8. Test the Feed

Finally, ensure that the feed displays correctly across different devices:

  • Test the feed on various devices to check for responsiveness and functionality.

Your Facebook feed should now be connected and displayed on your website using the Smash Balloon plugin.


Troubleshooting Tips

If you encounter issues with pages not showing as available sources after authorizing the plugin, consider the following troubleshooting steps:

  • Reauthorize the Plugin: Sometimes, reauthorizing the plugin with your Facebook account can resolve connectivity issues.
  • Check Permissions: Ensure that all necessary permissions are granted to the plugin during the Facebook authorization process.
  • Update the Plugin: Make sure you are using the latest version of the Smash Balloon plugin, as updates often include bug fixes and improvements.
  • Clear Cache: Clear your website’s cache to ensure that the latest changes are reflected.
  • Consult Support: If the issue persists, contact Smash Balloon support for further assistance.

By following these steps and tips, you can seamlessly integrate your Facebook feed into your WordPress site, enhancing your site’s interactivity and keeping your visitors engaged with your latest social media updates.

Questions regarding WordPress? Get in touch with your St. Louis WordPress experts at Beanstalk and let’s talk.