How to Add Social Media Feeds to Your WordPress Site

How to Add Social Media Feeds to Your WordPress Site (Best Way)

By Stacey Corrin on September 1, 2021

Do you want to add social media feeds to your WordPress?

Displaying social media content on your website helps you grow your social media followers and update your website with relevant and engaging content.

In this article, we show you how to add social media feeds to your WordPress site.

Since this article is packed full of guides for adding more than one type of social media feed to WordPress, here is a table of contents to help you navigate:

Before we dive into how to add your feeds to WordPress, let’s look at why it can help your business.

Or, you can click here to skip ahead to the tutorial on how to add combined social media feeds to your website.

Why Add Social Feeds to WordPress?

With millions of people using them daily, social media platforms are perfect for connecting with your target audience.

But why limit that to your social channels?

Social media feeds allow you to show your social content to all your site visitors. So, they get a broader understanding of your business and how you can help them.

By integrating social media into your website, you can delight website visitors with your social media content, boost your followers, and secure more potential customers.

But that’s not all.

Here are a few more benefits of displaying social media feeds on your website:

  • Instead of adding easy-to-miss social icons, you’re boosting your brand awareness with social feeds that contain your real-time updates and social media posts.
  • You can display all your feeds in a single place, so visitors can see which social media posts you publish on each platform — right on your website.
  • With social media feeds on your website, it’s easier to display user-generated content (UGC) to improve your reputation. It also encourages users to submit their own UGC using relevant hashtags.
  • Displaying social media feeds with UGC influences your visitors to buy from you and give your eCommerce store a boost.
  • Social media feeds are the ideal way to display social proof for your brand, like reviews and testimonials. This creates social trust, making your customers loyal to your business.
  • Adding social media feeds to your website also boosts your SEO — with the help of the right plugin to improve your search rankings for you.

Now you know why adding social media feeds on your small business site is important, let’s move on to how to do it.

How Can I Add a Social Media Feed to My Website?

The best way to add a social media feed to your website is to use a WordPress plugin.

The best social media plugins in WordPress lets you add more features and functionality to your website, even if you’re not comfortable with coding or CSS.

All you have to do is install the plugin, activate it and let it do the hard work for you.

Now, you might be wondering, “What is the best social media plugin for WordPress?”.

Since there are so many to choose from, it can be pretty scary finding one with all the features you need for your site.

To add social media feeds to your WordPress site, we suggest using the suite of social feed plugins from Smash Balloon.

ow to add social media to wordpress

Trusted by over 1.6 million active users, and with an average rating of 4.9 stars out of 5, they’re the best social media feed plugins for WordPress.

Smash Balloon is also a safe plugin to use on your site, so you’re guaranteed that your website security is still protected with this social media feed tool.

And the best part? All of the plugins are designed to be ultra fast so they won’t slow down your website at all.

The 2 key goals of Smash Balloon are to:

  1. Create and maintain the most user-friendly, beautiful, and impressive social media plugins your website has ever seen.
  2. Provide the quickest, friendliest, and most mind-blowingly amazing product support you have ever experienced.

So today, we’re using each of Smash Balloons plugins to add social media feeds of popular social networks to WordPress for Facebook, Instagram, Twitter, and YouTube — step-by-step.

Let’s kick things off by looking at how to add a Facebook feed to WordPress below.

Adding Facebook Feeds to Your WordPress Site

To add a Facebook feed to your WordPress website, first, get your copy of the Custom Facebook Feed Pro plugin here.

Then, upload and activate the plugin in WordPress. You can learn how to install a WordPress plugin in this step-by-step tutorial.

Once the Custom Facebook Feed Pro plugin is installed and activated on your website, head to Facebook Feed » All Feeds from your dashboard.

On that new page, click on the Add New button at the top.

add new feed with custom facebook feed pro

After that, you can choose from 9 different feed types for your new feed. You can pick from a timeline feed, photos feed, events feed, and much more.

types of facebook feed

Once you’ve picked the Facebook feed type that you want, just click on Next. 

In this tutorial, we’ll go ahead and pick the timeline feed.

select facebook feed type

And you’ve just created your new feed. The next step from here is to connect the feed to the social media network.

Connecting Your Facebook Account

Now, you can add a source for your new Facebook feed. To do that, click on the Add New button.

add new source for facebook feed

The plugin will now show you a popup where you can pick whether to add a Facebook page or a group.

After you pick your preferred option, click on Connect to proceed.

pick between group or page for facebook feed

Doing that will send you to Facebook. You can then give read-only access to the plugin so that it can show your Facebook feeds.

