CodeBard

<p>Very fast, very customizable and very easy to use social share buttons.</p>
<p>Use customizable, static share buttons that work without any external JavaScript. Makes your pages loads faster! Prevent tracking of your users by 3rd parties.</p>
<p>Select from 14 different, professionally designed icon sets! Choose the best set that goes with your theme and your content! Change the style of any set to fit your tastes and your site!</p>
<p>Add any social network which is not already provided! You can activate/deactivate any social network from options.</p>
<p>Easily change the style of the social share to fit with your theme using the in-built what-you-see-is-what-you-get style editor, choose the placement of the share buttons inside your posts, their alignment, customize button appearance, size, margin, turn on/off share text, customize all the features. Create your own style for your social share and use it on your site. Upload your own, different icon for any social network instead of using the default icon!</p>
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="640" height="360" src="https://www.youtube.com/embed/PifiXQzKITo?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span>
<p>You can even use different style social shares for different post types! Just assign any different style you want to show for a certain post type to that post type!</p>
<p>Full features:</p>
<ul>
<li>Beautifully designed buttons</li>
<li>Fast – loads no external JavaScript</li>
<li>Customizable – select from ~14 premade styles, create and edit your own!</li>
<li>Customize how your share will look with visual editor!</li>
<li>Add new social networks yourself!</li>
<li>Icon sizes from 16px to 64px! Loads the exact icon size for your style and keeps it fast</li>
<li>Make the share sticky or non sticky!</li>
<li>Show at the top, bottom or both at the top and bottom of your posts</li>
<li>Upload custom icons easily to use in place of default icons!</li>
<li>Optionally add text to social share buttons</li>
<li>Optional text for social networks is also customizable – ie you can put ‘Tweet’ for Twitter and ‘Share’ for Facebook</li>
<li>Multi language – translate anything to your own language easily from provided admin panel</li>
<li>Change display order of the social network buttons easily</li>
<li>Easily extensible and easy to modify</li>
</ul>


Fast Custom Social Share by CodeBard

The code behind this plugin was actually in use in numerous production and hobby sites i maintain for ~4 years now. It has been working well under heavy traffic as well.

What were added to it after deciding to release it to public have been a new plugin engine to handle the plugin's own code, a WYSIWYG style editor, and 14 different icon sets along with 14 different styles.

You will definitely find a style that works best for your site and you will be able to customize it to your heart's content. Strongly recommended.

Easy, fast, customizable and proven

Fast Custom Social Share loads fast, is extensively customizable, and allows you to add social networks yourself.

supsystic

