How to Add Social Media Icons to Your WordPress Site

Imagine you’ve brought your young, new company to its first conference and it’s a smashing success. People are lined up at your booth, asking for your social media username, so they can connect with you when they get back home. 

Adding social media icons to your site gives people this same opportunity to follow you on the social platforms they use the most. If you don’t include these icons on your site where visitors tend to find them — like your footer or header — it would be like refusing to give people at the conference a way to find you on social media. Unimaginable! 

In this article, we’ll dive into the world of social media icons, explore their benefits, and walk you through how to add them to the sidebars, header, or footer of your site. 

Plus, you’ll find out about Jetpack Social, a social media automation suite for WordPress. 

What are the benefits of having social media icons on your WordPress site?

Adding social media icons to your WordPress site opens the door to a whole new world of promotional possibilities. Let’s explore some of the benefits.

  1. Increased engagement. You have the opportunity to reach your site visitors in other places that they spend time, increasing their opportunity to connect with you. 
  2. Broader audience reach. When you gain social media followers, you have the opportunity to reach more people as they share and engage with your content.
  3. Social proof. When people see others sharing and engaging with your content, they’re more likely to trust your brand and join the party. People have lots of options for spending their time, energy, and money than ever, and they’re more skeptical than ever before. A social media recommendation from their friends instantly transfers credibility to your organization. 
  4. A streamlined user experience. Many website visitors simply expect to find social media icons on your site, hoping to connect with you on more than one platform. By providing them with an easy way to do so — rather than forcing them to click through page after page to find your social accounts — you provide a much better user experience.

What is the Social Icons block on WordPress?

If you want to add social icons to your WordPress site, you can quickly do so using the Social Icons block. This simple-but-powerful tool allows your visitors to quickly recognize your presence on certain social media platforms and visit your corresponding profiles. There, they can engage with your brand, ask questions, follow you, and keep up-to-date with your latest posts.

Which icons are available on the Social Icons block for WordPress? 

There are seemingly endless choices for where to spend your social media efforts. Choosing the right platforms is important because you want to go where an interested audience is most likely to engage. Spread yourself too thin, and you’re less likely to find success on any one platform. A tool like Jetpack Social can help, though. It allows you to spend more time creating great content and less time on the logistics. 

Once you’ve decided where to focus your time, there are more than 40 icons available to represent any custom link you want to insert. They are: 

  • Amazon
  • BandCamp
  • Behance
  • CodePen 
  • DeviantArt
  • Dribble
  • Dropbox
  • Etsy
  • Facebook 
  • RSS Feed 
  • Flickr
  • Foursquare
  • Goodreads
  • Google 
  • GitHub 
  • Instagram
  • Last.FM
  • LinkedIn
  • Mail 
  • Mastodon
  • Meetup
  • Medium
  • Patreon
  • Pinterest
  • Pocket
  • Reddit
  • Skype
  • Snapchat
  • SoundCloud
  • Spotify
  • Telegram
  • TikTok
  • Tumblr
  • Twitch
  • Twitter
  • Vimeo
  • VK
  • WhatsApp?
  • WordPress
  • Yelp
  • YouTube

How to add the Social Icons block to your WordPress site

Here are several areas you can add the Social Icons block:

  1. Content like pages and posts, using the Block Editor
  2. Global site elements, like your header and footer, using the Site Editor (for block themes)
  3. Widgetized areas, like your sidebar (for classic themes)

Let’s take a closer look at all three of these.

Adding the Social Icons block to pages and posts

There are a lot of reasons you might want to add social media icons to a page or blog post. Perhaps you want to add a call to action to a blog post, encouraging readers to follow you on social media. Or maybe you want to include social icons on your Contact page, so visitors have another way to connect with you.

Your first step is to open up the page or post you’re working on and decide where you want to add your social media icons. Then, click the blue + icon at the top right to open the Block Inserter. Search for “Social Icons,” then drag and drop the block into your page.

searching for the Social Icons block

The block will be blank initially, and simply say, “Click plus to add.” Click the + icon at the right of the Social Icons block.

plus icon to add social media platforms

This will open up a new window that has several social media platforms listed, along with a search bar. You can add your social platforms here, or click the button that says Browse All to see a full list of options.

browsing a list of social media icons

Add any platforms that you’d like, simply by clicking on their name. They’ll appear horizontally across the Social Icons block. 

three social media icons inside of the block editor

Select one of the individual icons to add a link to your social media account. You can also use the toolbar above the block to move icons left or right, change their alignment, and more.

