A Simple Guide on How to Add Social Media Icons to WordPress?

In a world where social media controls a large aspect of human lives, it’s crucial for brands to have an online presence through social media. The image of a brand on social media can largely influence existing and new customers, and therefore, affect sales and leads as well.

A good way to drive traffic to your company’s social media pages and have your content displayed is through the use of social media buttons on your website. This article takes a look at how to add social media icons to WordPress, and therefore generate more web traffic.


Why Add Social Media Icons in WordPress?

With the Internet being such a prevalent part of today’s world, social media is now an integral part of our lives as well. Almost everyone who has Internet access now uses some form of social media, and as of January 2020, there are around 3.8 billion social media users –  more than half the population of the entire world. The growth of social media users is increasing at a rate of 9 percent, so it’s clear that social media isn’t going to fade away any time soon.

This is what makes social media marketing a vital part of every business. When you create content for your website, only your website audience gets to view these posts. You can share your content on your own social media profiles as well to get followers from other platforms.

Or, your audience might read your posts and be interested to find out more about you from your social media accounts. In these cases, having a social media icon is a simple way for your audience to find out about your business’s Facebook page or LinkedIn profile.

On the other hand, the high number of users suggests that social media can have a huge potential in gaining potential customers. This means that reaching only your followers through your posts is not enough – you have to reach other people as well, who might not even be aware of your brand. The best way to reach these people can be through social sharing buttons on your WordPress site.

You’ve probably seen these buttons on every site you have visited. Open up any blog post, and you’ll notice small social media icons asking you to share the post on Facebook, tweet it on Twitter, or pin it on Pinterest.

Adding these icons allows your website visitors to share your content with their family and friends if they want to. In other words, these visitors can help grow your customer base – by making your posts visible to their friends and followers, who might react, comment, and re-share it as well.

Thus, adding social media icons to your WordPress site can have numerous advantages. They help widen your reach and get more traffic to your website. As a result, your social media following increases, building brand recognition, and generating more leads and sales.

How to Add Social Media Icon to WordPress Menus?

To add social media icons to your WordPress menus, you’re going to need a WordPress plugin called Menu Image at first. Visit the Plugins page on the WordPress admin area, and click on Add New.

How to Add Social Media Icon to WordPress Menus?

Source: https://beautifulthemes.com/blog/wordpress-social-media-icons/

You’ll see a screen with a list of different plugins. Near the top-right corner of the page, there’s a search bar. Type in Menu Image in the search bar, and download the plugin to get started. This is a plugin that allows you to add images and icons to your WordPress menus, making your website more visually aesthetic.

Once you have the plugin activated, you’re ready to learn how to add social media icons to your WordPress menus.

How to Add Social Media Icon to WordPress Menus-2

Source: https://beautifulthemes.com/blog/wordpress-social-media-icons/

With the Menu Image plugin activated, open the Appearances page of the admin panel and click on Menus. Create a new menu by giving your menu a name and then clicking on Create Menu. This is where you are going to be adding social media icons.

Next, you’re going to have to add links for your social media channels in your new social menu. For example, let’s say you want your menu to connect your website to your company’s Facebook page, Twitter feed, and LinkedIn profile.

On the Menu Structure section, you’ll have to add custom links for your social media channel, which in this case is your Facebook, Twitter, and LinkedIn URL. Below the URL bar, you’ll notice two buttons labeled Menu Image and Image on Hover under each menu item.

How to Add Social Media Icon to WordPress Menus

Source: https://www.wpbeginner.com/plugins/how-to-add-social-media-icons-to-wordpress-menus/

The Menu Image button allows you to upload the icon for your social media channel. This means that for your Facebook page, you can add an icon of the Facebook logo. The Image on the Hover button allows you to set a different icon when your mouse cursor hovers above the main menu image.

Once you’ve uploaded an icon, you now have to define its size. There’s a label just below the Image buttons that allows you to select a size for your social media icons. They have multiple options – including the original size, thumbnail as well as the many different sizes for menus.

How to Add Social Media Icon to WordPress Menus

Source: https://www.wpbeginner.com/plugins/how-to-add-social-media-icons-to-wordpress-menus/

You can choose your social media icons to have dimensions of 24×24, 36×36, or 48×48. Choose whatever size you find best, and maintain that size for all your social media icons. Otherwise, your menu area might break.

Lastly, you need to choose whether you want your site to display the name of your social media channel, and if so, where. This means that your Facebook page icon will also have the title “Facebook” written along with it, and your LinkedIn icon will display the name “LinkedIn”.

How to Add Social Media Icon to WordPress Menus

Source: https://www.wpbeginner.com/plugins/how-to-add-social-media-icons-to-wordpress-menus/

You can set this under the Title position section. You can choose to have the label display above, below, before or after your icon, and if you don’t want to display any labels, you can select the “Hide” option as well.

There you go! Repeat the procedure for as many social media icons you need to add. Once you’re done, go to the Menu Settings section and choose the display location of your menu. Finally, click on the Save Menu button to register your changes.

How to Add Social Media Icon to WordPress Menus

Source: https://www.wpbeginner.com/plugins/how-to-add-social-media-icons-to-wordpress-menus/

