Saltar al contenido

ejemplo de código CSS del botón flotante de WhatsApp

Esta es la solución más completa que encomtrarás brindar, pero primero mírala pausadamente y valora si es compatible a tu proyecto.

Ejemplo 1: cómo agregar un ícono flotante de whatspp

<linkrel="stylesheet"href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"><ahref="https://api.whatsapp.com/send?
         phone=7310747066
         &text=Hola%information%."class="float"target="_blank"><iclass="fa fa-whatsapp my-float">i>a><style>.floatposition:fixed;width:60px;height:60px;bottom:40px;right:40px;background-color:#25d366;color:#FFF;border-radius:50px;text-align:center;font-size:30px;box-shadow:2px2px3px#999;z-index:100;.my-floatmargin-top:16px;style>

Ejemplo 2: botón flotante de whatsapp html

<scripttype="text/javascript"src="jquery-3.3.1.min.js">script><scripttype="text/javascript"src="floating-wpp.min.js">script><linkrel="stylesheet"href="floating-wpp.min.css">

Sección de Reseñas y Valoraciones

Si eres capaz, tienes la habilidad dejar un tutorial acerca de qué te ha parecido este ensayo.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *