Boton whatsapp

Boton para compartir en whatsapp.

Generador de boton whatsapp.

Debido a gran crecimiento de las redes sociales, por una necesidad, se ha creado el boton whatsapp. De hecho la nueva tendencia indica que de los millones de usuarios de facebook y twitter casi nadie utiliza los botones web.
La mayor parte de los usuarios prefiere utilizar las apps directamente. Fe hecho segin estadisticas revrladas en la web; ya casi nadie hace comentarios en blogs a no ser que solicite ayuda por algun tema. Pero desde el año 2000 para el 2014 se perdio toda interelacion con los usuarios de sitiosweb.
No obstante, como anunciamos, se creo el boton whatsapp y como "todo lo nuevo brilla" la gente lo esta utilizando freneticamente.

Por ahora solo esta optimizado para IOS pero pronto llegaran mas actualizaciones.
Asi que si quieres poner un boton whatsapp en tu blog (por ahora es para usuarios con server)

Ve a Whasapp-sharing y diseña el tuyo a tu gusto y necesidad.

Como configuras el boton whatsapp.

* Puedes elegir el tamaño de boton:
- Pequeño
- Mediano
- Grande

* Puede elegir el texto del boton:

Por defecto esta escrito share, pero elige el texto que necesites.

* Puedes elegir el texto a compartir:

Por defecto esta escrito " Take a look at this awesome website: " o en Español: Echa un vistazo a este sitioweb impresionante: ".
Tu puedes poner lo que a ti te guste.

* La Url:

Solo se ve http://
Y a partir de ahi, tienes 2 opciones:

Url personalizada y Url de la pagina actual. Para que el usuario elija lo que desea.

Si ya configurastes todas las opciones; ahora puedes obtenes el codigo del boton.
Coloca el boton donde desees que se muestre.

Este seria el codigo configurado para las necesidades de Gadgetts4Blogger


<a href="whatsapp://send" data-text="Take a look at this awesome website:" data-href="http://gadgetts4blogger.blogspot.com" class="wa_btn wa_btn_m" style="display:none">Share</a>

Pero tu puedes o modificar este codigo y ponerle tu Url o ir al sitio y configurar el tuyo, tu mismo.

Descargar el codigo fuente del boton whatsapp.

Tambien tienes la opcion de descargar el codigo fuente y subirlo a tu servidor. Si quires subirlo, dale click a "descargar".

¿Como haremos para configurar el boton si subimos los archivos al servidor?

Para ello, Descargue la version, extraer el archivo y cargar los WhatsApp-button.js ubicados en dist / en algún lugar de su servidor web.

Ahora vamos a integrar el codigo fuente del boton whasapp en tu sitioweb.

Para ello, incluya el archivo JavaScript descargado justo antes del final de </ body> y sustituya la

url/a/su/botón /WhatsApp-button.js

Por la url  del archivo subido:

<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="url/to/your/button/whatsapp-button.js";h.appendChild(s);}</script>


Nada mas, espero que te haya  gustado esta entrada. Si es asi podrias darnos un Like.
Te invito a comentar y ver las demas entradas.