Agregar Boton de Whatsapp 
Autor: Bruno Federico C.
Visitado 1348,
Followers 1,
Compartido 0
hola, ¿es posible agregar un boton de whatsapp, con el grafico o imagen del logo (o similar), y, que ésta envie un mensaje directo?. ¿que a su vez permita mas funciones, como facebook o skype?.
Publicado en
Buenas tardes Bruno
No se si es lo que estas buscando pero entiendo que quieres incluir en tu web un acceso con logo de whats y un numero determinado.
Debes insertar un objeto HTML en la pagina donde quieres que se visualice en cualquier seccion de la pagina.
En ese objeto pega el siguiente codigo y poner donde figura el 555555555 tu numero de telefono
<style type="text/css">.redes-flotantes {
position: fixed;
right: 8px;
top: 85%;
z-index: 20;
}
.redes-flotantes img {
float: right; clear: right;
margin: 5px;
-moz-transform: scale(.8) ;
-webkit-transform: scale(.8) ;
-o-transform: scale(.8) ;
-ms-transform: scale(.8) ;
transform: scale(.8) ;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.redes-flotantes img:hover {
-moz-transform: scale(1.1) rotate(6deg);
-webkit-transform: scale(1.1) rotate(6deg);
-o-transform: scale(1.1) rotate(6deg);
-ms-transform: scale(1.1) rotate(6deg);
transform: scale(1.1) rotate(6deg);
}</style>
<div class='redes-flotantes'>
<div class="separator" style="clear: both; text-align: left;"></div>
<div class="separator" style="clear: both; text-align: center;"></div>
<div class="separator" style="clear: both; text-align: center;"></div>
<div class="separator" style="clear: both; text-align: left;">
<a href="http://wa.me/555555555" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;" target="_blank"><img border="0" data-original-height="59" data-original-width="59" src="https://1.bp.blogspot.com/-q3Dot9N2qac/XOQgr9etVpI/AAAAAAABT1M/6V4Bqaqr-6UQcl9Fy2_CaVgex0N_OYuQgCLcBGAs/s1600/whatsapp%2Bicono.png" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div></div>
Saludos
<a href="http://wa.me/555555555" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;" target="_blank"><img border="0" data-original-height="59" data-original-width="59" src="https://1.bp.blogspot.com/-q3Dot9N2qac/XOQgr9etVpI/AAAAAAABT1M/6V4Bqaqr-6UQcl9Fy2_CaVgex0N_OYuQgCLcBGAs/s1600/whatsapp%2Bicono.png" /></a>
Hola, les aconsejo no poner un link a un servidor que no controlan, si por algun motivo ese servidor deja de tener la imagen del logo de Whats ustedes quedan sin el botón..
Yo lo he colocado en mi servidor, se que puedo controlarlo y no dependo de servidores externos.
Una simple opinión..
Saludos colegas!!
Autor
gracias por sus respuestas. fueron muy utiles.
+1 al consejo de Rubens... es tal cual... en lo posible nunca dependan de imagenes en servidores de terceros, la descargan, la agregan al proyecto como archivo externo y listo. O directamente la suben manualmente a su servidor y la llaman mediante un link y listo.
Saludos colegas!!!
Carlos A.