Since the access is read-only, the plugin can only read the data and can’t actually change anything.

To proceed, you can select the pages or groups that you want to show on your feeds. Once you’ve selected them, click on Next.

select facebook pages

Finally, click on Done to give the read-only access.

what is smash balloon allowed to do

After that, you’ll be back on your WordPress site. Now select the page or group you want for your feed and then click on Add.

add new source confirmation

After that, just click on Next to finish things here.

pick your source for custom facebook feed pro

With that, you’ve connected the new feed to Facebook. You can now move on and start customizing the feed.

Customizing Your Facebook Feed

After you’ve connected your feed to Facebook, you can now see it open in the live feed editor.

custom facebook feed pro live editor

Here, you can see all the customization options on the left side of the screen. And on the right, you can see a live preview of your feed.

To get started with the customization, go ahead and pick the Feed Layout option.

select the facebook feed layout

With this plugin, you have 4 different layout options: List, Grid, Masonry, and Carousel.

different layout options for custom facebook feed pro

You can use the list layout if you simply want to show one Facebook post after another. Plus, it also makes sure that the posts are large and clearly visible.

list layout for facebook feed

Next, you have the grid option, which shows your Facebook posts in rows and columns. You can show lots of posts at once this way.

grid layout for your facebook feed

With the masonry layout, you can show your Facebook posts in different columns. And it also keeps their original proportions.

masonry feed layout for facebook

If you want to show your posts in a slider instead, you can pick the Facebook carousel layout.

carousel feed layout for facebook group feed

After you’ve picked your layout from these options, click on the Save button on the top right.

You can then go back to customizing your Facebook feed by clicking on the Customize button.

go back to facebook customization options

Here, you can select the Color Scheme option and pick the colors for your new Facebook feed.

select color scheme for facebook feed

You have 4 different color schemes to pick from:

  • Inherit From Theme: Copy the colors of your website.
  • Light: Use a light scheme with white background and dark fonts.
  • Dark: Show a dark background with lighter fonts.
  • Custom: Manually pick the colors for your feed.

After you pick your color scheme, just click on the Save button.

custom facebook feed pro color schemes

And then, you can start customizing the other parts of your feed with the live feed editor. You can change the header style, margins, post elements, and much more here.

After you’re finished with the customization, click on the Save button.

Embedding Your Facebook Feed

Now that you’ve finished customizing your Facebook feed, you can go ahead and post it on your site.

For that, first click on the Embed button on the top right of the live feed editor.

click on embed button custom facebook feed pro

Once you do that, you’ll see a new popup where you can pick the location for your Facebook feed. You can either embed the feed on a page or show it on the sidebar as a Facebook widget.

To proceed, you can click on the Add to a Page button. But if you want to show the feed as a widget, click on the Add to a Widget button.

We’re going to embed it on a page for this tutorial.

add facebook feed to page

After that, you can see a list of your pages on the popup. All you have to do is select the page where you want your Facebook feed and then click on Add.

select page for facebook feed

Doing this will open that page so that you can embed your feed.

To do that, click on the small plus icon (+) at the top and select the Custom Facebook Feed widget.

add facebook custom feed block

Now, you can just click on the Publish button to finish adding your feed.

And there you go! You’ve now embedded your Facebook group on your website.

You can now open up your site and see how your feed looks.

how to add social media feed to wordpress facebook

Now that you know how to add a Facebook feed to WordPress, it’s time to learn how to do the same for Instagram.

Adding an Instagram Feed to WordPress

Adding an Instagram feed to WordPress follows a similar process to the one for Facebook, and it’s the ideal way to increase Instagram followers.

First, get the Instagram Feed Pro plugin from Smash Balloon here. Then install and activate the plugin using these step-by-step instructions.

Next, connect to your Instagram account by clicking the blue Connect an Instagram Account button. You can also manually connect to Instagram by entering a valid Instagram Access Token.

Connect an Instagram account

The Instagram Feed plugin lets you display posts from different sources, such as from:

  • User Account: A feed of the latest posts from your Instagram account.
  • Hashtag: Display feeds based on specific hashtags.
  • Tagged: Feeds containing only content you’re tagged in.
  • Mixed: A feed with multiple content types, including hashtags, tags, and more.

Instagram content sources

So choose which feed type you’d like to display and click Save Changes.

Customizing Your Instagram Feed

Next, head to Instagram Feed » Settings » Customize to choose how you’d like to display your feed on your website.

At the top of the page, you can set the width, height, and background color of your feed. You can also customize your Instagram feed’s layout by choosing from the templates below:

Instagram feed layout types

  • Grid: A simple grid of square-cropped Instagram post images.
  • Carousel: Posts from your feed are displayed in a slideshow carousel.
  • Masonry: Instagram feed posts displayed in their original aspect ratios with no space between them.
  • Highlight: Masonry style cropped post images with no captions or likes displayed.

You can also set the number of photos in your feed and the columns and padding.

Below that section are options for controlling the header, load more button, and follow buttons for your Instagram feed. Simply click Show Customization Options for each section to reveal the settings.

Instagram feed header and button options

Remember to click Save Changes when you’re finished with this section.

With your Instagram feed customized, how do you display it?

We’ve put together a detailed guide on how to embed your Instagram feed on WordPress here, which we’re sure you’ll find super-helpful.

how to add social media feed to wordpress instagram

You can also use the free version of Instagram Feed Pro here, but it’s limited to showing Instagram feeds from your own account only. If you want to add Instagram feeds from different sources, it’s better to get the premium version instead.

You’ve got Facebook and Instagram feeds nailed. But what about Twitter? Let’s look at that next.

Adding a Twitter Social Media Feed to WordPress

To add your Twitter feed to WordPress, begin by getting your copy of Custom Twitter Feeds Pro from Smash Balloon here. Then use the instructions linked earlier in this tutorial to install and activate the plugin.

Next, head to Twitter Feeds » Settings and click the blue button to login and authorize your Twitter account.

Connect your Twitter account

Next, scroll down to the Feed Settings area. The pro version of this plugin lets you choose to display your tweets in different feed types:

Twitter feed types

  • User Timeline: A feed of posts from your main Twitter timeline.
  • Hashtags: A feed containing posts from specific hashtags.
  • Search: Perform an advanced search and display the results in a Twitter feed.
  • Home Timeline: Display tweets from both yourself and those people you follow.
  • Mentions Timeline: Show a feed of tweets you’re mentioned in from others.
  • Lists: Display curated twitter lists in your feed by entering the list IDs.

Below that section, you can choose how many tweets to display and how often the plugin should check for new content.

Now let’s find out how to customize your Twitter feed.

Customizing Your Twitter Feed

To customize your Twitter feed, navigate to the Customize tab at the top of the Settings page.

Here you can set the width and height of your feed, as well as choose the type of layout you’d like including:

Twitter feed layout types

  • List: A full-width list of your tweets.
  • Carousel: A slideshow carousel of tweets with settings to customize the number of columns, loop type, navigation arrows, and more.
  • Masonry: A feed of tweets in columns with no space between each post.

When you’ve chosen a layout, you can scroll down to pick which details you’d like to include in your feed and tweak the settings for media.

show or hide information in Twitter feeds

Remember to click Save Changes before moving onto embedding your Twitter feed.

Embedding Your Twitter Feed

Just like Facebook and Instagram, you can embed your Twitter feed into any post, page, or widget-ready area of your WordPress site.

Let’s talk about how you can embed your Twitter feed in a WordPress post, which is an excellent way to highlight relevant content for your visitors.

First, head to Posts » Add New from your WordPress dashboard. Then click the Plus (+) icon to add a new WordPress content block.

add a new content block to your WordPress post

In the search box provided, type Twitter to find the Twitter Feed block and click it to add it to your post.

Twitter feed content block

You’ll then see a preview of your feed, which you can check before publishing. Once you’ve published your post, it will look similar to the example below:

how to add social media feed to wordpress twitter

For more details on how to embed a Twitter feed in WordPress, see this tutorial.

But what if Facebook, Instagram, or Twitter doesn’t have your target audience, while YouTube is thriving with users perfect for your business?

There’s a great YouTube feed plugin, which we’ll show you how to use next.

Adding a YouTube Feed to Your WordPress Site

To start adding a YouTube feed to WordPress so visitors can enjoy your video content, get a copy of the Feeds for YouTube Pro plugin. Then proceed to install and activate it on your WordPress site.

From there, head to Feeds for YouTube » Settings, and link your YouTube account by clicking the big blue button to connect.

YouTube Feeds Settings

For several features to work correctly, you’ll also need to add the API key to your account, which you can learn how to set up in our guide to creating and using YouTube API keys here.

Just follow the popup instructions to successfully connect your YouTube account to the plugin.

Once you’ve linked your YouTube account, choose which default feed you want to show on your website. You can choose from the following options:

YouTube Feed types

  • Channel: Display all posts from the selected YouTube channel.
  • Playlist: Show a specific YouTube playlist feed on your website.
  • Favorites: Display a feed of videos from your favorites list.
  • Search: Perform a custom search and have the results added to a custom YouTube feed on WordPress.
  • Live Stream: Display a feed of your current and future live streams on your site.
  • Single Videos: Show multiple, single videos in your feed based on the video ID.

