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>