ejemplo de código codepen de botón flotante de whatsapp

Si hallas alguna incompatibilidad con tu código o trabajo, recuerda probar siempre en un entorno de testing antes aplicar el código al trabajo final.

Ejemplo 1: cómo agregar un icono flotante de whatspp

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"><a href="https://api.whatsapp.com/send?
         phone=7310747066&text=Hola%information%."
   		 class="float" target="_blank"><i class="fa fa-whatsapp my-float"></i></a><!-- CSS --><style>.float
	position: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:2px 2px 3px #999;
  z-index:100;.my-float
	margin-top:16px;</style>

Ejemplo 2: botón flotante de whatsapp html

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

Recuerda que puedes difundir este escrito si te fue útil.

---

---

Utiliza Nuestro Buscador