WPXtension

Social Share for WooCommerce allows you to add actionable social icons on WooCommerce single product pages. This WooCommerce extension gives you a quick single-click solution to share your products on various social media platforms.
Social media has a great influence on our everyday life. They have become an inseparable part of our modern life. As a result, social media gained the ability to influence sectors like eCommerce. Top and successful marketers understand the importance of social presence and social media marketing to boost a business, especially in the eCommerce sector. Why should you miss out!
WooCommerce comes with tons of features, but it does not offer a default option to add actionable social media icons. With Social Share for WooCommerce, you can add social media icons to the product page. Additionally, you can add a copy to the clipboard button along with the social media platforms. This will allow everyone to copy the product link into the clipboard.
<a href="https://demo.wpxtension.com/social-share-for-woocommerce/product/t-shirt/" title="Social Share Demo." rel="nofollow ugc">View Demo</a> | <a href="https://wpxtension.com/doc-category/social-share-for-woocommerce/" title="Social Share Documentation." rel="nofollow ugc">Documentation</a> | <a href="https://wpxtension.com/support-ticket" title="Help & Support." rel="nofollow ugc">Support</a> | <a href="https://wpxtension.com/product/social-share-for-woocommerce/" title="Social Share for WooCommerce Pro." rel="nofollow ugc">Pro Version</a>
<h3>Features of this plugin</h3>
🥳 One-click social share for WooCommerce products 
Give your customers the ability to share your products on various social media sites with just a single click.
🥳 Select your desired social media icons 
You can select your desired social media icons from a given list. So, you can precisely choose your desired social media platforms.
🥳 Customize the order of the social media icons 
Additionally, you can drag and drop the icons to customize their order on the product page. Thus, you can effortlessly put your most desired social channel in the first position and so on.
🥳 Control the social media icon’s display position 
This WooCommerce extension also allows you to select the desired position of the social media icons on the product pages. Currently, there are three spots to choose from. You can either display the social media icons with the product category name, after the product title, or after the product price.
Additionally, there is an option to hide the icon. The premium module offers an option to display floating social share icons on the left or right side of the browser window. When activating that option, you may want to hide the icons from other places.
🥳 Control the content of the icons 
The plugin offers customization options for social media icons. Here you also have three different options to choose from. You can select between only icon, only text, and both icon and text at the same time.
🥳 Customize the social media icon’s appearance 
The plugin is simple but when it comes to enriching the features, there is no compromise. Based on your theme and product page appearance, you can choose the best icon shape for your WooCommerce store. You can choose between Round and Square shapes at this moment.
🥳 Copy product link to Clipboard made easy 
Moreover, the plugins also add an option to enable a “Copy to Clipboard” option along with the social media icons. As a result, your customers will be able to copy the product link to the clipboard while they are also able to share the products on the included social networks.
🥳 Display title before social icons 
The plugin lets you enable title text before social icons. By default, the text will appear as ‘Share On.’
🥳 Shortcode 
Using a page builder like- Elementor, Divi, Beaver Builder, etc? The plugin gives you a facility of a shortcode. Using <code>[psfw_basic_share]</code> you can display social icons in any spot on the page.
🥳 Pop-up modal with all social icons 
Keep your product page clean by displaying icons of the most popular social platform. Enjoy peace of mind knowing that your customers can still access all available platforms on the pop-up modal.
<h3>Feature Highlights of Social Share for WooCommerce PRO</h3>
🔥 <a href="https://wpxtension.com/product/social-share-for-woocommerce/" title="Advanced Version of Social Share for WooCommerce" rel="nofollow ugc">GET THE ADVANCED VERSION</a>
✔️ Set floating social share icons on the left or right side of the browser window
✔️ Love tooltips! advanced version of Social Share for WooCommerce have you covered
✔️ Let your customers share specific variation links to their desired social platforms (even it will work for the pop-up modal with all social icons )
🎨️ Color customization to sync social share icons with your brand is at your fingertips
🎨️ Font size customization that matches your store’s existing design is a breeze
🎨️ Additionally, it also allows you to change font weight to normal(Regular), lighter, or bold
🎨️ Most importantly, you will be able to tweak the size of the social platform icons
🎨️ On top of that, there are ample options to customize the hover style of the items
🎨️ Finally, the tooltip text color and background color are also easily customizable
🎨️ Display a social share icon on the shop/archive page to share it from the product listing
<h3>Our Popular Addons for WooCommerce</h3>
👉 <a href="https://wordpress.org/plugins/variation-price-display/" rel="ugc">Variation Price Display Range for WooCommerce</a> 
👉 <a href="https://wordpress.org/plugins/fast-cart/" rel="ugc">Fast Cart for WooCommerce</a> 
👉 <a href="https://wordpress.org/plugins/product-variant-table-for-woocommerce/" rel="ugc">Product Variation Table for WooCommerce – PVT</a> 
👉 <a href="https://wordpress.org/plugins/variations-as-radio-buttons/" rel="ugc">VariationX – Variations as Radio Buttons for WooCommerce</a>

