How to Add the Floating WhatsApp Button to Your Website | Scoreapps

How to Add the Floating WhatsApp Button to Your Website

Añadir el botón flotante de Whatsapp dentro de tu sitio Wordpress + Divi es muy sencillo:

Dentro del Escritorio ve a la sección del menú lateral izquierdo Divi > Opciones del tema > Integraciones



Una vez allí en el cuado de código <body> añade el siguiente código y sustituir el número de color azul por el teléfono de Whatsapps que desees:

Notes
<!-- Font Awesome CDN -->
<link rel="stylesheet"
 href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">

<!-- Botón flotante WhatsApp -->
<a href="https://wa.me/34123456789?text=Hola%20👋%20Quiero%20información"
class="wa-float"
target="_blank"
aria-label="Chatear por WhatsApp">
<i class="fa-brands fa-whatsapp"></i>
</a>

<style>
.wa-float{
  position:fixed;
  bottom:20px;
  right:20px;
  width:60px;
  height:60px;
  background:#25D366;
  color:#fff;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:30px;
  text-decoration:none;
  box-shadow:0 10px 25px rgba(0,0,0,.25);
  z-index:9999;
  transition:.2s;
}
.wa-float:hover{
  transform:scale(1.08);
}
</style>



Para finalizar haz clic en el botón "Guardar cambios"