Customizing Your YouTube Feed

First, click the Customize tab at the top of the settings page, and start by setting the width, height, and background color of your feed.

Then, move on to the Layout section to choose how your feeds look on your site. The feeds for YouTube plugin offers several ways to style your YouTube feed, including:

YouTube feed layout types

  • Grid: Video thumbnails shown in a uniform grid with videos opening in a lightbox when clicked.
  • Gallery: One big video that plays when clicked, with more videos displayed in a thumbnail grid below.
  • List: A single full-width column of videos that play when clicked.
  • Carousel: A slideshow carousel of YouTube videos in your feed.

Below that section, you can set the information displayed in each feed, such as user names, play icons, view numbers, stream countdown, and more.

Choose which information to display in YouTube feeds

Below are the options for your feed’s Header, Load More, and Subscribe Button.

Change the header and button options for YouTube feeds

You can also improve the video experience for users by changing the player ratio size, choosing if the video plays automatically or when clicked, and selecting a call to action for when the video is paused or reaches the end.

And just like the other Smash Balloon social feed plugins, there are settings to moderate your feeds, enter code snippets, and control more advanced features.

Just remember to click the Save Changes button before embedding your YouTube feed in WordPress.

Embedding Your YouTube Feed

All Smash Balloon social feeds are super-easy to embed in WordPress. You’ve already learned how to add social media feeds to pages and posts in this article.

So next, we’ll show you how to embed your YouTube feed in a widget-ready area of your WordPress website.

Here, we’ll add a YouTube feed to the After Entry widget-ready area. This area displays after a blog post and is often used to show a link magnet for content upgrades and sign-up forms.

First, go to Appearance » Widgets from your WordPress admin area. Then locate the YouTube Feed widget and drag it to your chosen widget area.

YouTube feed WordPress widget

Next click Done, and Save, then navigate to your live website to view your YouTube feed displayed in all its glory.

Here’s a preview of how our YouTube feed looks in the After Entry widget area:

Published YouTube feed in a WordPress widget area

For more details on how to add YouTube videos to your website, check out this post.

How to Add Social Media Feeds to WordPress (Combined)

What if you want to add multiple social media accounts and just combine them into 1 feed?

With Smash Balloon’s Social Wall Pro plugin, you can easily do this with the help of the best social media aggregator in WordPress.

To begin, get your own copy of Social Wall Pro here. After downloading the plugin, install it on your website by following the instructions on this post on how to install WordPress plugins to WordPress.

Since you’ve already followed the instructions above to connect your Facebook, Instagram, Twitter and YouTube accounts to Smash Balloon’s plugins, the next step is easy.

From your WordPress dashboard, navigate to Social Feeds » Create a Social Wall.

On this page, you can check the social media accounts you want to display on your social media feed.

For this tutorial social media aggregator in WordPress tutorial, we’ll show the social media feeds from all 4 channels, so check Add to Wall for all accounts, like this:

Remember to click on Save Changes, then move on to the next step below.

Customize Your Social Media Feed

To start, click on the Customize tab at the top of your settings page. On this page, you can easily control how many posts to display in your social media feed.

You can also select from multiple layout options. For this tutorial, let’s select the masonry layout.

After finalizing your customization options, it’s time to display your social media feed to your website.

Add Your Social Media Feed to WordPress

As the best social media aggregator, Social Wall Pro makes it super easy for you to add your social media feed to your website.

From your WordPress dashboard, just navigate to Social Feeds » Create a Social Wall. The plugin automatically makes the shortcode for you — you just need to copy it!

To add your social media feeds to a WordPress page, go to Pages » Add New Page from your WordPress dashboard.

Then, just paste the shortcode you copied into your page editor.

Feel free to edit the page’s title, and when you’re happy with how it’s set up, click Publish to make it live on your website like this:

That’s it!

You now know how to add social media feeds to your WordPress site using the super-easy suite of plugins from Smash Balloon.

So what are you waiting for?

Get Smash Balloon now!

You may want to check out this next post on the best WordPress social media feed plugins to help boost your conversions and sales.

Want an easy way to turn website visitors into customers? Then check out our guide on how to embed social media review widgets on your site.

And don’t forget to follow us on Twitter and Facebook for more social media tips and tricks to grow your business.

Add a Comment

We're glad you have chosen to leave a comment. Please keep in mind that all comments are moderated according to our privacy policy, and all links are nofollow. Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.

Leave a Reply

Your email address will not be published. Required fields are marked *