<p>Simple <a href="http://supsystic.com/plugins/social-share-plugin/" title="Social Share Buttons plugin by Supsystic" rel="nofollow ugc">social share solution</a> includes custom buttons design and placement. Choose any social network (Facebook, Twitter, Pinterest, Google+, LinkdIn etc.), button design and share bare location. Save your project and that’s it.<br />
Simple, eye-catching social sharing plugin with great customization and tons of features prevails with:</p>
<ul>
<li>Over 20 Social Networks</li>
<li>Fully Responsive</li>
<li>Sharing Buttons in Different Locations</li>
<li>Professional Templates of the Social Media Icons & Share Buttons</li>
<li>Choice pages to show social share buttons</li>
<li>Simple share buttons <a href="https://supsystic.com/documentation/social-share-displaying-configuration/" title="Plugin Configuration" rel="nofollow ugc">configuration</a> and <a href="https://supsystic.com/documentation/social-share-design-customization/" title="Design Customization" rel="nofollow ugc">design</a></li>
<li>Customizable design and animation effects</li>
<li>Shortcode support</li>
<li>Social Counters and Counter Templates</li>
<li><a href="https://supsystic.com/documentation/content-lock-option-social-share/" title="Content lock" rel="nofollow ugc">Content lock</a> (PRO feature)</li>
<li>Different <a href="http://supsystic.com/placement-option/" title="Social Share Buttons Placement Options" rel="nofollow ugc">Buttons Placement Option</a></li>
<li><a href="http://supsystic.com/content-lock/" title="Content Lock Option" rel="nofollow ugc">Content Lock</a></li>
<li><a href="http://supsystic.com/placement-option/" title="Social Share Buttons Placement Option" rel="nofollow ugc">Example</a> of the social buttons different placement options</li>
<li>Intergration with <a href="https://supsystic.com/plugins/photo-gallery" title="Photo Gallery" rel="nofollow ugc">Photo Gallery</a>, <a href="https://supsystic.com/plugins/popup-plugin" title="PopUp" rel="nofollow ugc">PopUp</a>, <a href="https://supsystic.com/plugins/slider" title="Slider" rel="nofollow ugc">Slider</a> and <a href="https://supsystic.com/plugins/google-maps-plugin/" title="Google Maps" rel="nofollow ugc">Google Maps</a> by Supsystic</li>
</ul>
<h4>Increase Numbers of Social Sharing</h4>
<p>With our Social Share Button Solution you will increase your social popularity and will be able to take social sharing on a next level. It will promote the increase of social activity on your site. Social Share by Supsystic is very easy and fast way to let your visitors share your content to social networks, helping you to multiply your website social traffic.</p>
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="640" height="360" src="https://www.youtube.com/embed/_GvD8fZryzY?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span>
<h4>Fully Responsive and Easy to Use</h4>
<p>Social Share buttons by Supsystic are fully responsive and look nice on different devices and themes. With simple configuration of our plugin you don’t need any programming skills to create your own design of share buttons – you can easily set the template, size, animation and position.</p>
<h4>Over 20 Social Networks</h4>
<p><a href="https://supsystic.com/plugins/social-share-plugin/" title="Social Share by Supsystic" rel="nofollow ugc">Social Share plugin</a> supports many different popular social networks – LinkdIn, Twitter, Google+, Vkontakte, Pinterest, Digg, Reddit, Facebook and many others! You can add the numbers of social networks and create excellent sharing toolbar, which will help your visitors to choose the most suitable network for them.</p>
<h4>Different Placement Options of Social Share Buttons</h4>
<p><a href="https://supsystic.com/plugins/social-share-plugin/" title="Social Share by Supsystic" rel="nofollow ugc">Social Share by Supsystic</a> provides you the ability to choose where to show share buttons – on different sides of the page, at any place of page or post content. They can be placed even in a popup window using our awesome Popup plugin! Using our plugin you can create Facebook share button widget with share buttons and show the sharing toolbar at theme’s widgets areas. Also you can use shortcode and show buttons where you want. With this options of Social Share buttons, you have much more chances to attract a wide variety of your website visitors.</p>
<h4>When to Show Option</h4>
<p>Plugin allows you to choose the various time options for showing social buttons (like Facebook share button) – when page load or when user clicks on it. Besides you can specify share buttons on the pages or posts in any place you wish it to be shown – from standard to a very specific pages/posts. Also it allows you to hide social buttons on mobile devices. <a href="https://supsystic.com/plugins/social-share-plugin/" title="Social Share by Supsystic" rel="nofollow ugc">Social Buttons by Supsystic</a> allures users to share the right content аt the right moments, and keeps them engaged on your website.</p>
<h4>Customizable Design and Amazing Effects</h4>
<p>Social Share solution offers you wonderful collection of multiple design buttons options and different animation effects. You can easily customize special Facebook share buttons design – choose buttons size, add button spacing, enable displaying of social share counter, select button and icon animation.</p>
<h4>Translations [Social Share Buttons by Supsystic](https://supsystic.com/plugins/social-share-plugin/ “Social Share by Supsystic”) in Your Language</h4>
<p>You have an incredible opportunity to get PRO version of the social sharing plugin for free. Just make translation of the Social Share Buttons plugin by Supsystic!<br />
<a href="http://supsystic.com/plugins/social-share-plugin#contact" title="Contact Us" rel="nofollow ugc">Contact Us</a> if you translate the plugin. Available Translations:</p>
<ul>
<li>English</li>
<li>Dutch</li>
<li>Hungarian</li>
<li>Indonesian</li>
<li>Italian</li>
<li>Polish</li>
<li>Portuguese (Brazil)</li>
<li>Portuguese (Portugal)</li>
<li>Russian</li>
</ul>
<h4>How to Create Social Share Buttons in WordPress</h4>
<h4>Step 1: Creating Responsive Social Share Buttons</h4>
<ol>
<li>On the left navigation menu click “Add new project”.</li>
<li>Enter the title of project and click “Create”.</li>
</ol>
<h4>Step2: Customizing of Social Share by Supsystic</h4>
<p>Here you can set all the options of <a href="https://supsystic.com/plugins/social-share-plugin/" title="Social Share by Supsystic" rel="nofollow ugc">Social Share plugin</a>. Simply navigate the corresponding section of properties – Networks to show, Facebook Buttons Design, Animation, Where to show, When to show. Important! After changing the settings of plugin don’t forget to click “Save” button.</p>
<p>Also with <a href="https://supsystic.com/plugins/social-share-plugin/" title="Social Share by Supsystic" rel="nofollow ugc">Social Share plugin</a> you can clone the project – on the top of the page with settings of the project click “Clone” button. It will create copy of the project and redirect you to it settings.</p>
<p>Besides you have the ability to view the statistic of the project – on the top of the page with settings click “Statistic” button. Here you can monitor</p>
<ul>
<li>pie chart of network total shares</li>
<li>total shares for last 30 days</li>
<li>most popular pages for last 30 days</li>
</ul>
<p>Now more details about sections of properties –</p>
<h4>Networks to show</h4>
<ol>
<li>Click “Add Networks” social button (for example Facebook social button)</li>
<li>Choose networks, with which you want to create social buttons. You can select any numbers of social networks. Also here you can choose “Like” button for your site.</li>
<li>Click “Select” button.</li>
</ol>
<h4>Social Buttons Design</h4>
<p>This section allows you:</p>
<ul>
<li>Choose buttons template (Facebook social share button) – you have the ability to choose one of 4 templates.</li>
<li>Add social button spacing.</li>
<li>Set social buttons size – smallest, small, normal, big, biggest.</li>
<li>Enable display of counters for social buttons. Besides you can use short numbers for counter and select from where exactly to show numbers of counter – the all projects, the entire project or from the each page.</li>
</ul>
<h4>Share Buttons Animation</h4>
<p>Here you have the opportunity:</p>
<ul>
<li>Select the effect for animation of social (Facebook, Twitter, etc) buttons</li>
<li>Select the effect for animation of icons inside the sharing buttons</li>
<li>See the preview of animation effects</li>
</ul>
<h4>Where to show social buttons</h4>
<p>With <a href="https://supsystic.com/plugins/social-share-plugin/" title="Social Share by Supsystic" rel="nofollow ugc">Social Share Buttons by Supsystic</a> you will be able to choose where to show social share toolbar –</p>
<ul>
<li>At the Sidebar of the page – top, bottom,left, right.</li>
<li>At the posts or pages content – above content, below content or above + below content.</li>
<li>At the popup window – you need to install Popup by Supsystic plugin to use this feature.</li>
<li>At the theme’s widgets areas – create a widget of your project at Appearance -> Widgets.</li>
<li>Use shortcode – insert the project shortcode and show buttons where you want.</li>
</ul>
<h4>When to show</h4>
<p>Here you can set when to show social share buttons:</p>
<ol>
<li>Show on next pages –</li>
</ol>
<ul>
<li>Show social buttons everywhere</li>
<li>Choose the specific pages or posts to show social buttons</li>
<li>Hide share buttons on mobile devices</li>
</ul>
<ol>
<li>When to show –</li>
</ol>
<ul>
<li>When page load</li>
<li>When user click on page</li>
</ul>
<h4>Our plugins</h4>
<ul>
<li><a href="https://wordpress.org/plugins/gallery-by-supsystic/" title="Photo Gallery by Supsystic" rel="ugc">Photo Gallery by Supsystic</a></li>
<li><a href="https://wordpress.org/plugins/pricing-table-by-supsystic/" title="Pricing Table by Supsystic" rel="ugc">Pricing Table by Supsystic</a></li>
<li><a href="https://wordpress.org/plugins/contact-form-by-supsystic/" title="Contact Form by Supsystic" rel="ugc">Contact Form by Supsystic</a></li>
<li><a href="https://wordpress.org/plugins/data-tables-generator-by-supsystic/" title="Data Tables Generator by Supsystic" rel="ugc">Data Tables Generator by Supsystic</a></li>
<li><a href="https://wordpress.org/plugins/slider-by-supsystic/" title="Slider by Supsystic" rel="ugc">Slider by Supsystic</a></li>
<li><a href="https://wordpress.org/plugins/coming-soon-by-supsystic/" title="Coming Soon by Supsystic" rel="ugc">Coming Soon by Supsystic</a></li>
<li><a href="https://wordpress.org/plugins/popup-by-supsystic/" title="PopUp by Supsystic" rel="ugc">PopUp by Supsystic</a></li>
<li><a href="https://wordpress.org/plugins/digital-publications-by-supsystic/" title="Digital Publications by Supsystic" rel="ugc">Digital Publications by Supsystic</a></li>
<li><a href="https://wordpress.org/plugins/backup-by-supsystic/" title="Backup by Supsystic" rel="ugc">Backup by Supsystic</a></li>
<li><a href="https://wordpress.org/plugins/membership-by-supsystic/" title="Membership by Supsystic" rel="ugc">Membership by Supsystic</a></li>
<li><a href="https://wordpress.org/plugins/newsletter-by-supsystic/" title="Newsletter by Supsystic" rel="ugc">Newsletter by Supsystic</a></li>
<li><a href="https://wordpress.org/plugins/live-chat-by-supsystic/" title="Live Chat by Supsystic" rel="ugc">Live Chat by Supsystic</a></li>
<li><a href="https://wordpress.org/plugins/google-maps-easy/" title="Google Maps Easy" rel="ugc">Google Maps Easy</a></li>
<li><a href="https://wordpress.org/plugins/translate-by-supsystic/" title="Translate by Supsystic" rel="ugc">Translate by Supsystic</a></li>
</ul>


Social Share Buttons by Supsystic

Terrible

Social share buttons to increase social traffic and popularity. Social sharing to Facebook like and share, Twitter, Pinterest and other social network …

Fast Custom Social Share by CodeBard vs Social Share Buttons by Supsystic