{"id":132625,"date":"2014-10-06T08:00:50","date_gmt":"2014-10-06T12:00:50","guid":{"rendered":"http:\/\/premium.wpmudev.org\/blog\/?p=132625"},"modified":"2014-10-06T18:16:34","modified_gmt":"2014-10-06T22:16:34","slug":"add-whatsapp-to-wordpress","status":"publish","type":"post","link":"https:\/\/wpmudev.com\/blog\/add-whatsapp-to-wordpress\/","title":{"rendered":"Add WhatsApp To Your WordPress Website And Double Your Traffic"},"content":{"rendered":"<p>With mobile usage on the rise, ensuring your website is mobile-friendly is a no-brainer.<\/p>\n<p>According to<a href=\"http:\/\/www.smartinsights.com\/mobile-marketing\/mobile-marketing-analytics\/mobile-marketing-statistics\/\" target=\"_blank\">\u00a0Smart Insights<\/a>, mobile usage is overtaking fixed internet access, while\u00a091% of mobile internet users\u00a0go online\u00a0to socialize.<\/p>\n<p>So it&#8217;s no wonder smartphone apps like WhatsApp have taken off. WhatsApp is now the most globally popular messaging app with more than 600 million users.<\/p>\n<p>In today&#8217;s post we&#8217;ll look at how to integrate WhatsApp with your WordPress site to maximize engagement and make it easier for your visitors to share your content.<\/p>\n<figure id=\"attachment_132660\" class=\"wp-caption aligncenter\" data-caption=\"true\"><a rel=\"lightbox[132625]\" class=\"blog-thumbnail\" href=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2014\/10\/whatsapp.jpg\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"size-ratio-large wp-image-132660\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2014\/10\/whatsapp-700x192.jpg\" alt=\"WhatsApp\" width=\"700\" height=\"192\" \/><\/a><figcaption class=\"wp-caption-text\">Integrate WhatsApp with your website and maximize your shares on social networks.<\/figcaption><\/figure>\n<h2>What is WhatsApp and Why Should I Use it?<\/h2>\n<p>If you don&#8217;t already have WhatsApp installed on your smartphone, you probably will soon.<\/p>\n<p>WhatsApp is a cross-platform mobile messaging app, which allow you to exchange messages without having to pay for SMS.<\/p>\n<p>In addition to text messaging, the app lets users send each other images, video, and audio messages, as well as their location using integrated mapping features.<\/p>\n<p>Many sites have already begun displaying a WhatsApp button. The button allows visitors to quickly send or share an article with their friends in real time while they are reading the article.<\/p>\n<p>BuzzFeed was an early WhatsApp adopter and,\u00a0according to\u00a0<a href=\"http:\/\/recode.net\/2014\/02\/20\/before-facebook-deal-whatsapp-was-helping-buzzfeed-and-shazam-go-viral-with-new-platform-tools\/\" target=\"_blank\">conversations of\u00a0Re\/Code<\/a> with BuzzFeed President Jon Steinberg, the site&#8217;s shares on iOS devices doubled while shares on Twitter also great.<\/p>\n<p>\u201cEvery time we looked at WhatsApp\u2019s numbers, it blew us away,\u201d said Mr\u00a0Steinberg. \u201cWe knew last April this was a huge social network and have become increasingly obsessed with it.\u201d<\/p>\n<p>The difference between Twitter and WhatsApp is that WhatsApp sharing is private, i.e. it works as if you\u2019ve sent an email to a friend and it can make anything go viral if you\u2019ve got loyal and engaging readers.<\/p>\n<p>We&#8217;ve explored the potential of displaying a WhatsApp button to your device users. Let&#8217;s look at how to implement it.<\/p>\n<h2>WhatsApp with the Mobile ShareBar Plugin<\/h2>\n<p>Download and install the <a title=\"Mobile ShareBar plugin\" href=\"https:\/\/wordpress.org\/plugins\/mobile-sharebar\/\" rel=\"noopener\" target=\"_blank\">Mobile Share Bar plugin<\/a>, and then activate it.<\/p>\n<p>Go to <strong>Settings &gt; Mobile ShareBar<\/strong> to configure the plugin.<\/p>\n<div class=\"image-grid cgrid-row\">\n<div class=\"cgrid-col cgrid-col-span-full\"><a rel=\"lightbox[132625]\" class=\"blog-thumbnail\" href=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2014\/10\/add-whatsapp-button-to-wordpress-1.jpg\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-132627\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2014\/10\/add-whatsapp-button-to-wordpress-1.jpg\" alt=\"Mobile sharebar settings for whatsapp\" width=\"700\" height=\"637\" \/><\/a><\/div>\n<\/div>\n<p>The configuration is pretty simple. You can edit the sharing texts if you want but I recommend keeping them as they are. You can add your bit.ly credentials to automatically shorten URLs during sharing.<\/p>\n<p>Under the <strong>Display Settings<\/strong> option, you can select the position to\u00a0display, whether at\u00a0the top or bottom of the page and select which pages to show the buttons \u2013 front page, pages, posts, categories, etc.<\/p>\n<p>Under <strong>Troubleshooting and other Stuff<\/strong>, check the options \u201cDisplay Mobile ShareBar automatically\u201d and \u201cShow Everywhere\u201d.<\/p>\n<p>Finally, save the changes and clear your cache.<\/p>\n<p>The only limitation is \u00a0the WhatsApp button works only on iOS devices\u00a0for now.<\/p>\n<div class=\"image-grid cgrid-row\">\n<div class=\"cgrid-col cgrid-col-span-full\"><a rel=\"lightbox[132625]\" class=\"blog-thumbnail\" href=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2014\/10\/add-whatsapp-button-to-wordpress-2.png\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-132628\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2014\/10\/add-whatsapp-button-to-wordpress-2.png\" alt=\"WhatsApp button display\" width=\"670\" height=\"327\" \/><\/a><\/div>\n<\/div>\n<p>Now it\u2019s time to verify if the button is working, so open your website on an iOS device and check it out.<\/p>\n<h2>WhatsApp with the AddToAny Plugin<\/h2>\n<p>Download, install and activate the <a title=\"AddToAny\" href=\"https:\/\/wordpress.org\/plugins\/add-to-any\/\" rel=\"noopener\" target=\"_blank\">AddToAny plugin<\/a>.<\/p>\n<p>Go to <strong>Settings &gt; AddToAny<\/strong>\u00a0to configure the settings.<\/p>\n<div class=\"image-grid cgrid-row\">\n<div class=\"cgrid-col cgrid-col-span-full\"><a rel=\"lightbox[132625]\" class=\"blog-thumbnail\" href=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2014\/10\/add-whatsapp-button-to-wordpress-3.jpg\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-132629\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2014\/10\/add-whatsapp-button-to-wordpress-3.jpg\" alt=\"AddToAny WhatsApp settings\" width=\"700\" height=\"554\" \/><\/a><\/div>\n<\/div>\n<p>Select large or small icons as you need, and click &#8220;Add\/Remove Services&#8221; to add the buttons you want along with the defaults given for Facebook, Twitter and Google+.<\/p>\n<p>Scroll down a little and you\u2019ll find the WhatsApp service. Click on it to add WhatsApp\u00a0and configure the display options according to where you want\u00a0the button to\u00a0display \u2013 at the bottom or top of the page.<\/p>\n<p>There is also an option to use a floating social sharing bar at the side of your page that displays as you scroll down the article.<\/p>\n<p>You can also use custom icons to suit the design of your website.<\/p>\n<p>Finally, save the changes and check from your iOS device to see if the\u00a0WhatsApp button is working.<\/p>\n<p>What I like most about AddToAny is that it integrates with Google Analytics so you can\u00a0track the amount of traffic you\u2019re receiving from sharing analytics.<\/p>\n<p><strong>Have you integrated WhatsApp with your WordPress site? Let us know in the comments below.<\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"<p>With mobile usage on the rise, ensuring your website is mobile-friendly is a no-brainer. According to\u00a0Smart Insights, mobile usage is overtaking fixed internet access, while\u00a091% of mobile internet users\u00a0go online\u00a0to socialize. So it&#8217;s no wonder smartphone apps like WhatsApp have taken off. WhatsApp is now the most globally popular messaging app with more than 600 [&hellip;]<\/p>\n","protected":false},"author":344329,"featured_media":132660,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"blog_reading_time":"","wds_primary_category":0,"wds_primary_tutorials_categories":0,"footnotes":""},"categories":[4,263],"tags":[982],"tutorials_categories":[],"class_list":["post-132625","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-plugins","category-tutorials","tag-social-media"],"_links":{"self":[{"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/posts\/132625","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/users\/344329"}],"replies":[{"embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/comments?post=132625"}],"version-history":[{"count":1,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/posts\/132625\/revisions"}],"predecessor-version":[{"id":200017,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/posts\/132625\/revisions\/200017"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/media\/132660"}],"wp:attachment":[{"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/media?parent=132625"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/categories?post=132625"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/tags?post=132625"},{"taxonomy":"tutorials_categories","embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/tutorials_categories?post=132625"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}