adding a link to an Instagram profile

For even more options, click the Social Icons block and open the Settings panel on the right. Here, you can adjust the icon colors, display their labels, change their shape, and more.

settings for the Social Icons block

Once you’re happy with the way your social icons look, simply save your page or post. And that’s it!

Adding the Social Icons block to global site elements

Including your social media icons in global site areas like your header, footer, and sidebar can be extremely beneficial. It means that visitors can easily find your accounts, and they’ll show up on the majority (or all) of your website pages.

If you’re using a block theme, you can easily add the Social Icons block to global site areas (called “template parts”) using the Site Editor. In your WordPress dashboard, go to Appearance → Editor. Open Template Parts, and you’ll see a list of elements that you can edit. Choose the one you want to work with (in this example, the header). 

template parts in WordPress

Here, you can make any changes you’d like to your header using blocks, and those changes will be reflected across your entire site. When you click on the header, you’ll see a black + icon at the bottom right, which will open a list of blocks, along with a search bar. Here, choose the Social Icons block.

adding the social icons block to a header template part

This will add the Social Icons block to the right of your header. Now, you can click the + icon to add your social media accounts to the list. Click on each individual icon to add the link to your profile, then use the block settings to customize the look and functionality of your icons, just as you did in the section above. 

three social media icons in a WordPress header

If you want to move the icons somewhere else in your header, simply click on the Social Icons block and use the left and right arrows that appear in the toolbar to change their position.

moving the social icons block

Once you’re happy with how things look, click the blue Save button at the top right of the Site Editor. And you’re done!

Adding the Social Icons block to widgetized areas

If you’re using a classic theme rather than a block theme, you can add the Social Icons block to any widgetized area on your website. These will vary based on the theme you’re using, but typically include global site areas like the sidebar. 

In your WordPress dashboard, go to Appearance → Widgets. Here, you’ll see a list of widgetized areas on your website, and you can expand the one you want to edit. In this example, we’ll be editing the Main Sidebar.

widgets inside of WordPress

Click the + icon at the bottom of the widgetized area to see a list of blocks, along with a search bar that will allow you to search for more. Click the Social Icons block. Now, you can add your social media icons, include your profile links, and style the Social Icons block just as you would in the previous two sections of this post. If you want to move the icons to another part of the sidebar, simply drag and drop the block.

the social icons block underneath a recent posts widget

When you’re done, click the blue Update button at the top right to save your changes.

Need more social media features? Try Jetpack Social

If you’re ready to level up your social media game and gain access to even more fantastic features, Jetpack Social is the answer. 

It’s like upgrading from economy to first class on your favorite airline. Jetpack Social is a powerful plugin that offers a comprehensive social media sharing solution for WordPress. It’s developed by the same team behind and the multi-faceted, popular WordPress plugin — Jetpack. They’ve designed a suite of tools for WordPress security, performance, and growth

Here’s what you can expect from Jetpack Social:

  1. Automatic sharing. Save time and effort by automatically sharing new posts to your social media profiles.
  2. Social media scheduling. Plan and schedule your social media posts in advance for better organization and consistency.
  3. Video sharing, engagement optimization, and more. Get more from each post by maximizing engagement and sharing craveable video content with your followers. 

Jetpack Social offers a variety of plans, including a free option to help you get started.

Spread the word while you sleep

Adding social media icons to your WordPress site is a must for anyone who wants to grow their online presence. 

Sometimes, finding success involves working longer hours or making temporary sacrifices for long-term gain. But other times? It’s just a matter of finding the right tools. With the Social Icons block and Jetpack Social, you have everything you need to supercharge your social media strategy and take your website to new heights. 

Learn more about Jetpack Social here:

This entry was posted in Social Media. Bookmark the permalink.

Simon Keating profile
Simon Keating

Simon has worked in marketing and product development for over 10 years, previously at HubSpot, Workday, and now Automattic (Jetpack). He has a varied education, with a degree in chemical engineering and a masters in computer science to his name. His passion is helping people and their businesses grow.

Explore the benefits of Jetpack

Learn how Jetpack can help you protect, speed up, and grow your WordPress site.

Get up to 50% off your first year.

Compare plans

Have a question?

Comments are closed for this article, but we're still here to help! Visit the support forum and we'll be happy to answer any questions.

View support forum
  • Enter your email address to follow this blog and receive news and updates from Jetpack!

    Join 112.3K other subscribers
  • Browse by Topic

  • %d bloggers like this: