Compartir contenido en Whatsapp usando jQuery 2 (Solo Móviles)

2 minuto(s)

Demo Github

En esta oportunidad les quiero mostrar como compartir un enlace por Whatsapp mediante uno de los mejores frameworks de javascript (jQuery).

NOTA: Para ver la demo, necesitas abrirla desde tu dispositivo móvil que cuente con la aplicación Whatsapp instalada.

estilos.css

Creamos los estilos CSS para nuestro contenido:


Listo con eso le damos los estilos a nuestro botón compartir Whatsapp ydemás contenidos.

Ahora necesitamos un botón html para poder compartir contenido:


Y también agregamos nuestra la función jquery para Compartir en diferentes dispositivos móviles:


Como verán estoy usando la función encodeURIComponent() la cual codifica un componente URI. Esta función codifica caracteres especiales. Por ejemplo, codifica los siguientes caracteres:, /? : @ & = + $ #
Listo ya hemos terminado !

NOTA: Repito de nuevo que  para ver la demo, necesitas abrirla desde tu Celular que cuente con la aplicación Whatsapp instalada.

Puedes ver la DEMO .

Puedes descargar el código alojado en nuestro repositorio Github

Sigueme en Twitter: @pepoflex
Espero les sirva de mucho este tutorial.