How to Add Social Media Feeds to Your WordPress Site Using Gutenberg

by

Integrating social media feeds into your WordPress site can enhance engagement and provide fresh content for your visitors. Using Gutenberg blocks, you can easily add feeds from platforms like Instagram, Twitter, or Facebook without needing complex coding skills.

Why Add Social Media Feeds?

Displaying social media feeds helps keep your website dynamic and interactive. It encourages visitors to follow your social profiles and stay updated with your latest posts. Additionally, it can boost your social media presence and improve your website’s credibility.

Steps to Add Social Media Feeds Using Gutenberg

Choose a Feed Plugin or Embed Code

Start by selecting a social media feed plugin compatible with WordPress or obtaining the embed code directly from the social media platform. Popular plugins include Smash Balloon, Custom Facebook Feed, and Spotlight Social Media Feeds.

Insert the Embed Code or Block

If using a plugin, follow its instructions to generate the feed shortcode or block. For direct embed codes, copy the code provided by the social media platform.

Adding the Feed to Your Gutenberg Page or Post

Open the page or post where you want to display the social media feed. Use the Gutenberg editor to add a new block. Depending on your method, choose either the Custom HTML block or the shortcode block.

Using the Shortcode Block

If your plugin provides a shortcode, insert it into a Shortcode block. Simply paste the shortcode into the block and publish or update your page.

Using the Custom HTML Block

If you have an embed code, add a Custom HTML block and paste the code inside. Preview the page to ensure the feed displays correctly.

Tips for Best Results

  • Choose a reliable plugin or embed code for consistent updates.
  • Optimize the size and placement of the feed for your website layout.
  • Regularly update your plugins and check for compatibility.
  • Ensure your social media accounts are public for feeds to display properly.

Adding social media feeds with Gutenberg is straightforward and can significantly enhance your website’s interactivity. Follow these steps, and you’ll have engaging social content integrated in no time.