Crear bóton compartir via Whatsapp con Web Desiner 10

Carlos escrito el 09.12.PM a las 18:37 horas

 

 Abre Web Designer 10 

 

1  Selecciona las variantes móvil.

 

 Inserta  este código como marcador de lugar en body en la zona deseada.

<a href="whatsapp://send" data-text="Echa un vistazo a este sitio web impresionante:" data-href="" class="wa_btn wa_btn_l" style="display:none">Compartir</a>

 

 

3 Descarga la última versión este archivo en zip 

url de descarga : https://github.com/kriskbx/whatsapp-sharing/releases/tag/v1.2.2

Descomprime el archivo zip

Busca el archivo whatsapp-button.js dentro de la carpeta dist

 

Inserta el archivo en la raíz del servidor junto con las páginas donde vaya el botón

 

 

 4 Inserta este código en body de la página donde vaya el botón y modifica la url (rojo) donde de aloja el archivo whatsapp-button.js

<script type="text/javascript">if(typeof wabtn4fg==="undefined"){wabtn4fg=1;h=document.head||document.getElementsByTagName("head")[0],s=document.createElement("script");s.type="text/javascript";s.src="la-url/whatsapp-button.js";h.appendChild(s);}</script>

Funciona tanto en Android como Iphone

Puedes verlo aquí 

http://www.picomartillo.magix.net/public/zona4/#xl_xr_page_index

El bóton solo aparece en dispositivos móviles compatibles

Comentarios

Conjuntada escrito el 24.12.AM a las 03:28 horas

Un comentario muy útil. Muchas gracias.

Jos-Cigarrn escrito el 13.02.PM a las 19:08 horas

Gracias.. ¿con qué móviles es compatible?

 

Carlos escrito el 14.02.AM a las 08:01 horas

Supongo que todos los que tengan acceso a internet