{"id":1048,"date":"2020-06-09T14:00:00","date_gmt":"2020-06-09T18:00:00","guid":{"rendered":"https:\/\/www.inmotionhosting.com\/support\/2011\/08\/31\/plugins-for-facebook-and-twitter\/"},"modified":"2026-03-11T11:34:48","modified_gmt":"2026-03-11T15:34:48","slug":"how-to-add-social-media-icons-and-buttons","status":"publish","type":"post","link":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/how-to-add-social-media-icons-and-buttons\/","title":{"rendered":"How to Add Social Media Icons and Social Media Buttons to WordPress"},"content":{"rendered":"<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"538\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/02\/How-to-Add-Social-Media-to-WordPress-1024x538.jpg\" alt=\"How to Add Social Media Icons and Social Media Buttons to WordPress \" class=\"wp-image-69086\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/02\/How-to-Add-Social-Media-to-WordPress-1024x538.jpg 1024w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/02\/How-to-Add-Social-Media-to-WordPress-300x158.jpg 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/02\/How-to-Add-Social-Media-to-WordPress-768x403.jpg 768w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/02\/How-to-Add-Social-Media-to-WordPress.jpg 1200w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/figure>\n\n\n\n<p>Social media has become one of the most popular online activities that users engage in. In fact, <a href=\"https:\/\/www.oberlo.com\/blog\/social-media-marketing-statistics\" target=\"_blank\" aria-label=\" (opens in a new tab)\" rel=\"noreferrer noopener\">more than 3.5 billion people are daily social media users<\/a>.<\/p>\n\n\n\n<p>That means if you own a website, business, or blog and aren\u2019t utilizing social media, you\u2019re missing a massive opportunity to reach customers and engage readers.\u00a0<\/p>\n\n\n\n<p>Thankfully for WordPress users, it\u2019s not too difficult to get social media integrated on your site.\u00a0<\/p>\n\n\n\n<p>In this article, we\u2019ll cover how you can add social media icons, social media buttons, and social media feeds to your WordPress website. We will also take a look at the top WordPress social media plugins that you can install to take social media to the next level on your website.\u00a0<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"#Adding-Social-Media-Icons\">Adding Social Media Icons and Feeds<\/a><\/li>\n\n\n\n<li><a href=\"#Adding-Social-Media-Buttons-to-WordPress\">Adding Social Media Buttons to WordPress<\/a><\/li>\n\n\n\n<li><a href=\"#Facebook-Buttons\">Facebook Buttons<\/a><\/li>\n\n\n\n<li><a href=\"#Twitter-Buttons\">Twitter Buttons<\/a><\/li>\n\n\n\n<li><a href=\"#Best-WordPress-Plugins\">Best WordPress Plugins for Facebook and Twitter<\/a><\/li>\n<\/ul>\n\n\n<div class=\"jumbotron\">\r\n<p>Say goodbye to slow loading times and hello to high-performance websites with our <a href=\"https:\/\/www.inmotionhosting.com\/vps-hosting\/wordpress?mktgp=t&irgwc=1&affiliates=5001860&utm_campaign=Jumbotron&utm_source=supportcenter&utm_medium=cta&utm_term=wp-cta2\">WordPress VPS Hosting<\/a> plans. Experience 40x faster WordPress page load speeds on purpose-built servers that guarantee 99.99% uptime.<\/p>\r\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/design.inmotionhosting.com\/assets\/icons\/standard\/check-blue.svg\" alt=\"check mark\" width=\"24\" height=\"24\" \/>High-Performance VPS    <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/design.inmotionhosting.com\/assets\/icons\/standard\/check-blue.svg\" alt=\"check mark\" width=\"24\" height=\"24\" \/>Premier Care    <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/design.inmotionhosting.com\/assets\/icons\/standard\/check-blue.svg\" alt=\"check mark\" width=\"24\" height=\"24\" \/>Free SSL &amp; Dedicated IP    <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/design.inmotionhosting.com\/assets\/icons\/standard\/check-blue.svg\" alt=\"check mark\" width=\"24\" height=\"24\" \/>Advanced Server Caching<\/p>\r\n<p><a class=\"btn btn-primary btn-lg\" href=\"https:\/\/www.inmotionhosting.com\/vps-hosting\/wordpress?mktgp=t&irgwc=1&affiliates=5001860&utm_campaign=Jumbotron&utm_source=supportcenter&utm_medium=cta&utm_term=wp-cta2\">Managed WordPress VPS<\/a><\/p>\r\n<\/div>\n\n\n<div class=\"imh-youtube-embed\">\n\t\t\t<iframe src=\"https:\/\/www.youtube.com\/embed\/-i2moICsY5A\" title=\"How to Add Social Media Icons and Social Media Buttons to WordPress\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n\t\t\t<script type=\"application\/ld+json\">{\"@context\":\"https:\/\/schema.org\",\"@type\":\"VideoObject\",\"name\":\"How to Add Social Media Icons and Social Media Buttons to WordPress\",\"description\":\"Learn how to add the Social Media Widgets plugin to your WordPress site in this walk-through guide.\",\"uploadDate\":\"2019-04-01\",\"thumbnailUrl\":\"https:\/\/img.youtube.com\/vi\/-i2moICsY5A\/hqdefault.jpg\"}<\/script>\n\t\t<\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"Adding-Social-Media-Icons\">Adding Social Media Icons and Feeds<\/h2>\n\n\n\n<p>Social media is an important part of the digital world. Whether you love it or hate it, <a href=\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/wordpress-guide-to-social-media\/\" target=\"_blank\" aria-label=\" (opens in a new tab)\" rel=\"noreferrer noopener\">social media<\/a> helps us stay connected and introduces us to new ideas and organizations. For your business\u2019s online presence, social media can help you extend your reach, gain more customers, and increase your revenue. This article will show you how to add social media icons and social media feeds to <a href=\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/getting-started-guide-wordpress\/\" target=\"_blank\" aria-label=\" (opens in a new tab)\" rel=\"noreferrer noopener\">WordPress.<\/a><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">What are Social Media Icons and Feeds?<\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"374\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/03\/InMotionHosting_socialmediaicons-1024x374.png\" alt=\"Example of social media icons\" class=\"wp-image-54228\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/03\/InMotionHosting_socialmediaicons-1024x374.png 1024w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/03\/InMotionHosting_socialmediaicons-300x110.png 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/03\/InMotionHosting_socialmediaicons-768x281.png 768w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/03\/InMotionHosting_socialmediaicons-1536x562.png 1536w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/03\/InMotionHosting_socialmediaicons.png 1608w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/figure>\n\n\n\n<p><strong>Social media icons<\/strong> are the iconic images at the top (the header) or the bottom (the footer) of the website. Each icon represents their respective social media platform and will link to your respective social media account. For example, the Twitter icon is the easily recognizable bird. When a visitor lands on your website and clicks on the bird in the header or footer, they will be taken to your Twitter profile.\u00a0<\/p>\n\n\n\n<p>This functionality gives your website visitors another way to engage with your organization and provides them an easy way to share your products and services with their network. Tagging a friend in a social media post or reposting a social media post is much easier\/quicker than sharing a website through email or text. It also extends your reach to their followers and beyond.<\/p>\n\n\n\n<p><strong>Social media feeds<\/strong> add dynamic areas to your website \u2014 usually in a sidebar or at the bottom of your website \u2014 that display your social media posts. They update periodically and will display your most current social media posts on your website.\u00a0<\/p>\n\n\n\n<p>Depending on your business and the content you post to social media, social media feeds could add a pleasing visual element to your website and encourage website visitors to engage with your organization on social media. This is especially true for organizations that are visually captivating or use images heavily in their marketing, like photographers, boutiques, hair salons, pet grooming, college admission services, landscaping, etc.<\/p>\n\n\n\n<p>Adding social media icons or a feed to your WordPress site is important for the growth and success of your online presence. However, it\u2019s important to note that for a successful social media\/website integration to work, <strong>you also must be active on your social media accounts<\/strong>.<\/p>\n\n\n\n<p>When a website visitor travels to your social media page from your website, your social media account should be a trove of relevant information and resources per your organization\u2019s industry. This will help build and maintain customer retention.\u00a0<\/p>\n\n\n\n<p>Linking to dead or underutilized social media accounts, especially when other businesses are fully utilizing their social media accounts, will negatively impact your online engagement and can stunt growth.\u00a0<\/p>\n\n\n\n<p>If you\u2019re not going to update your social media accounts, do not integrate them into your website.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Using the Theme Customizer to Add Social Media Icons<\/h3>\n\n\n\n<p>Adding social media icons to your WordPress website is easy with most modern themes and editors. The instructions below will walk you through adding your social media icons to your WordPress website.\u00a0<\/p>\n\n\n\n<p>Of note, the steps are similar no matter the theme or editor you choose to use. We used the Twenty Twenty theme for this article.<\/p>\n\n\n\n<ol class=\"wp-block-list article_list\">\n<li>Login to your WordPress dashboard<\/li>\n\n\n\n<li>Navigate to <strong>Appearance&gt;Customize<\/strong><\/li>\n\n\n\n<li>From the <em>Customizer<\/em> menu, navigate to <strong>Menus<\/strong><\/li>\n\n\n\n<li>Under <em>Menus<\/em> options, add a name for your social media menu in the <strong>Menu Name<\/strong> field and check the box next to <strong>Social Media<\/strong> under <em>Menu Locations<\/em><\/li>\n\n\n\n<li>Next, click <strong>Add Items<\/strong><\/li>\n\n\n\n<li>Click the <strong>triangle<\/strong> to the right of <strong>Custom Links<\/strong><\/li>\n\n\n\n<li>Under <strong>Custom Links<\/strong>, add your profile URL in the <strong>URL<\/strong> field and text for the link in the <strong>Link Text<\/strong> field<br>(Of note, the link text may not show per your theme. However, an icon will show per the platform profile link you add.)<\/li>\n\n\n\n<li>Click <strong>Add to Menu<\/strong><\/li>\n\n\n\n<li>Your social media icon will now be added to the social menu area per the active WordPress theme<\/li>\n\n\n\n<li>Make sure you click <strong>Publish<\/strong> to save the changes<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69e92df99e964&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69e92df99e964\" class=\"wp-block-image size-large wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"558\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" data-id=\"54231\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/03\/AddSocialMedia_WordPress-1024x558.png\" alt=\"Adding social media icon in the customizer\" class=\"wp-image-54231\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/03\/AddSocialMedia_WordPress-1024x558.png 1024w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/03\/AddSocialMedia_WordPress-300x164.png 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/03\/AddSocialMedia_WordPress-768x419.png 768w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/03\/AddSocialMedia_WordPress-1536x838.png 1536w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/03\/AddSocialMedia_WordPress.png 1663w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Enlarge\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69e92df99eda2&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69e92df99eda2\" class=\"wp-block-image size-large wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"558\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" data-id=\"54230\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/03\/AddingSocialMediatoHeader-1024x558.png\" alt=\"adding social icon in menus options of customizer\" class=\"wp-image-54230\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/03\/AddingSocialMediatoHeader-1024x558.png 1024w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/03\/AddingSocialMediatoHeader-300x164.png 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/03\/AddingSocialMediatoHeader-768x419.png 768w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/03\/AddingSocialMediatoHeader-1536x838.png 1536w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/03\/AddingSocialMediatoHeader.png 1663w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Enlarge\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69e92df99f12e&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69e92df99f12e\" class=\"wp-block-image size-large wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"558\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" data-id=\"54232\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/03\/SocialMediaIconAdded-1024x558.png\" alt=\"social media icon added by using the customizer\" class=\"wp-image-54232\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/03\/SocialMediaIconAdded-1024x558.png 1024w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/03\/SocialMediaIconAdded-300x164.png 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/03\/SocialMediaIconAdded-768x419.png 768w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/03\/SocialMediaIconAdded-1536x838.png 1536w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/03\/SocialMediaIconAdded.png 1663w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Enlarge\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Adding a Social Media Feed<\/h3>\n\n\n\n<p>Social media feeds aren\u2019t a built-in feature like social media icons. However, you can easily add the functionality with one of the many free WordPress plugins available for social media feeds.\u00a0<\/p>\n\n\n\n<p>Once you <a aria-label=\" (opens in a new tab)\" href=\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/install-wordpress-plugins\/\" target=\"_blank\" rel=\"noreferrer noopener\">install<\/a> the plugin, navigate to the plugin settings in your dashboard menu, add your social media profile and configure your feed display. After you\u2019ve successfully created a social media feed, copy and paste the feed shortcode onto the page you would like the feed to display on.\u00a0<\/p>\n\n\n\n<p>With the guidance and tools above, harness the power of social media and extend the reach of your organization on the web. Learn more WordPress tips and tricks on our <a href=\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/\" target=\"_blank\" aria-label=\" (opens in a new tab)\" rel=\"noreferrer noopener\">WordPress channel!<\/a><\/p>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\">\n\n\n\n<h2 class=\"wp-block-heading\" id=\"Adding-Social-Media-Buttons-to-WordPress\">Adding Social Media Buttons to WordPress<\/h2>\n\n\n\n<p>If you understand how using social media can bring traffic to your website, another thing to keep in mind is that by using your website, you can help build up your social network with social media buttons.<\/p>\n\n\n\n<p>A visitor that finds your website might like the products or services that you offer, but might not need them just yet. Instead of relying on them to hopefully bookmark your website and remember to return at another time when they are in need of your services, having them add you to their social network can help you stay relevant.<\/p>\n\n\n\n<p>In this section, we\u2019ll cover some of the many ways you can help add social media buttons to your website to easily allow visitors to start following you on their favorite social networks.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">What are Social Media buttons?<\/h3>\n\n\n\n<p>I doubt you\u2019ve been able to navigate the Internet much over the last few years without running into some form of social media buttons. These are basically just small icons that you place on your website linking to your social media networks.<\/p>\n\n\n\n<p>As a matter of fact, if you scroll to the bottom of this article, you should see Facebook<strong>, Instagram<\/strong> and <strong>Twitter<\/strong> like buttons. That way if you enjoy this article and want some of your friends on one of these social networks to also read it, you can easily share it with them (please do!).<\/p>\n\n\n\n<p>Typically there are two main types of social media buttons, ones that simply link to your social profiles, and then ones that keep track of how many likes, followers, shares you have on that page or on your website.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">How to add Social Media buttons to HTML<\/h3>\n\n\n\n<p>In the simplest form, if you just have some <strong>HTML <\/strong>pages making up your website, you can easily add social media buttons to these pages with some simple code from each social network.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"Facebook-Buttons\">Facebook Buttons<\/h2>\n\n\n\n<p>Adding some Facebook social media buttons to your website can help you spread your message via word of mouth to your visitor\u2019s friends. They have both a like button you can use on any page, and a like box you can use if you have a Facebook page for your business.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Facebook Like Button<\/h3>\n\n\n\n<p>Visit the <a href=\"https:\/\/developers.facebook.com\/docs\/plugins\/like-button\/\">Facebook Like button<\/a>, page and simply fill in some info for your button then click<strong> Get Code<\/strong>.<\/p>\n\n\n\n<p>Select the <strong>JavaScript<\/strong> code from the top box, and paste it into your HTML page right after the <strong>&lt;body&gt;<\/strong> tag.<\/p>\n\n\n\n<p>Next, select the <strong>HTML<\/strong> from the bottom box, and paste it where you want the button to display on your page.<\/p>\n\n\n\n<p>You should now see your <strong>Facebook<\/strong> like button on your page where you placed it.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Facebook Like Box<\/h3>\n\n\n\n<p>Visit the <a href=\"https:\/\/developers.facebook.com\/docs\/plugins\/like-box-for-pages\/\">Facebook Like box page<\/a> if you already have a Facebook page you\u2019re trying to promote on your website. Then click the <strong>Get Code<\/strong> button after filling in your page details.<\/p>\n\n\n\n<p>Since we already have the <strong>JavaScript<\/strong> in our <strong>HTML<\/strong> page from the like button above, now you just need to copy the like box\u2019s <strong>HTML<\/strong> and paste it on your page where you want it to display.<\/p>\n\n\n\n<p>Now you should see both the <strong>Facebook<\/strong> like button, and like box on your page.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"Twitter-Buttons\">Twitter Buttons<\/h2>\n\n\n\n<p><strong>Twitter <\/strong>offers four different types of social media buttons for your website. There is the ability to share a link, a follow button, a Hashtag button, and finally a mention button.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Twitter Share a Link Button<\/h3>\n\n\n\n<p>Visit the <a href=\"https:\/\/help.twitter.com\/en\/using-twitter\/add-twitter-share-button\" target=\"_blank\" aria-label=\" (opens in a new tab)\" rel=\"noreferrer noopener\">Twitter share a link button<\/a> page then type in all the details for the page you\u2019d like to share.<\/p>\n\n\n\n<p>Then you need to copy and paste the code into your page where you\u2019d like the button.<\/p>\n\n\n\n<p>Now you should see your <strong>Twitter <\/strong>share a link button, and if you click it shows the details you typed in.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Twitter Follow Button<\/h3>\n\n\n\n<p>Visit the <a href=\"https:\/\/developer.twitter.com\/en\/docs\/twitter-for-websites\/follow-button\/overview\" target=\"_blank\" aria-label=\" (opens in a new tab)\" rel=\"noreferrer noopener\">Twitter follow button<\/a> page, and select the <strong>Twitter<\/strong> handle you\u2019d like the button to follow.<\/p>\n\n\n\n<p>Then copy the resulting<strong> HTML <\/strong>code and paste it into your webpage where you\u2019d like the follow button.<\/p>\n\n\n\n<p>Now you can see your <strong>Twitter<\/strong> share a link button, and the new follow button you just created. If you click on your new follow button, you can see that it will bring up the <strong>Twitter<\/strong> handle that you entered into the form.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Twitter Hashtag Button<\/h3>\n\n\n\n<p>Visit the <a href=\"https:\/\/developer.twitter.com\/en\/docs\/twitter-for-websites\/tweet-button\/guides\/hashtag-button\" target=\"_blank\" aria-label=\" (opens in a new tab)\" rel=\"noreferrer noopener\">Twitter hashtag button<\/a> page, and fill out the details you\u2019d like to use with your hashtag button.<\/p>\n\n\n\n<p>Next copy the <strong>HTML<\/strong> code then paste it where you want the button on your site.<\/p>\n\n\n\n<p>You now have your <strong>Twitter<\/strong> share a link button, the follow button and the new hashtag button you created. When you click on it, you\u2019ll see the hashtag and details you typed in, in the pop-up window.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Twitter Mention Button<\/h3>\n\n\n\n<p>Visit the <a href=\"https:\/\/developer.twitter.com\/en\/docs\/twitter-for-websites\/tweet-button\/guides\/mention-button\" target=\"_blank\" aria-label=\" (opens in a new tab)\" rel=\"noreferrer noopener\">Twitter mention button<\/a> page, then fill out details you\u2019d like to use.<\/p>\n\n\n\n<p>Then copy the resulting <strong>HTML<\/strong> code and paste it where you\u2019d like the button to display on your site.<\/p>\n\n\n\n<p>Now you have the<strong> Twitter<\/strong> share a link button, the follow button, the hashtag button, and the new mention button you created. When you click on it, the message you typed in will be presented for you to submit.<\/p>\n\n\n\n<p>You should hopefully now have a good grasp on how to add social media buttons to your website. This guide will continue to be updated with how to also add these type of buttons to various content management systems. If you needed any help in the meantime with how to do this, please leave a comment below!<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"Best-WordPress-Plugins\">Best WordPress Plugins for Facebook and Twitter<\/h2>\n\n\n\n<p>Social media is an important part of building your web presence. However, outside of adding social media icons or feeds to your website, you also add more complex social media integration to encourage even more engagement on your site.<\/p>\n\n\n\n<p>Looking specifically at Facebook and Twitter, with plugins, you can add your Facebook reviews, allow users to log into your website using their social media profile, embed events posted to your social media pages,\u00a0provide social proof for your services, and more.<\/p>\n\n\n\n<p>There are many WordPress plugins for Facebook and Twitter, but here are a few that will help you add more integration than just a simple icon or page feed.\u00a0<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"Best-WordPress-Plugins-for-Facebook\">Best WordPress Plugins for Facebook<\/h2>\n\n\n\n<p>No matter how you feel about Facebook, it is still a heavy hitter in the social media world. Billions of people are active on the platform and depending on your business, adding more Facebook integration to your website could help increase and retain visitors. Here are a few WordPress plugins you should consider for additional Facebook functionality on your site.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><a rel=\"noreferrer noopener\" href=\"https:\/\/wordpress.org\/plugins\/facebook-conversion-pixel\/\" target=\"_blank\">Pixel Cat<\/a><\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"983\" height=\"459\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/06\/FacebookPixelCat.png\" alt=\"Facebook pixel plugin for WordPress\" class=\"wp-image-56435\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/06\/FacebookPixelCat.png 983w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/06\/FacebookPixelCat-300x140.png 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/06\/FacebookPixelCat-768x359.png 768w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/figure>\n\n\n\n<p>Formally known as Facebook Conversion Pixel, Pixel Cat allows you to add a Facebook Pixel to your site for conversion tracking and audience retargeting. With this pixel plugin, you can send events (blog posts read, products viewed, etc.) and\u00a0other data to Facebook so you can plan and implement successful Facebook ads.\u00a0<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\"><a rel=\"noreferrer noopener\" href=\"https:\/\/wordpress.org\/plugins\/fb-reviews-widget\/\" target=\"_blank\">Social Reviews &amp; Recommendations<\/a><\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1019\" height=\"444\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/06\/SocialReviews.png\" alt=\"add Facebook comments to WordPress website\" class=\"wp-image-56436\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/06\/SocialReviews.png 1019w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/06\/SocialReviews-300x131.png 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/06\/SocialReviews-768x335.png 768w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/figure>\n\n\n\n<p>Nothing builds trust like social proof. Displaying reviews from real people will help increase your business and facilitate loyalty among your customers. With this plugin, you can easily add your Facebook reviews to your website via a shortcode or widget.\u00a0<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\"><a rel=\"noreferrer noopener\" href=\"https:\/\/wordpress.org\/plugins\/nextend-facebook-connect\/\" target=\"_blank\">Nextend Social Login and Register<\/a><\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"970\" height=\"448\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/06\/NextendSocial.png\" alt=\"single sign-on to WordPress with social media accounts\" class=\"wp-image-56437\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/06\/NextendSocial.png 970w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/06\/NextendSocial-300x139.png 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/06\/NextendSocial-768x355.png 768w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/figure>\n\n\n\n<p>Easy, one-click login, or single sign-on (SSO) is a feature most online users expect nowadays. In addition, having one-click login will help with user engagement and can increase your online sales. Especially useful for blog and eCommerce sites, this plugin will allow users to login using their Facebook, Twitter, or Google accounts. You can also add a login widget to your website via a shortcode.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\"><a rel=\"noreferrer noopener\" href=\"https:\/\/wordpress.org\/plugins\/accesspress-facebook-auto-post\/\" target=\"_blank\">FAuto Poster<\/a><\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"972\" height=\"438\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/06\/fautoposter.png\" alt=\"automatically post to facebook from wordpress\" class=\"wp-image-56439\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/06\/fautoposter.png 972w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/06\/fautoposter-300x135.png 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/06\/fautoposter-768x346.png 768w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/figure>\n\n\n\n<p>Running a blog, social media accounts, and a business can be overwhelming. You also have your personal life to attend to after all. If your content is similar across all platforms, consider using this auto post plugin. Once installed and configured, it will automatically push blog posts and pages to your Facebook profile once the content is published.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\"><a rel=\"noreferrer noopener\" href=\"https:\/\/wordpress.org\/plugins\/wp-embed-facebook\/\" target=\"_blank\">Magic Embeds<\/a><\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1004\" height=\"463\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/06\/MagicEmbeds.png\" alt=\"Embed Facebook sections on to your WordPress page\" class=\"wp-image-56441\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/06\/MagicEmbeds.png 1004w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/06\/MagicEmbeds-300x138.png 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/06\/MagicEmbeds-768x354.png 768w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/figure>\n\n\n\n<p>Formally known as WP Embed Facebook, this plugin allows you to embed any Facebook element into your website. Add Facebook events, videos, full albums, fan pages, and even replace the WordPress comment system with Facebook comments. You can easily add elements via a shortcode, URL, or embed block in the editor.\u00a0<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"Best-WordPress-Plugins-for-Twitter\">Best WordPress Plugins for Twitter<\/h2>\n\n\n\n<p>Twitter is another popular social media platform among the digital crowd. With millions of active users, Twitter can help you increase your audience and website engagement. Here are a few WordPress plugins for Twitter to add additional functionality to your website:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><a rel=\"noreferrer noopener\" href=\"https:\/\/wordpress.org\/plugins\/inline-tweet-sharer\/\" target=\"_blank\">Inline Tweet Sharer<\/a>\u00a0<\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"306\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/06\/InlineTweet-1024x306.png\" alt=\"Inline twitter sharer plugin for WordPress\" class=\"wp-image-56442\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/06\/InlineTweet-1024x306.png 1024w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/06\/InlineTweet-300x90.png 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/06\/InlineTweet-768x229.png 768w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/06\/InlineTweet.png 1031w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/figure>\n\n\n\n<p>When maintaining a blog, or even if you have shareable text on your static pages, giving your audience an easy way to share specific content is a wonderful idea. This plugin allows you to add <em>share<\/em> links within your content so visitors can tweet specific pieces of content to their Twitter followers.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><a href=\"https:\/\/wordpress.org\/plugins\/highlight-and-share\/\" target=\"_blank\" aria-label=\" (opens in a new tab)\" rel=\"noreferrer noopener\">Highlight and Share<\/a><\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"993\" height=\"444\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/11\/highlightshareplugin.png\" alt=\"highlight and share plugin\" class=\"wp-image-63212\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/11\/highlightshareplugin.png 993w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/11\/highlightshareplugin-300x134.png 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/11\/highlightshareplugin-768x343.png 768w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/figure>\n\n\n\n<p>Similar to the above plugin, Highlight and Share is a social share plugin that allows your users to easily share your content with an action they are already used to doing \u2013 highlighting text. The free plugin allows your readers to <em>highlight<\/em> and share any content on the page instead of just the content you identify as tweet-worthy. The plugin also has a Gutenberg block that adds click-to-share\/click-to-tweet.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><a rel=\"noreferrer noopener\" href=\"https:\/\/wordpress.org\/plugins\/tweet-old-post\/\" target=\"_blank\">Revive Old Posts<\/a><\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1007\" height=\"457\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/06\/ReviveOldPosts.png\" alt=\"Automatically post old content to twitter from wordpress\" class=\"wp-image-56443\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/06\/ReviveOldPosts.png 1007w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/06\/ReviveOldPosts-300x136.png 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/06\/ReviveOldPosts-768x349.png 768w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/figure>\n\n\n\n<p>If you have a lot of content on your website and struggle to post on Twitter consistently, this plugin is perfect for you. It<strong> <\/strong>will post older content (blog posts, eCommerce products, and more) automatically once you configure the plugin and set the posting schedule. Reviving old content is a great way to increase user engagement and traffic to your website by reintroducing great content.\u00a0<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><a rel=\"noreferrer noopener\" href=\"https:\/\/wordpress.org\/plugins\/twitter-auto-publish\/\" target=\"_blank\">WP Twitter Auto Publish<\/a><\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"985\" height=\"445\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/06\/WPTwitterAutoPub.png\" alt=\"Automatically publish new wordpress content to twitter\" class=\"wp-image-56444\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/06\/WPTwitterAutoPub.png 985w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/06\/WPTwitterAutoPub-300x136.png 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/06\/WPTwitterAutoPub-768x347.png 768w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/figure>\n\n\n\n<p>If you want to automatically tweet once new content is created without the added functionality of older content being posted, then you should consider WP Twitter Auto Publish. It\u2019s a simple plugin that will tweet on your behalf once new content has been posted to your site. Of course, you can configure the plugin and indicate which types of content you want to be pushed to Twitter upon publishing them.\u00a0<\/p>\n\n\n\n<p>Those using the <a href=\"https:\/\/www.inmotionhosting.com\/support\/website\/seo\/free-social-media-management-tools\/\" target=\"_blank\" aria-label=\" (opens in a new tab)\" rel=\"noreferrer noopener\">Buffer social media management tool<\/a> can use the Buffer WordPress plugin for seamless integration.<\/p>\n\n\n\n<p>If you\u2019re looking for more plugins to boost website engagement, consider these free <a href=\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/photo-gallery-and-slider-plugins-for-wordpress\/\" target=\"_blank\" aria-label=\" (opens in a new tab)\" rel=\"noreferrer noopener\">gallery and slideshow plugins for WordPress<\/a>. <\/p>\n\n\n<p>Become a master of <a href=\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/\">WordPress plugins<\/a>! Protect, optimize, secure, and expand the functionality of your website easily with the help of WordPress plugins!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Social media has become one of the most popular online activities that users engage in. In fact, more than 3.5 billion people are daily social media users. That means if you own a website, business, or blog and aren\u2019t utilizing social media, you\u2019re missing a massive opportunity to reach customers and engage readers.&nbsp; Thankfully for<a class=\"moretag\" href=\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/how-to-add-social-media-icons-and-buttons\/\"> Read More ><\/a><\/p>\n","protected":false},"author":57014,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[4379],"tags":[],"class_list":["post-1048","post","type-post","status-publish","format-standard","hentry","category-plugins"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.1.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>How to Add Social Media Icons and Buttons to WordPress | InMotion Hosting<\/title>\n<meta name=\"description\" content=\"Social media plugins for WordPress\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/how-to-add-social-media-icons-and-buttons\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Add Social Media Icons and Social Media Buttons to WordPress | InMotion Hosting\" \/>\n<meta property=\"og:description\" content=\"In this article we&#039;ll cover how to add social media icons, social media feeds, and social media buttons to your WordPress website, as well as the best social media plugins for WordPress.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/how-to-add-social-media-icons-and-buttons\/\" \/>\n<meta property=\"og:site_name\" content=\"InMotion Hosting Support Center\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/inmotionhosting\/\" \/>\n<meta property=\"article:published_time\" content=\"2020-06-09T18:00:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-11T15:34:48+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/02\/How-to-Add-Social-Media-to-WordPress.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"630\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"InMotion Hosting Contributor\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@https:\/\/twitter.com\/InMotionHosting\" \/>\n<meta name=\"twitter:site\" content=\"@InMotionHosting\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"InMotion Hosting Contributor\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"15 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/how-to-add-social-media-icons-and-buttons\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/how-to-add-social-media-icons-and-buttons\/\"},\"author\":{\"name\":\"InMotion Hosting Contributor\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/f9a4fc454cd1df128ee8e898d30d4644\"},\"headline\":\"How to Add Social Media Icons and Social Media Buttons to WordPress\",\"datePublished\":\"2020-06-09T18:00:00+00:00\",\"dateModified\":\"2026-03-11T15:34:48+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/how-to-add-social-media-icons-and-buttons\/\"},\"wordCount\":2751,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/how-to-add-social-media-icons-and-buttons\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/02\/How-to-Add-Social-Media-to-WordPress-1024x538.jpg\",\"articleSection\":[\"WordPress Plugins\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/how-to-add-social-media-icons-and-buttons\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/how-to-add-social-media-icons-and-buttons\/\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/how-to-add-social-media-icons-and-buttons\/\",\"name\":\"How to Add Social Media Icons and Buttons to WordPress | InMotion Hosting\",\"isPartOf\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/how-to-add-social-media-icons-and-buttons\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/how-to-add-social-media-icons-and-buttons\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/02\/How-to-Add-Social-Media-to-WordPress-1024x538.jpg\",\"datePublished\":\"2020-06-09T18:00:00+00:00\",\"dateModified\":\"2026-03-11T15:34:48+00:00\",\"description\":\"Social media plugins for WordPress\",\"breadcrumb\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/how-to-add-social-media-icons-and-buttons\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/how-to-add-social-media-icons-and-buttons\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/how-to-add-social-media-icons-and-buttons\/#primaryimage\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/02\/How-to-Add-Social-Media-to-WordPress.jpg\",\"contentUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/02\/How-to-Add-Social-Media-to-WordPress.jpg\",\"width\":1200,\"height\":630},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/how-to-add-social-media-icons-and-buttons\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.inmotionhosting.com\/support\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Add Social Media Icons and Social Media Buttons to WordPress\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#website\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/\",\"name\":\"InMotion Hosting Support Center\",\"description\":\"Web Hosting Support &amp; Tutorials\",\"publisher\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.inmotionhosting.com\/support\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#organization\",\"name\":\"InMotion Hosting\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg\",\"contentUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg\",\"width\":696,\"height\":696,\"caption\":\"InMotion Hosting\"},\"image\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/inmotionhosting\/\",\"https:\/\/x.com\/InMotionHosting\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/f9a4fc454cd1df128ee8e898d30d4644\",\"name\":\"InMotion Hosting Contributor\",\"description\":\"InMotion Hosting contributors are highly knowledgeable individuals who create relevant content on new trends and troubleshooting techniques to help you achieve your online goals!\",\"sameAs\":[\"https:\/\/www.linkedin.com\/company\/inmotion-hosting\/\",\"https:\/\/x.com\/https:\/\/twitter.com\/InMotionHosting\"],\"url\":\"https:\/\/www.inmotionhosting.com\/support\/author\/inmotion-hosting-contributor\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Add Social Media Icons and Buttons to WordPress | InMotion Hosting","description":"Social media plugins for WordPress","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/how-to-add-social-media-icons-and-buttons\/","og_locale":"en_US","og_type":"article","og_title":"How to Add Social Media Icons and Social Media Buttons to WordPress | InMotion Hosting","og_description":"In this article we'll cover how to add social media icons, social media feeds, and social media buttons to your WordPress website, as well as the best social media plugins for WordPress.","og_url":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/how-to-add-social-media-icons-and-buttons\/","og_site_name":"InMotion Hosting Support Center","article_publisher":"https:\/\/www.facebook.com\/inmotionhosting\/","article_published_time":"2020-06-09T18:00:00+00:00","article_modified_time":"2026-03-11T15:34:48+00:00","og_image":[{"width":1200,"height":630,"url":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/02\/How-to-Add-Social-Media-to-WordPress.jpg","type":"image\/jpeg"}],"author":"InMotion Hosting Contributor","twitter_card":"summary_large_image","twitter_creator":"@https:\/\/twitter.com\/InMotionHosting","twitter_site":"@InMotionHosting","twitter_misc":{"Written by":"InMotion Hosting Contributor","Est. reading time":"15 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/how-to-add-social-media-icons-and-buttons\/#article","isPartOf":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/how-to-add-social-media-icons-and-buttons\/"},"author":{"name":"InMotion Hosting Contributor","@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/f9a4fc454cd1df128ee8e898d30d4644"},"headline":"How to Add Social Media Icons and Social Media Buttons to WordPress","datePublished":"2020-06-09T18:00:00+00:00","dateModified":"2026-03-11T15:34:48+00:00","mainEntityOfPage":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/how-to-add-social-media-icons-and-buttons\/"},"wordCount":2751,"commentCount":0,"publisher":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#organization"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/how-to-add-social-media-icons-and-buttons\/#primaryimage"},"thumbnailUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/02\/How-to-Add-Social-Media-to-WordPress-1024x538.jpg","articleSection":["WordPress Plugins"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/how-to-add-social-media-icons-and-buttons\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/how-to-add-social-media-icons-and-buttons\/","url":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/how-to-add-social-media-icons-and-buttons\/","name":"How to Add Social Media Icons and Buttons to WordPress | InMotion Hosting","isPartOf":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/how-to-add-social-media-icons-and-buttons\/#primaryimage"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/how-to-add-social-media-icons-and-buttons\/#primaryimage"},"thumbnailUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/02\/How-to-Add-Social-Media-to-WordPress-1024x538.jpg","datePublished":"2020-06-09T18:00:00+00:00","dateModified":"2026-03-11T15:34:48+00:00","description":"Social media plugins for WordPress","breadcrumb":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/how-to-add-social-media-icons-and-buttons\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/how-to-add-social-media-icons-and-buttons\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/how-to-add-social-media-icons-and-buttons\/#primaryimage","url":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/02\/How-to-Add-Social-Media-to-WordPress.jpg","contentUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/02\/How-to-Add-Social-Media-to-WordPress.jpg","width":1200,"height":630},{"@type":"BreadcrumbList","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/how-to-add-social-media-icons-and-buttons\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.inmotionhosting.com\/support\/"},{"@type":"ListItem","position":2,"name":"How to Add Social Media Icons and Social Media Buttons to WordPress"}]},{"@type":"WebSite","@id":"https:\/\/www.inmotionhosting.com\/support\/#website","url":"https:\/\/www.inmotionhosting.com\/support\/","name":"InMotion Hosting Support Center","description":"Web Hosting Support &amp; Tutorials","publisher":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.inmotionhosting.com\/support\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.inmotionhosting.com\/support\/#organization","name":"InMotion Hosting","url":"https:\/\/www.inmotionhosting.com\/support\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/","url":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg","contentUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg","width":696,"height":696,"caption":"InMotion Hosting"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/inmotionhosting\/","https:\/\/x.com\/InMotionHosting"]},{"@type":"Person","@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/f9a4fc454cd1df128ee8e898d30d4644","name":"InMotion Hosting Contributor","description":"InMotion Hosting contributors are highly knowledgeable individuals who create relevant content on new trends and troubleshooting techniques to help you achieve your online goals!","sameAs":["https:\/\/www.linkedin.com\/company\/inmotion-hosting\/","https:\/\/x.com\/https:\/\/twitter.com\/InMotionHosting"],"url":"https:\/\/www.inmotionhosting.com\/support\/author\/inmotion-hosting-contributor\/"}]}},"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"primary_category":{"id":4379,"name":"WordPress Plugins","slug":"plugins","link":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/"},"_links":{"self":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/1048","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/users\/57014"}],"replies":[{"embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/comments?post=1048"}],"version-history":[{"count":32,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/1048\/revisions"}],"predecessor-version":[{"id":131699,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/1048\/revisions\/131699"}],"wp:attachment":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/media?parent=1048"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/categories?post=1048"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/tags?post=1048"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}