Compartir contenido en Whatsapp usando jQuery.

Tutoriales

Demo Github

En esta oportunidad les quiero mostrar como compartir un enlance 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 boton html para poder compartir contenido:

Jquery-logo

 

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.

Newsletter

Suscríbete a Nuestro Boletín de Novedades:

(Luego de la suscripción no te va salir ningun mensaje. Solo revisa tu bandeja de Correo para confirmar tu suscripción)
* indicates required