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:
<!-- 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"
Popular Articles
How to Create an App for Restaurants (with or without Delivery)
Text Enter First Steps Once inside the platform, from the main dashboard you will find a series of icons on the left hand side menu. Just click on 'Apps'. Then click on 'Create App' and give it a name. Then you'll get to a screen where you choose the ...APPS: Radio
The function of Radio allows the addition of radio broadcast within its application. In addition to this function To add this function to your application go to step "Functions" and click on the icon "Radio": Once added you must name this new ...APPS: Webhooks
The advanced Webhooks feature lets you connect certain events that occur in your App by sending them to a URL called Webhook. You can use a free Webhooks service as Zapier to create automations that can help you with your App business. For example, ...APPS: Audio & Music
How to add this feature To add this feature to your application go to step "FUNCTIONS" and click on the " iconAudio": Then give this new section of the application a name. Then click on the + icon to add a new Playlist Then add a title and an image ...QR Promotions
This function would allow you to create discount coupons that would be unlocked by scanning a specific QR code. Once unlocked, the customer can use the discount whenever they want. The coupon would not appear in the application until the user has ...
Related Articles
The Divi Button Module
Cómo agregar, configurar y personalizar el módulo de botón de Divi. &amp;lt;br&amp;gt; El módulo de botón de Divi es versátil y se puede usar en todo tu sitio web. Crea estilos divertidos al pasar el cursor, usa íconos personalizados y guía a ...The Divi Woo Add to Cart Module
Cómo agregar, configurar y personalizar el módulo Añadir al Carrito de Producto de Divi Woo. El Módulo Divi Woo Producto Añadir al Carrito añade la funcionalidad de agregar productos al carrito en cualquier parte de tu sitio web. Recomendamos usarlo ...How to Add Users to My Website
Steps to follow: Enter theWordPress Desktopwith your Administrator account. Go to the side menu →Users → Add new. Fill in the fields: Username(mandatory). Email(mandatory). Name/Surname(optional). Password(you can generate it automatically.) Check ...How to Customize Your Website Domain
Before customizing the domain of your website, you must set up your own SMTP server for the proper functioning of sending emails by following the steps indicated in our article:Configuring SMTP for each website Otherwise system emails will never ...SMTP Setup for Each Website
# SMTP configuration for each sub-site in Scoreapps At Scoreapps we use a **WordPress Multisite** installation to host our customers' applications and websites under the same environment. This allows us to have their own independent sub-site with ...