Visit your website now, and you’ll notice the presence of social media icons in your WordPress Menu that would redirect you to your social media pages.

How to Add Social Media Icon to WordPress Headers or Footers?

Headers and footers are two of the most crucial components of any WordPress web page since these are the areas that provide key information about your blog or website. Anyone who is visiting your website will notice your header first and might scroll down to the footer to find a particular link.

So, your first impression on your visitors depends upon your headers and footers. Therefore, why not add some more beauty to your page but including your social media channels in the headers and footers?

Adding social media icons to headers and your footers are quite similar, and can be executed with the same plugin. To learn how to add social media icons to WordPress headers and footers, download the Layers Pro extension for WordPress. This plugin also allows you to different icons with custom links, which can be customized to different colors depending on your preference.

How to Add Social Media Icon to WordPress Headers or Footers

Source: https://docs.layerswp.com/doc/how-to-add-social-media-icons-to-header-or-footer/

Once you’ve downloaded the plugin, visit the Appearance page, and click on Customize. Open up the Menus panel, and chooser an existing menu or create a new one using +Add A Menu. Click on the +Add Items button for each of the social media icons you want to include in your WordPress header or footer.

Next, you’ll notice an array of different icons available to you under the Social Icons heading in the Custom Links section. Choose the icon of your choice, and add the corresponding social media page of your company.

For example, if you want to add your company’s Facebook page to the header, add the link of the page on the URL bar, and choose the Facebook logo from below.

Once you’ve added all the items, take a look at the left, where you’ll notice a section titled Menu locations. Here, you get to choose where you want the social media icons to show up. Select the location where your icons to be present, and then click on Save & Publish.

When you visit your website now, you’ll notice an array of social media icons appear on the header or footer of your page, just as you’ve customized.

How to Add Social Media Icon to WordPress Posts?

There are numerous WordPress plugins available that allow you to add social media icons to your posts and pages, allowing your visitors to share your content with their friends, family, and followers. Whilst all of them enable you to add social share buttons to your WordPress site, they vary in terms of features and functionality.

How to Add Social Media Icon to WordPress Posts

Source: https://www.wpbeginner.com/wp-tutorials/how-to-add-social-share-buttons-in-wordpress/

One of the best WordPress plugins to use for social media sharing icons is Shared Counts. This plugin allows you to add social sharing icons to your WordPress posts, and also gives you the option to display share counts.

Besides, the plugin has a specialized caching method that does not affect your website’s speed and performance. However, if you prefer something else, there are also other plugins available such as Jetpack and Orbit Fox Companion.

How to Add Social Media Icon to WordPress Posts

Source: https://www.wpbeginner.com/wp-tutorials/how-to-add-social-share-buttons-in-wordpress/

To use the Shared Counts plugin, go back to the Plugins page of your admin panel, and type the name in the search bar. Install the plugin, and then go to Settings > SharedCounts to configure the plugin settings.

Once you’ve entered the Shared Counts settings menu, you’ll notice a section called Display as you scroll down. There are three buttons added by default – Facebook, Twitter, and Pinterest. These are the share buttons that would be displayed on your post by default. You can remove one or more of them as you please, and add new ones as well, starting from LinkedIn and Google+ to the less renowned Yummly, or even StumbleUpon!

How to Add Social Media Icon to WordPress Posts

Source: https://www.wpbeginner.com/wp-tutorials/how-to-add-social-share-buttons-in-wordpress/

Next, as you scroll down, you’ll notice a drop-down menu labeled Share Button Style. This menu allows you to customize the social sharing icons from a selection of 8 different button styles. Just below this drop-down menu, you’ll find another menu called Theme Location. This menu allows you to configure where you want the social media icons to be displayed – Before Content, After Content, or Before and After Content.

Lastly, go to the Supported Post Types section, and choose the types of content that you’d want the share buttons to display on. You can choose to display them just on posts, or on your pages as well.

There’s one other thing – as we’ve said before, the Shared Counts plugin can show your social share counts as well. To activate this, scroll up to the top, and you’ll see a Count Source drop-down menu. By default, the option is set to None, which means your share counts will not be retrieved and displayed.

There are two other options for the count source – SharedCount.com and Native. The SharedCount.com option retrieves the counts from the SharedCount service API, whereas the Native option collects the counts from the API of the social media site itself.

How to Add Social Media Icon to WordPress Posts

Source: https://www.wpbeginner.com/wp-tutorials/how-to-add-social-share-buttons-in-wordpress/

Using SharedCount.com is the recommended method, but to use this you’ll need a SharedCount API key, which you can get by opening a free account on the SharedCount.com website. Once you verify your account, you can find the API key in the Account Settings page of the SharedCount.com website.

How to Add Social Media Icon to WordPress Posts

That’s it – you’re done! Click on Save Changes, and social media icons will appear with every content on your website.


Conclusion

In conclusion, knowing how to add social media icons to WordPress can greatly help improve the layout of your website and therefore, change how visitors perceive your website as well. A cleanly designed website with social media icons can make your website look more professional, generating more page views, conversion, and even sales. We hope this article can help you understand how and why you should add social media icons to your WordPress site. All the best to you!