How to add "Share on whatsapp" button on mobile website for iOS

javascript ios web-applications mobile-website whatsapp
Pavan Vamsi picture Pavan Vamsi · Feb 16, 2015 · Viewed 20.8k times · Source

Adding whatsapp share button on website, for iOS8. I am using the following:

<spanid="whatsapp_share_android">
    <a href="whatsapp://send?text={{my_meta.og_title.value}} - http://{{ request.get_host }}{{entity.url}}%3Futm_source=whatsapp%26utm_medium=referral" data-action="share/whatsapp/share" onmousedown="_paq.push(['trackEvent','Share on Whatsapp','Mobile','{{request.get_full_path}}']); ga('send', 'event','Share on Whatsapp','Mobile','{{request.get_full_path}}');ga('mobileTracker.send', 'event','Share on Whatsapp','Mobile','{{request.get_full_path}}');"><img src="{{ STATIC_URL }}images/whatsapp_icon.png" /></a>
</span>

It works on android but not on iOS

Answer

Patrick Rudolph picture Patrick Rudolph · Feb 19, 2015

According to the WhatsApp FAQ for app integration, your URL scheme should work:

I assume that everything within brackets in your sample code will be replaced by your app? Also there needs to be a space between the span tag and its id attribute.

How about if you try it with this simple example on both platforms:

<a href="whatsapp://send?text=Hello%20World!">Hello, world!</a>

Related questions

Force link to open in mobile safari from a web app with javascript

When calling window.open() in a iOS web app, the page opens in the web app instead of mobile safari. How can I force the webpage to open in mobile safari? Note: Using straight <a href> links is …

Read More
Prevent scroll bounce for the body element, but keep it for child elements in iOS

I've been working on a mobile webapp as of late. I'm optimizing mobile-first, focusing specifically on iOS for the iPhone right now. I don't want the precise look of a native app, but I think that the feeling of being …

Read More
How to open Safari from a WebApp in iOS 7

In previous versions of iOS, <a> tags would open Mobile Safari, and you had to intercept those to instead stay inside the webapp (an HTML page that has been saved to the home screen by the user). Starting …

Read More