Fix whatsapp share on mobile devices

ellisonleao · Jan 24, 2022 · 4f3e58a · 4f3e58a
1 parent 771f62c
commit 4f3e58a
Show file tree

Hide file tree

Showing 5 changed files with 8 additions and 25 deletions.
diff --git a/.github/workflows/npmpublish.yml b/.github/workflows/npmpublish.yml
diff --git a/docs/index.html b/docs/index.html
@@ -218,7 +218,10 @@ <h2>
         </ul>
         <p>Example:</p>
 
-        <button class="button" data-sharer="whatsapp" data-title="Checkout Sharer.js!" data-url="https://ellisonleao.github.io/sharer.js/">Share on Whatsapp</button>
+        <button class="button" data-sharer="whatsapp" data-web=true data-link=true data-blank=true data-title="Checkout Sharer.js!" data-url="https://ellisonleao.github.io/sharer.js/">Share on Whatsapp Web</button>
+        <br/>
+        <button class="button" data-sharer="whatsapp" data-link=true data-blank=true data-title="Checkout Sharer.js!" data-url="https://ellisonleao.github.io/sharer.js/">Share on Whatsapp</button>
+
       </div>
 
       <div class="component">

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "sharer.js",
-  "version": "0.5.0",
+  "version": "0.5.1",
   "description": "Create your own social share buttons. No Jquery.",
   "main": "sharer.js",
   "repository": {

diff --git a/sharer.js b/sharer.js
@@ -3,7 +3,7 @@
  * Sharer.js
  *
  * @description Create your own social share buttons
- * @version 0.5.0
+ * @version 0.5.1
  * @author Ellison Leao <ellisonleao@gmail.com>
  * @license MIT
  *
@@ -104,7 +104,7 @@
             },
           },
           whatsapp: {
-            shareUrl: this.getValue('web') === 'true' ? 'https://web.whatsapp.com/send' : 'https://api.whatsapp.com/',
+            shareUrl: this.getValue('web') === 'true' ? 'https://web.whatsapp.com/send' : 'https://wa.me/',
             params: {
               phone: this.getValue('to'),
               text: this.getValue('title') + ' ' + this.getValue('url'),

diff --git a/sharer.min.js b/sharer.min.js