Beginner's Guide for WordPress / Start your WordPress Blog in minutes

How to Add Social Media Icons in Your WordPress Sidebar

Are you looking to add social media icons in your WordPress sidebar?

Displaying social media icons on your website helps you increase your social media followers because it encourages your visitors to follow you on different social media networks.

In this article, we’ll show you how to add social media icons in your WordPress sidebar.

How to Add Social Media Icons in Your WordPress Sidebar

Why Add Social Media Icons in Your WordPress Sidebar?

Displaying social media icons will give your visitors an opportunity to follow you on various social channels, and is a simple and effective way to grow your social media following.

Many popular WordPress blogs and websites display social media icons in their sidebar, header, or footer area.

Here you can see social media icons displayed in the sidebar of the WPBeginner website.

Social Icons in the WPBeginner Sidebar

It’s important to remember that social media follow icons are different than adding social share buttons to your WordPress posts. If you’re looking to add share buttons, then see our beginner’s guide on how to add social share buttons in WordPress.

With that being said, let’s take a look at how to add social media follow icons in your WordPress sidebar.

How to Add Social Media Icons in Your WordPress Sidebar

The first thing you need to do is install and activate the Simple Social Icons plugin. For more details, see our step by step guide on how to install a WordPress plugin.

The Simple Social Icons plugin is developed by StudioPress, the creator of the Genesis theme framework, and it is now part of WP Engine, the most popular managed WordPress hosting company. This plugin’s underlying code is used in some of their best selling themes.

After activating the plugin, you need to navigate to Appearance » Widgets. Next, click the blue ‘+ Toggle block inserter’ button and scroll down to the ‘Simple Social Icons’ widget and drag it onto your sidebar.

Dragging the Simple Social Icons Widget to the Sidebar

Now you can start to configure how your social media icons will look. You should start by adding a title for the widget. After that, we recommend that you check the box to open links in a new tab or window. This will keep your visitors on your website.

We suggest that you play with the colors to try different backgrounds and hover combinations to match your website’s color scheme. You can also make the icons flat by setting the border radius to 0 and increasing the icon size.

Now you can enter URLs for your social media profiles. The plugin supports Facebook, Twitter, YouTube, Linkedin, Pinterest, Instagram, and some other popular social media websites. You can also add icons for your RSS feed and email newsletter.

You Need to Add a URL for Each Social Media Icon You Wish to Display

The only downside to this plugin is that it does not allow you to rearrange the order of the icons.

Once you’re finished, make sure you click the ‘Update’ button at the top of the page.

Now you can visit your website to view your social icons.

Preview of Social Media Icons in the Sidebar

We hope this tutorial helped you learn how to add social media icons in your WordPress sidebar. You may also want to learn how to create a contact form in WordPress, or check out our list of the best Facebook plugins to grow your blog.

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.

Disclosure: Our content is reader-supported. This means if you click on some of our links, then we may earn a commission. See how WPBeginner is funded, why it matters, and how you can support us. Here's our editorial process.

The Ultimate WordPress Toolkit

Get FREE access to our toolkit - a collection of WordPress related products and resources that every professional should have!

Reader Interactions

26 CommentsLeave a Reply

  1. I ABSOLTELY love your videos, I am learning SO much and it´s SO straight forward! Thank you!

  2. This worked like a charm. Until–don’t laugh–I realized I had beautiful FOLLOW buttons while I was looking for SHARING buttons. How do I get those just as simple and customizable to go in a widget in the sidebar. I’ve looked, but haven’t found simple ones.

  3. What is difference between jetpack social media icon and wp social media profile? jetpack have youtube provision wherea wp social media profile do not have youtube.

  4. Added a few social widgets to my current theme and it’s both do not render correctly? I am using the theme “Nisarg” which is a basic free blog theme, adn I have heard these plugins adapt differently to various themes. It’s frustrating when these widgets are for ease of use but they haven’t saved me any time. Any feedback from anyone would help. I do plan to upgrade to Genesis framework, not sure if that matters.

  5. The icons are not appearing in the boxes when I installed this plugin. I just see tiny letters and numbers inside the squares. Help?

  6. Thank you for the article.
    I am a new blogger and I have been using your website since the beginning.
    I have to admit, if there’s any problem I come across or I need some help, I could find the answer here.
    Good job!

  7. Thank you for this advice, but how do you get it to show the Facebook, LInkedIn, Twitter icons??? All I have is grey…….

    Thank you!!

  8. Nice post, thank you for sharing this useful tutorial on how to add social media on WordPress side bar. Can I use DigDig plug-in instead of Simple Social Icons plugin?

  9. Dear Syed Balkhi, Sir I would like to thanks you very much and you are my best and favorite personality in WordPress world. Dear sir I will pray for you that always you will write for us. I am using your this plugin and I am daily visit you site and got updates and I will try these updates on my blog. Thanks

Leave A Reply

Thanks for choosing to leave a comment. Please keep in mind that all comments are moderated according to our comment policy, and your email address will NOT be published. Please Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.