Boton flotante de whatsapp
Auteur : Victor G - M X
Visité 1989,
Followers 1,
Partagé 0
ALguien sabe como puedo poner un boton flotante de whatsapp ??
Posté le
ALguien sabe como puedo poner un boton flotante de whatsapp ??
https://codecanyon.net/item/whatschatwhatsapp-chat-widget-jquery-plugin/24533747
Ahi tienes de todos los colores y sabores... es decir solo debes elegir que tipo de boton y simplemente pones el codigo en incomedia y listo.
Yo lo tengo es excelente.
Buen dia colegas, acá tiene algo que puede ayudar. solo reemplaza los datos y listo. saludos!
<style type="text/css">.redes-flotantes {
position: fixed;
right: 8px;
top: 75%;
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/593999330127" 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;">
<a href="https://m.me/ecuapromo" 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://3.bp.blogspot.com/-SK4W7Kmjoh8/XOQj5wjwERI/AAAAAAABT1g/2i3wxgGTwdU8v67F1rMOAe3ooWu9f2fEACLcBGAs/s1600/facebook%2Bmessenger%2Bicono.png" /></a></div></div>
La fuente: https://www.seoysocialmedia.com/2019/05/como-colocar-los-iconos-flotantes-de.html
La mejor opción es usar el objeto Mobile Contact ademas de servirte para WhatsApp, tambien para llamar, Telegram y enviar correos.
https://market.websitex5.com/es/objetos/vista-previa/28faeb70-63d3-4214-bd05-3bee5e4739c
Auteur
BUENISIMAS LAS 2 OPCIONES !!!
Auteur
GRACIAS, ya lo compre donde pones el codigo ??