WhatsApp Share For WodPress

Most of the people spend time on WhatsApp than any other social messenger and other social sites.This means, there is a potential for your Blog site and Products to connect to a larger number of customers.You can share Blog Post and Product on WhatsApp through your WordPress Website , only you need to put some line of code in your functions.php file:

functions.php

/*--------------------------------------------------------- Add Script in Footer For Help4cms Whatsapp Share Button -------------------------------------------------------- */ add_action( 'wp_footer', 'help4cms_whatsapp_script'); function help4cms_whatsapp_script() { ?> <script type="text/javascript"> jQuery(document).ready(function($) { $(document).on("click",'.whatsapp-share',function() { if(/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) { var text = $(this).attr("title"); var url = $(this).attr("data-link"); var message = encodeURIComponent(text)+" - "+encodeURIComponent(url); var whatsapp_url = "whatsapp://send?text="+message; window.location.href= whatsapp_url; } else { alert("Please share this article in mobile device"); } }); }); </script> <?php } /*--------------------------------------------------------- Add CSS in Footer For Help4cms Whatsapp Share Button -------------------------------------------------------- */ add_action( 'wp_footer', 'help4cms_whatsapp_css'); function help4cms_whatsapp_css() { ?> <style> .whatsapp-share, a.whatsapp-share { background-image: url('<?php bloginfo('template_url'); ?>/images/icon.png'); background-repeat: no-repeat; background-position:18px; font-family: Georgia; color: #ffffff; font-size: 14px; background-color: #5cbe4a; padding: 10px 18px 10px 35px; text-decoration: none; } .whatsapp-share:hover, a.whatsapp-share:hover { background-color: #49b334; color: #ffffff; text-decoration: none; } </style> <?php } /*--------------------------------------------------------- Shortcode Function For Help4cms Whatsapp Share Button -------------------------------------------------------- */ function help4cms_whatsapp_share() { return '<a class="whatsapp-share help4cms-whatsapp-share" title="'.get_the_title().'" data-link="'.get_the_permalink().'">Share</a>'; } add_shortcode('whatsapp-share', 'help4cms_whatsapp_share');

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56

/*--------------------------------------------------------- Add Script in Footer For Help4cms Whatsapp Share Button -------------------------------------------------------- */ add_action( 'wp_footer', 'help4cms_whatsapp_script'); function help4cms_whatsapp_script() { ?> <script type="text/javascript"> jQuery(document).ready(function($) { $(document).on("click",'.whatsapp-share',function() { if(/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {         var text = $(this).attr("title");         var url = $(this).attr("data-link");         var message = encodeURIComponent(text)+" - "+encodeURIComponent(url);         var whatsapp_url = "whatsapp://send?text="+message;         window.location.href= whatsapp_url; } else {     alert("Please share this article in mobile device"); }     }); }); </script> <?php } /*--------------------------------------------------------- Add CSS in Footer For Help4cms Whatsapp Share Button -------------------------------------------------------- */ add_action( 'wp_footer', 'help4cms_whatsapp_css'); function help4cms_whatsapp_css() { ?> <style> .whatsapp-share, a.whatsapp-share {   background-image: url('<?php bloginfo('template_url'); ?>/images/icon.png');   background-repeat: no-repeat;   background-position:18px;   font-family: Georgia;   color: #ffffff;   font-size: 14px;   background-color: #5cbe4a;   padding: 10px 18px 10px 35px;   text-decoration: none; } .whatsapp-share:hover, a.whatsapp-share:hover {   background-color: #49b334;   color: #ffffff;   text-decoration: none; } </style> <?php } /*--------------------------------------------------------- Shortcode Function For Help4cms Whatsapp Share Button -------------------------------------------------------- */ function help4cms_whatsapp_share() { return '<a class="whatsapp-share help4cms-whatsapp-share" title="'.get_the_title().'" data-link="'.get_the_permalink().'">Share</a>'; } add_shortcode('whatsapp-share', 'help4cms_whatsapp_share');

Above code register a WhatsApp Share Button Shortcode [whatsapp-share].This WhatsApp Share Button Work On All Mobile Devices Having Whatsapp Installed.Just One touch sharing feature provides.This Shortcode Generate a WhatsApp Share Button that share current page Title and URL on WhatsApp Mobile Application. You can use this shortcode in post, page, custom post types, category etc. and also use php template file like as:

<?php do_shortcode('[whatsapp-share]'); ?>

1	<?php do_shortcode('[whatsapp-share]'); ?>