{"id":41800,"date":"2025-12-12T06:12:56","date_gmt":"2025-12-12T04:12:56","guid":{"rendered":"https:\/\/coma.lv\/2025\/12\/12\/how-to-add-share-buttons-in-wordpress\/"},"modified":"2025-12-12T06:12:56","modified_gmt":"2025-12-12T04:12:56","slug":"how-to-add-share-buttons-in-wordpress","status":"publish","type":"post","link":"https:\/\/coma.lv\/en\/2025\/12\/12\/how-to-add-share-buttons-in-wordpress\/","title":{"rendered":"How to Add Share Buttons in WordPress"},"content":{"rendered":"\n<p style=\"text-align: left;\">Social buttons are a simple and effective way to encourage your readers to share useful materials with friends and colleagues. This increases reach, helps attract a new audience and makes your content more \u201calive\u201d. Adding such buttons to WordPress is not difficult at all. Below we will look at the three most popular and easy-to-configure free plugins that let you easily add buttons for all the main social networks and configure their look, placement and actions.<\/p>\n<h2 style=\"text-align: left;\">Sassy Social Share<\/h2>\n<p style=\"text-align: left;\"><a href=\"https:\/\/wordpress.org\/plugins\/sassy-social-share\/\" target=\"_blank\" rel=\"noopener\">Sassy Social Share<\/a> is one of the most flexible free plugins. It supports a multitude of social networks, lets you display inline buttons in articles and a floating sidebar at the same time, and its settings are so detailed that you can build everything your own way down to the pixel.<\/p>\n<p style=\"text-align: left;\">After installing and activating the plugin, go to <strong data-start=\"875\" data-end=\"897\">Social Sassy Share<\/strong> in the WordPress admin panel. The plugin&#8217;s settings are conveniently divided into tabs, each responsible for a separate aspect of how the buttons work. Let&#8217;s go through them step by step.<\/p>\n<p style=\"text-align: left;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-37113 size-full\" src=\"https:\/\/coma.lv\/wp-content\/uploads\/2025\/12\/Ekranuznemums-2025-12-10-052459.jpg\" alt=\"WordPress\" width=\"1292\" height=\"756\" title=\"\" srcset=\"https:\/\/coma.lv\/wp-content\/uploads\/2025\/12\/Ekranuznemums-2025-12-10-052459.jpg 1292w, https:\/\/coma.lv\/wp-content\/uploads\/2025\/12\/Ekranuznemums-2025-12-10-052459-300x176.jpg 300w, https:\/\/coma.lv\/wp-content\/uploads\/2025\/12\/Ekranuznemums-2025-12-10-052459-1030x603.jpg 1030w, https:\/\/coma.lv\/wp-content\/uploads\/2025\/12\/Ekranuznemums-2025-12-10-052459-768x449.jpg 768w, https:\/\/coma.lv\/wp-content\/uploads\/2025\/12\/Ekranuznemums-2025-12-10-052459-705x413.jpg 705w\" sizes=\"auto, (max-width: 1292px) 100vw, 1292px\" \/><\/p>\n<p style=\"text-align: left;\">On the <strong data-start=\"541\" data-end=\"560\">Theme Selection<\/strong> tab you can choose the style of the buttons for the standard interface and the floating panel. Here you set the shape and size of the icons, the logo color, the button background and border, and their behavior on hover. These settings help you match the look of the buttons to the site&#8217;s design and make them responsive for mobile devices.<\/p>\n<p style=\"text-align: left;\">On the <strong data-start=\"1585\" data-end=\"1607\">Standard Interface<\/strong> tab you configure the buttons that appear inside the article. Here you enable the display of the buttons and choose which page the sharing will work for: the current article, the home page or an arbitrary URL. You can also specify the title that will be used when sharing. Next you choose which social networks to show and can change the order of the icons. The buttons can be placed at the beginning or at the end of the article, and with shortcodes like <code data-start=\"2053\" data-end=\"2090\">[Sassy_Social_Share_Premium id=\"1\"]<\/code> you can insert them wherever you need on the page. The plugin also lets you configure alignment, pop-up windows, the display of counters and the \u201cMore\u201d button, if needed.<\/p>\n<p style=\"text-align: left;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-37114 size-full\" src=\"https:\/\/coma.lv\/wp-content\/uploads\/2025\/12\/Ekranuznemums-2025-12-10-053607.jpg\" alt=\"WordPress\" width=\"1264\" height=\"837\" title=\"\" srcset=\"https:\/\/coma.lv\/wp-content\/uploads\/2025\/12\/Ekranuznemums-2025-12-10-053607.jpg 1264w, https:\/\/coma.lv\/wp-content\/uploads\/2025\/12\/Ekranuznemums-2025-12-10-053607-300x199.jpg 300w, https:\/\/coma.lv\/wp-content\/uploads\/2025\/12\/Ekranuznemums-2025-12-10-053607-1030x682.jpg 1030w, https:\/\/coma.lv\/wp-content\/uploads\/2025\/12\/Ekranuznemums-2025-12-10-053607-768x509.jpg 768w, https:\/\/coma.lv\/wp-content\/uploads\/2025\/12\/Ekranuznemums-2025-12-10-053607-705x467.jpg 705w\" sizes=\"auto, (max-width: 1264px) 100vw, 1264px\" \/><\/p>\n<p style=\"text-align: left;\">On the <strong data-start=\"136\" data-end=\"158\">Floating Interface<\/strong> tab you configure the floating side panel that stays on the screen while scrolling. Here you enable the display of the buttons, choose the page for sharing, and also the social networks and their order so that they are displayed conveniently for the site&#8217;s design. The panel automatically stays visible as the page scrolls, making the buttons always available to users.<\/p>\n<p style=\"text-align: left;\">The <strong data-start=\"1920\" data-end=\"1937\">Miscellaneous<\/strong> tab collects additional features such as caching of counters, the use of short links and Bit.ly, custom sharing text with placeholders (<code data-start=\"2096\" data-end=\"2110\">{post_title}<\/code>, <code data-start=\"2112\" data-end=\"2124\">{site_url}<\/code>, <code data-start=\"2126\" data-end=\"2138\">{post_url}<\/code>), email sharing, AMP support, the ability to load JavaScript only when needed and to add your own CSS. Here you can also configure the display of the Pinterest button when hovering over images.<\/p>\n<p style=\"text-align: left;\">The <strong data-start=\"88\" data-end=\"110\">Shortcode &amp; Widget<\/strong> tab contains links to the official documentation, which shows how to use shortcodes for share buttons, Follow icons and Click-to-Tweet, with examples of code and styling.<\/p>\n<p style=\"text-align: left;\">The <strong data-start=\"84\" data-end=\"102\">Troubleshooter<\/strong> tab contains links to tools for checking how sharing works on Facebook and LinkedIn, which help identify and fix problems with the display of titles, images and descriptions.<\/p>\n<h4 style=\"text-align: left;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-37117 size-full\" src=\"https:\/\/coma.lv\/wp-content\/uploads\/2025\/12\/Ekranuznemums-2025-12-10-130909.jpg\" alt=\"WordPress\" width=\"1122\" height=\"534\" title=\"\" srcset=\"https:\/\/coma.lv\/wp-content\/uploads\/2025\/12\/Ekranuznemums-2025-12-10-130909.jpg 1122w, https:\/\/coma.lv\/wp-content\/uploads\/2025\/12\/Ekranuznemums-2025-12-10-130909-300x143.jpg 300w, https:\/\/coma.lv\/wp-content\/uploads\/2025\/12\/Ekranuznemums-2025-12-10-130909-1030x490.jpg 1030w, https:\/\/coma.lv\/wp-content\/uploads\/2025\/12\/Ekranuznemums-2025-12-10-130909-768x366.jpg 768w, https:\/\/coma.lv\/wp-content\/uploads\/2025\/12\/Ekranuznemums-2025-12-10-130909-705x336.jpg 705w\" sizes=\"auto, (max-width: 1122px) 100vw, 1122px\" \/><\/h4>\n<h2 style=\"text-align: left;\">AddToAny Share Buttons<\/h2>\n<p style=\"text-align: left;\"><a href=\"https:\/\/wordpress.org\/plugins\/add-to-any\/\" target=\"_blank\" rel=\"noopener\">AddToAny Share Buttons<\/a> is a light and simple plugin. After activation, standard share buttons appear on the site right away, which you can edit and change, adding new social networks or removing unneeded ones, in order to fully tailor the buttons to your needs. All these settings are available in the admin panel under <strong data-start=\"461\" data-end=\"484\">Settings \u2192 AddToAny<\/strong>. There are <strong data-start=\"505\" data-end=\"517\">Standard<\/strong> and <strong data-start=\"520\" data-end=\"532\">Floating<\/strong> tabs, where you can choose the look of the buttons and their behavior.<\/p>\n<p style=\"text-align: left;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-37120 size-full\" src=\"https:\/\/coma.lv\/wp-content\/uploads\/2025\/12\/Ekranuznemums-2025-12-12-050924.jpg\" alt=\"WordPress\" width=\"974\" height=\"750\" title=\"\" srcset=\"https:\/\/coma.lv\/wp-content\/uploads\/2025\/12\/Ekranuznemums-2025-12-12-050924.jpg 974w, https:\/\/coma.lv\/wp-content\/uploads\/2025\/12\/Ekranuznemums-2025-12-12-050924-300x231.jpg 300w, https:\/\/coma.lv\/wp-content\/uploads\/2025\/12\/Ekranuznemums-2025-12-12-050924-768x591.jpg 768w, https:\/\/coma.lv\/wp-content\/uploads\/2025\/12\/Ekranuznemums-2025-12-12-050924-705x543.jpg 705w\" sizes=\"auto, (max-width: 974px) 100vw, 974px\" \/><\/p>\n<p style=\"text-align: left;\">In the <strong data-start=\"600\" data-end=\"614\">Icon Style<\/strong> section you set the size and style of the icons, and can choose the original background and logo colors. In the <strong data-start=\"706\" data-end=\"723\">Share Buttons<\/strong> list you tick the social networks you want to show, and the buttons can be added or removed via the <strong data-start=\"829\" data-end=\"852\">Add\/Remove Services<\/strong> option. There is also a <strong data-start=\"886\" data-end=\"906\">Universal Button<\/strong>, which is displayed as a single element and, when clicked, expands a list of all the selected social networks for sharing.<\/p>\n<p style=\"text-align: left;\">In the <strong data-start=\"971\" data-end=\"989\">Sharing Header<\/strong> and <strong data-start=\"992\" data-end=\"1005\">Placement<\/strong> settings you can specify where to display the buttons: at the bottom of articles, on the home page, in archives, in feeds, on pages, in media and other lists. For more flexible placement you can use widgets or the floating panel, and advanced options are described in the plugin&#8217;s FAQ.<\/p>\n<p style=\"text-align: left;\">In addition, there are fields for adding <strong data-start=\"1304\" data-end=\"1329\">Additional JavaScript<\/strong> and <strong data-start=\"1332\" data-end=\"1350\">Additional CSS<\/strong> to customize the behavior or style of the buttons a little. The minimal set of settings and convenient interface make the plugin suitable for sites where simplicity and speed matter, while the buttons are automatically displayed above and below the article content.<\/p>\n<p style=\"text-align: left;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-37121 size-full\" src=\"https:\/\/coma.lv\/wp-content\/uploads\/2025\/12\/Ekranuznemums-2025-12-12-051156.jpg\" alt=\"WordPress\" width=\"771\" height=\"309\" title=\"\" srcset=\"https:\/\/coma.lv\/wp-content\/uploads\/2025\/12\/Ekranuznemums-2025-12-12-051156.jpg 771w, https:\/\/coma.lv\/wp-content\/uploads\/2025\/12\/Ekranuznemums-2025-12-12-051156-300x120.jpg 300w, https:\/\/coma.lv\/wp-content\/uploads\/2025\/12\/Ekranuznemums-2025-12-12-051156-768x308.jpg 768w, https:\/\/coma.lv\/wp-content\/uploads\/2025\/12\/Ekranuznemums-2025-12-12-051156-705x283.jpg 705w\" sizes=\"auto, (max-width: 771px) 100vw, 771px\" \/><\/p>\n<h2 class=\"plugin-title\" style=\"text-align: left;\">Social Share Icons &amp; Social Share Buttons<\/h2>\n<p style=\"text-align: left;\" data-start=\"4324\" data-end=\"4692\"><a href=\"https:\/\/wordpress.org\/plugins\/ultimate-social-media-plus\/\" target=\"_blank\" rel=\"noopener\">Social Share Icons &amp; Social Share Buttons<\/a> lets you easily add beautiful \u201cShare\u201d buttons to your site, making them noticeable and stylish. After installing and activating the plugin, a welcome screen opens in the admin panel, offering to answer a few simple questions to quickly configure how the buttons look and behave, while all of the plugin&#8217;s settings are available in the <strong data-start=\"308\" data-end=\"333\">Ultimate Social Media<\/strong> section of the admin panel.<\/p>\n<p style=\"text-align: left;\" data-start=\"4324\" data-end=\"4692\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-37123 size-full\" src=\"https:\/\/coma.lv\/wp-content\/uploads\/2025\/12\/Ekranuznemums-2025-12-12-052218.jpg\" alt=\"WordPress\" width=\"1832\" height=\"809\" title=\"\" srcset=\"https:\/\/coma.lv\/wp-content\/uploads\/2025\/12\/Ekranuznemums-2025-12-12-052218.jpg 1832w, https:\/\/coma.lv\/wp-content\/uploads\/2025\/12\/Ekranuznemums-2025-12-12-052218-300x132.jpg 300w, https:\/\/coma.lv\/wp-content\/uploads\/2025\/12\/Ekranuznemums-2025-12-12-052218-1030x455.jpg 1030w, https:\/\/coma.lv\/wp-content\/uploads\/2025\/12\/Ekranuznemums-2025-12-12-052218-768x339.jpg 768w, https:\/\/coma.lv\/wp-content\/uploads\/2025\/12\/Ekranuznemums-2025-12-12-052218-1536x678.jpg 1536w, https:\/\/coma.lv\/wp-content\/uploads\/2025\/12\/Ekranuznemums-2025-12-12-052218-1500x662.jpg 1500w, https:\/\/coma.lv\/wp-content\/uploads\/2025\/12\/Ekranuznemums-2025-12-12-052218-705x311.jpg 705w\" sizes=\"auto, (max-width: 1832px) 100vw, 1832px\" \/><\/p>\n<p style=\"text-align: left;\" data-start=\"4324\" data-end=\"4692\">The main settings are divided into several blocks:<\/p>\n<p style=\"text-align: left;\" data-start=\"4324\" data-end=\"4692\"><strong data-start=\"1076\" data-end=\"1125\">Which icons do you want to show on your site?<\/strong> \u2014 you choose the social networks that will be displayed: Facebook, X (Twitter), LinkedIn, Pinterest, WhatsApp, Telegram, Email, RSS and others.<\/p>\n<p style=\"text-align: left;\" data-start=\"4324\" data-end=\"4692\"><strong data-start=\"1468\" data-end=\"1505\">What do you want the icons to do?<\/strong> \u2014 for each icon you can set an action: share the post, open a profile, subscribe to updates or send an email. The email icon can work through a subscription service, and Facebook and X let you like, share and follow right from the site.<\/p>\n<p style=\"text-align: left;\" data-start=\"4324\" data-end=\"4692\"><strong data-start=\"1764\" data-end=\"1798\">Where shall they be displayed?<\/strong> \u2014 the buttons can be shown inside the article (at the top, at the bottom or both), on the home page, in archives, using a floating panel, widgets, shortcodes or insertion into the template. You can configure responsive behavior and icon alignment so that they look organic on the site.<\/p>\n<p style=\"text-align: left;\" data-start=\"4324\" data-end=\"4692\"><strong data-start=\"2080\" data-end=\"2141\">What design and animation do you want to give your icons?<\/strong> \u2014 here you configure the look of the icons: color, shape, size, hover animation, appearance and zoom effects, so that the buttons attract attention without distracting users.<\/p>\n<p style=\"text-align: left;\" data-start=\"2325\" data-end=\"2514\"><strong data-start=\"2325\" data-end=\"2385\">Do you want to display &#8220;counts&#8221; next to your main icons?<\/strong> \u2014 you can show the number of likes and reposts next to the icons, which increases trust and encourages users to act.<\/p>\n<p style=\"text-align: left;\" data-start=\"2516\" data-end=\"2783\"><strong data-start=\"2516\" data-end=\"2557\">Any other wishes for your main icons?<\/strong> \u2014 setting the order, size and spacing of the icons, and alignment depending on the theme or shortcode. The premium version lets you control vertical spacing and separate settings for mobile devices.<\/p>\n<p style=\"text-align: left;\" data-start=\"2516\" data-end=\"2783\"><strong data-start=\"2785\" data-end=\"2849\">Do you want to display a pop-up, asking people to subscribe?<\/strong> \u2014 you can set up pop-up windows with a call to share or subscribe, and set the text, font, color, size and place of display.<\/p>\n<p style=\"text-align: left;\" data-start=\"2516\" data-end=\"2783\"><strong data-start=\"2982\" data-end=\"3047\">Do you want to show a subscription form (increases sign ups)?<\/strong> \u2014 the built-in email subscription form lets you maximize the number of subscribers. The form can be placed via a widget, a shortcode or direct HTML code, and its design and text are fully customizable.<\/p>\n<p style=\"text-align: left;\" data-start=\"2516\" data-end=\"2783\"><strong data-start=\"3256\" data-end=\"3304\">Get advice for more shares &amp; traffic (FREE!)<\/strong> \u2014 if you wish, you can turn to the support forum to get recommendations on the optimal placement of buttons for the maximum number of shares and subscriptions.<\/p>\n<p style=\"text-align: left;\" data-start=\"2516\" data-end=\"2783\">Overall, Social Share Icons &amp; Social Share Buttons offers a simple basic setup for quickly adding buttons and flexible possibilities: animations, stylish icons, mobile optimization, extended actions for social networks and advanced control over placement.<\/p>\n<p style=\"text-align: left;\" data-start=\"2516\" data-end=\"2783\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-37124 size-full\" src=\"https:\/\/coma.lv\/wp-content\/uploads\/2025\/12\/Ekranuznemums-2025-12-12-054823.jpg\" alt=\"WordPress\" width=\"1186\" height=\"394\" title=\"\" srcset=\"https:\/\/coma.lv\/wp-content\/uploads\/2025\/12\/Ekranuznemums-2025-12-12-054823.jpg 1186w, https:\/\/coma.lv\/wp-content\/uploads\/2025\/12\/Ekranuznemums-2025-12-12-054823-300x100.jpg 300w, https:\/\/coma.lv\/wp-content\/uploads\/2025\/12\/Ekranuznemums-2025-12-12-054823-1030x342.jpg 1030w, https:\/\/coma.lv\/wp-content\/uploads\/2025\/12\/Ekranuznemums-2025-12-12-054823-768x255.jpg 768w, https:\/\/coma.lv\/wp-content\/uploads\/2025\/12\/Ekranuznemums-2025-12-12-054823-705x234.jpg 705w\" sizes=\"auto, (max-width: 1186px) 100vw, 1186px\" \/><\/p>\n<h2 style=\"text-align: left;\">Summary<\/h2>\n<p style=\"text-align: left;\">Using plugins lets you add social buttons to a site quickly and safely without manual code. With Sassy Social Share, AddToAny Share Buttons and Ultimate Social Media PLUS you can configure the buttons to match the site&#8217;s style, choose the social networks, the order of the icons and the way they are displayed, and also use additional features such as floating panels and share counters. All three solutions are free and suit both beginners and experienced WordPress users.<\/p>\n<hr \/>\n<p style=\"text-align: left;\"><em>Our specialization is WordPress website development and maintenance. Contact us for a free consultation \u2014 <a href=\"mailto:vadim@coma.lv\">vadim@coma.lv<\/a>, <a href=\"tel:+37129394520\">+371 29394520<\/a><\/em><\/p>\n<hr \/>\n","protected":false},"excerpt":{"rendered":"<p>Social buttons are a simple and effective way to encourage your readers to share useful materials with friends and colleagues. This increases reach, helps attract a new audience and makes your content more \u201calive\u201d. Adding such buttons to WordPress is not difficult at all. Below we will look at the three most popular and easy-to-configure [&hellip;]<\/p>\n","protected":false},"author":25,"featured_media":37136,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1225,1407],"tags":[],"class_list":["post-41800","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress","category-tutorials"],"_links":{"self":[{"href":"https:\/\/coma.lv\/en\/wp-json\/wp\/v2\/posts\/41800","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/coma.lv\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/coma.lv\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/coma.lv\/en\/wp-json\/wp\/v2\/users\/25"}],"replies":[{"embeddable":true,"href":"https:\/\/coma.lv\/en\/wp-json\/wp\/v2\/comments?post=41800"}],"version-history":[{"count":0,"href":"https:\/\/coma.lv\/en\/wp-json\/wp\/v2\/posts\/41800\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/coma.lv\/en\/wp-json\/wp\/v2\/media\/37136"}],"wp:attachment":[{"href":"https:\/\/coma.lv\/en\/wp-json\/wp\/v2\/media?parent=41800"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/coma.lv\/en\/wp-json\/wp\/v2\/categories?post=41800"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/coma.lv\/en\/wp-json\/wp\/v2\/tags?post=41800"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}