Support » Plugin: WooCommerce » [Plugin: WooCommerce – excelling eCommerce] WooCommerce social buttons?

  • I am running a WooCommerce store with a WooTheme and would like to add a few sharing buttons because with the short-code, it is hard to put them side-by-side (height of 20 pixels) without any of the counters or special features. (I was unable to hide the Twitter counter, for example.)

    Potential solution:

    I found that JetPack allows for these sharing functions all-in-one, but it needs to be connected to a account — what is the downside of doing so? Is it overkill for just this one function? Doesn’t every added plug-in slow down website loading for visitors?

    I essentially want a simple row of share buttons on every product page:

    | Like | Tweet | +1 | Pin It |

    Without any added bells and whistles.

    If not JetPack, do you know any simple solutions?

    Thank you in advance.

Viewing 11 replies - 1 through 11 (of 11 total)
  • I’ve seen a couple sharing plugin specifically for Woocommerce, but not one that has support for all the networks.
    Pinterest for woocommerce

    Facebook for Woocommerce

    There’s also facebook/twitter share buttons which isn’t specifically for woocommerce

    Jetpack seems to have support for all the networks, and it seems to work pretty well with custom post types. I haven’t tried using it with woocommerce,but it seems like a good option.

    Might want to do a speed test on pingdom to see if jetpack adversely affects your load time – I haven’t tested it with woocommerce personally, but I’ve used it on other sites.

    Thanks, good call on speed!

    I saw those two plugins, but the thing is — they’re not consolidated and the buttons appear in two different places (one near price, the other below category, for example). Then adding the Twitter and Google+ manually will add even more disparity as they’ll have to go in the Description or Short Description section.

    It’s all very messy.

    I’m really sad that the shortcode doens’t work and align well. Also, there’s no Like button without trailing text or counters. Plus, it’s about 5 pixels higher than all the other ones, so looks very odd.

    There’s potential… that’s why I’m interested in the short-code. If I throw something good together, I will report back, but also interested to hear what other people have used 🙂

    probably best bet is to hard code something and hook it the sharing section
    so you’d write a function in your functions.php something like

    function wooshare(){
    <div class="fb-like" data-href="'.get_permalink().'" data-layout="box_count" data-send="false" data-width="100" data-show-faces="true" style="display:inline"></div>
    <a href="" class="twitter-share-button" data-via="bryanheadrick">Tweet</a>
    <g:plusone size="tall"></g:plusone>
    <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);;js.src="//";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
    <a href="'. urlencode(get_permalink()).'&media='.urlencode(wp_get_attachment_url( get_post_thumbnail_id() )).'&description='.apply_filters( 'woocommerce_short_description', $post->post_excerpt ).'" class="pin-it-button" count-layout="horizontal"><img border="0" src="//" title="Pin It" /></a>
    <script type="text/javascript" src="//"></script>';?>
    <script type="text/javascript">
      (function() {
        var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
        po.src = '';
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
    <div id="fb-root"></div>
    <script>(function(d, s, id) {
      var js, fjs = d.getElementsByTagName(s)[0];
      if (d.getElementById(id)) return;
      js = d.createElement(s); = id;
      js.src = "//";
      fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));</script>

    Oh wow, thanks!

    Do you mean for those two plugins, or for the WooCom short-code? And where’s the “sharing section” you speak of?

    I am interested.

    There is also would be neat to have these working in WC.

    Hi all, i have just launched the woocommerce social buttons extension that currently supported 6 social media (facebook, twitter, google+, pinterest, linkedin and stumbleupon)

    WooCommerce Social Buttons PRO


    All you have to do is use Jetpack social share and choose to use it on Products, in settings. Much cheaper than @terrytsang’s $19. See it working here

    In order to accomplish this I used the plugin Social Sharing Toolkit. I modified the Shortcode tab to show the buttons I wanted. Then to display the social buttons on the individual product, I inserted the following code inside of the plugins/woocommerce/templates/content-single-product.php file.

    echo do_shortcode(‘[social_share/]’);

    I inserted the code on Line 50, immediately under the do_action( ‘woocommerce_single_product_summary’ ); line.

    This solution is only good as long as it isn’t overwritten during a plugin update. To avoid this, use a child Theme. Create a woocommerce folder under your child theme’s main directory and copy the edited content-single-product.php file there.



    thanks to finkdb – your solution works great.

    Many thanks finkdb!

    finkdb had the answer that worked for me, too!

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘[Plugin: WooCommerce – excelling eCommerce] WooCommerce social buttons?’ is closed to new replies.