Social Share for WooCommerce

Display social icons on the different spots of product pages to share your WooCommerce product on social media sites.

Spyrosli

Add Facebook, Twitter, Google+, LinkedIn, Pinterest and Digg share buttons as well as an Email share button and print button. Above and/or below your pages and posts. It’s all fully customizable so you choose what social media buttons and social share buttons you want on your website.
Get your websites content shared on social medias like Twitter, Facebook and much more by installing this Social share WordPress plugin. Users can easily share your content on the most popular social networks.
Important: A lot of people request a floating sidebar with social icons, sadly this is not something that will be added, since it can be harmful for your websites SEO. You can read more about that if you scroll down and read under “Additional information and F.A.Q”
Core functionality include
<ul>
<li>Minimalistic design</li>
<li>Share text</li>
<li>Suggest user an email text and subject</li>
<li>Social share counter</li>
<li>Facebook, Twitter, Google+, LinkedIn, Pinterest and Digg share buttons</li>
<li>Shortcodes</li>
<li>Email share button</li>
<li>Print button</li>
<li>Choose yourself what buttons to show</li>
<li>Place buttons above and/or under content</li>
<li>Seo Optimized</li>
<li>Light code</li>
<li>Responsive design</li>
<li>Follows Google Insight guidelines</li>
<li>Build in cache</li>
<li>Mobile Optimized and Retina Ready</li>
</ul>
Bonus Functionality include
<ul>
<li>Show buttons on: Posts, pages, front page, Archives, Attachment pages, Categories, search results and much more.</li>
<li>Disable all extra CSS and JS so you can make your own design.</li>
<li>Fetch shares from both HTTP and HTTPS</li>
<li>Open share box in: New window, same page or popup.</li>
<li>Multiple shortcode settings</li>
</ul>
Seo Optimized and follows Googles new guidelines
After the release of Googles new overlay update, which you can read more about on <a href="https://webmasters.googleblog.com/2016/08/helping-users-easily-access-content-on.html" rel="nofollow ugc">Google’s own blog</a> Almost every share plugins are coded so they function as an overlay, where they hide parts of the screen for design and other reasons.
For example: They have a custom design, where the original design is hidden behind it – Or functions as a sidebar or so that follows the screen when you scroll. This is only two out of many examples.
We are the first plugin to fix this issue, by coding the design in a new way, where we have altered the original code provided by social networks such as Facebook, Twitter and more, and made the design that way.
Not only does this help avoiding getting punished by the Google update, we have also made the code quicker, meaning we have set a new record in how fast social media share buttons can be loaded, which you can read more about under Lightning Fast Load Time.
We are also the first social share plugin to follow every single guideline and requirement from <a href="https://developers.google.com/speed/docs/insights/rules" rel="nofollow ugc">Google Insight</a> making this plugin the ultimative SEO optimized share plugin.
Lightning Fast
Usually it will take between 1,0 – 2,5 seconds to load social media buttons, because there is so much external data that needs to be loaded. We have found a way to overcome this issue. We have created a built in social share caching, a custom cache that stores all data from the social networks, for example scripts, amount of likes/tweets and much more on your website instead of Facebook, Twitters and more, cutting the loading process down to milliseconds.
We have also altered the usual scripts provided by the social networks, we have managed to bring the load time of social share buttons down by up to 0.7 seconds! Bringing the load time down to 30% of the usual load time – And as every SEO expert know, page speed and load time is a huge part of your SEO and rankings, which you can read more about on <a href="https://moz.com/learn/seo/page-speed" rel="nofollow ugc">MOZ</a>
Source and copyright
<ul>
<li>Thanks to Access Keys for creating <a href="https://wordpress.org/plugins/accesspress-social-share/" rel="ugc">Social Share WordPress Plugin – AccessPress Social Share</a> under <a href="http://www.gnu.org/licenses/gpl-2.0.html" rel="nofollow ugc">GPLv2</a></li>
<li>Thanks to <a href="http://fontawesome.io/" rel="nofollow ugc">FontAwesome</a> which is licensed under MIT License · Documentation licensed under CC BY 3.0</li>
</ul>
Core Changes
<ul>
<li>We have made the code light weight with minification and code rewriting.</li>
<li>We have corrected cache settings so they follow Googles guidelines.</li>
<li>We have updated the design and animations.</li>
<li>We have SEO optimized the share buttons.</li>
<li>We have made the design responsive and fluid so it follows <a href="https://developers.google.com/speed/pagespeed/insights/" rel="nofollow ugc">Google Insights</a> guidelines</li>
<li>We have updated descriptions</li>
<li>We have added more documentation and articles to help the users make the right settings according to their website.</li>
<li>We have removed fonts to make it load faster.</li>
<li>We have corrected typographical errors.</li>
</ul>
Further info and good-to-know
Why is there no floating sidebar?
It is our primary task to make sure that you do not get punished by any Google updates now, or in the future. 
After Googles update that is supose to: “Helping users easily access content on mobile” any sort of overlays 
might be mistaken for popups and harm your SEO.
Source: <a href="https://webmasters.googleblog.com/2016/08/helping-users-easily-access-content-on.html?m=1" rel="nofollow ugc">Google webmaster blog</a>
What does light weight code mean?
A “lightweight” library or tool in software engineering generally means a library that is less of a pain in the ass to use but not as fully-featured as an equivalent library that is not lightweight. There is a trade-off between pain-in-the-ass-ness and functionality. “Lightweight” means a design that errs on the side of less functionality.
<ul>
<li>It can be less of a pain in the ass in several different ways including</li>
<li>Few or no dependencies on other libraries.</li>
<li>Easy to install, set up, and/or build.</li>
<li>Smaller memory footprint.</li>
<li>Smaller interface.</li>
<li>Smaller absolute amount of code.</li>
</ul>
Source: <a href="https://www.quora.com/What-exactly-does-lightweight-mean-when-describing-databases-or-software-frameworks" rel="nofollow ugc">Quora</a>
Why does the buttons slow down my website?
Here’s how social share buttons work: The vast majority of social media buttons have a direct interaction with the social network involved. Most of them just have counters, like a Facebook fan count or a Twitter follower count. Where is that count kept? On the servers of the social network, provided via an API. Typically, the output is going to just be a short text string, but even so, that text string needs to be queried and received. So, for a Facebook button with a share button, you might have a process that looks like this.
<ol>
<li>The user sends a request to load your page.</li>
<li>Your server processes the request and begins loading your page.</li>
<li>Your load encounters the script that loads the Facebook share button and begins to run the script.</li>
<li>The script requires data from Facebook and sends a request to the Facebook servers.</li>
<li>The Facebook servers receive the request and query their database for the relevant data.</li>
<li>The Facebook data is received and send back to your server.</li>
<li>Your server inputs the data in the relevant place in the script, which completes the load of that script and, presumably, the page.</li>
<li>This is a lengthy process, and that’s just for one simple social media button. Now repeat it for Twitter if you have a Twitter button with a follower count, and repeat it for Pinterest for pins, and repeat it for Reddit for upvotes, and repeat it for every other site you have a button for.</li>
</ol>
This is a lengthy process, and that’s just for one simple social media button. Now repeat it for Twitter if you have a Twitter button with a follower count, and repeat it for Pinterest for pins, and repeat it for Reddit for upvotes, and repeat it for every other site you have a button for.
I gets even slower if you use something like the Facebook like box, which not only needs to pick and send along like data, it needs to send over a selection of users with their profile pictures, names, and links. That can become a sizable chunk of data.
Of course, social networks need to have incredibly fast load times in order to attract and keep users. Facebook has a server farm to rival that of Google and they’re tapped into a backbone just as fast as what Google has. At least, I assume so; I don’t know the details of either company’s infrastructure.
Even so, no matter how fast the servers, there’s still time spent sending queries and returning data. Every button you add, every query of another domain or another server, is adding to your load times. Even if it’s just a few hundred milliseconds per request, that can add up very quickly.
This, by the way, is why APIs exist. An API call exports just the data necessary, nothing more. Compare these two pages: Facebook and the Facebook Graph. You’ll note that the second one doesn’t have scripts, doesn’t have feeds, doesn’t have apps; nothing. It’s just a bit of short text. It’s an error because the “graph homepage” doesn’t exist, but that’s still about all of the data you actually get from an API Call. A few hundred bytes of information, compared to the kilobytes or megabytes of data for a regular page load.
The more social buttons you use, the more calls need to be made, and the slower a page loads. If, somewhere along the line, a single piece of data bugs out or a request fails, the button won’t load. Some social buttons have error handling to cover that case, while others don’t. If they don’t, it can be devastating to load times.
Source: <a href="http://blogpros.com/blog/2016/01/why-social-buttons-slow-down-your-websites-load-time" rel="nofollow ugc">Blogpros</a>
Why is social share buttons good for my website
Operating a business blog is a great way to communicate with target audience members and share your thoughts and opinions on business matters in an informal way. It’s not easy to maintain a blog as it takes time to brainstorm a topic, write posts, edit them, post them, and then monitor the comments. If you’re going to dedicate all of that time to your blog you want to get the most out of it, right? The success of a blog largely depends on how many people actually read it and one important way to increase readership is to include social share buttons on every blog post.
Do you have social share buttons on your blog? If not, you’ll want to add them now. Here’s why:
Social Signals
The search engines now include the strength of a link in social media as an algorithm-ranking factor. Strength is measured by calculating the number of times that content is shared, tweeted, liked, and posted in social media. So if your content is getting shared frequently, that will improve its search engine ranking for relevant keywords. Since social share buttons make it so much easier for a reader to pass along your content to their network, without them you are missing out on a huge opportunity.
Increase brand exposure
Marketing and advertising is all about getting your brand and messaging in front of as many potential clients and customers as possible. Millions of people use social networks every day. Obviously not everyone that could benefit from your product or service has heard of you. Including social share buttons increases the likelihood of getting your content in front of new eyeballs. When someone shares your content with their network, it might get seen by a new potential customer, who then may share it with their network, and another new potential customer who then may share it with their network, etc. may see it. The possibilities are limitless and this is an important way to improve brand visibility across the web and increase your number of social followers.
Encourge a good user experience
It’s important to make any interaction that a potential client or customer has with your brand a smooth and easy process. It should be simple to navigate your blog, which should include categories and a search feature so that visitors can quickly find a post that is most relevant to their needs at any particular time. You should also make it easy for them to share your content, so easy that they don’t even need to think about it. If they think it’s helpful or interesting they can quickly click on a button and boom, it’s shared.
Develop natural links 
Because of the social share buttons, people will share your links with others, as long as it’s well written and provides value. Over time, people will do more than just share the links on social – they’ll create valuable, natural links. As more and more people share your content on social media, you’ll increase the chances of gaining natural links.
Get more traffic 
One of the biggest benefits of adding social share buttons is that it can help increase traffic to your site. With so many content options online, it can be hard to get your information read. Simply put, sharing content increases overall traffic. Instead of making it hard for people to share, make it easy by including sharing buttons.
You want your social share buttons to add value to your site. For instance, when including the buttons to your posts, you may be tempted to put them at the top or bottom. However, it’s much more effective to put them in both places, which adds value both for you and the user. Another issue is that not every page on your site will need the buttons. For instance, if you have a static page, such as an about me page, adding social share buttons to these posts doesn’t really add anything. Do you really want to these pages to be shared in social? However, you definitely will want your blog content to be shared, so it makes sense to add the buttons to your posts.
If you don’t include the buttons there’s a higher likelihood that it won’t get shared, or that someone who has the intent to share the content opens up a new window, signs in to their social network, gets distracted and forgets about your page altogether. Don’t take the risk. Add share buttons so that blog visitors will stay on your site longer.
Source: <a href="http://www.brickmarketing.com/blog/social-share-buttons.htm" rel="nofollow ugc">Brick Marketing</a>
How does the caching the social share buttons work? 
The sharing widget will typically consist of a few small icons, some HTML and CSS, and other JavaScript. Typically, the icons are very small and rarely change, but they’re served billions of times a day.
These sharing icons are perfect candidates for very aggressive caching. When we chat with customers about this, we recommend setting a very long time to live (TTL) and an even longer grace period (also known as a “serve stale” period which will continue showing your content even if your origin server is unavailable). Then, if our customers do want to change anything, they can issue a purge and Fastly will fetch the new assets immediately.
Since the working set is so small, for similar setups we typically see a 100% cache hit ratio. This means customers can dramatically lower their hosting costs while ensuring that they’ll be able to weather request spikes that occur when, for example, a story that has the sharing widget embedded suddenly sees a lot of traffic, without breaking a sweat.
There is a dynamic element to a sharing widget: the share count. There are typically two ways to deliver this:
<ol>
<li>Baked into the HTML or JavaScript that you deliver</li>
<li>Via an API that the JavaScript calls</li>
</ol>
Doing it the first way would ruin your cache hit ratio for all those previously cacheable assets, since you’ll need a new version of the widget every time a user Likes the page. By doing it the second way, you can minimize the problem to just one API call, which isn’t too bad.
With Fastly, there is a third option. Here’s how it works:
The share count actually doesn’t need to be absolutely up-to-the-second accurate. Instead, Fastly caches the results of the API call for ~5 minutes (this number is completely configurable depending on traffic and other factors). Every time a user clicks on the social share button, JavaScript first updates the counter on the page and then does an API call to update the counts. Fastly can either pass this API call through to origin or intercept it and return a 200 response, but emit a log message with the relevant information.
However, if the user navigates away from the page and then comes back (or clicks through to the second page of a multi-page article) within that 5 minute window, they’re going to see that their “Share” hasn’t been counted, which is confusing.
In that case, there’s a fairly easy work around. When the user clicks “Like” or “Share,” the JavaScript updates the counter on the widget and sets a cookie with the new count in it before making the call back to register the “Like” or “Share.”
When the social share button is loaded again, the widget code first checks to see if the cookie is present (or alternatively, is newer than the last-modified of the API call) and uses those values. If not, it uses the values from the API. 
We still avoid the additional call back to the customer’s origin server, but the user is happy that their “Like” or “Share” has has been counted.
Meanwhile, the widget will load incredibly quickly and the customer will have reduced their load back to their servers from potentially billions a day to:
1 request per asset every time they update their widget 
1 request every 5 minutes to fetch the updated count 
1 POST request every time a user hits the social share button (unless they use logs instead)
Source: <a href="https://www.fastly.com/blog/caching-like-and-share-buttons" rel="nofollow ugc">Fastly</a>

Social Share Buttons

Follow the new guidelines from Google with our social share buttons so you don't get punished and drop in rank! We have done all the work for you …

Social Share for WooCommerce vs Social Share Buttons