Botón flotante de WhatsApp
Para obtener el enlace directo a la conversación del WhatsApp haz clic aquí.
El código que tienes que pegar en el pie de página es el siguiente.
<style>
/* Estilo para el botón de WhatsApp */
#whatsapp-container-desktop {
position: fixed;
bottom: 80px; /* Ajusta la distancia desde abajo según tu preferencia */
right: 80px; /* Ajusta la distancia desde la derecha según tu preferencia */
z-index: 999; /* Asegura que esté sobre otros elementos */
}
#whatsapp-button-desktop {
transition: transform 0.3s ease-in-out;
}
#whatsapp-button-desktop:hover {
transform: scale(1.1); /* Ajusta el valor según tu preferencia para el zoom */
}
#whatsapp-container-desktop:hover #whatsapp-tooltip-desktop {
visibility: visible;
opacity: 1;
}
</style>
<!-- WhatsApp -->
<div id="whatsapp-container-desktop">
<div id="whatsapp-button-desktop">
<a href="https://wa.link/pxmkp8" target="_blank">
<img src="https://d1yei2z3i6k35z.cloudfront.net/5679788/659ef92f1080f_whatsapp-64x64.png" alt="WhatsApp">
</a>
</div>
</div>