Saltar al contenido

Ariapsa - Diseño de páginas web México

Código html para insertar boton flotante de WhatsApp

Inserta en tu contenido entre etiquetas body:

Reemplaza 525515102020 por tu numero y lada según el país ejemplo México: 52 mas el numero 5515102020

Reemplaza Hola%20este%20es%20mi%20mensaje por un mensaje personalizado cada palabra separado por %20

También puedes reemplazar la imagen: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGzDu3AjlrOBp-IHAFZogmj9HSdBUIyMy2peUSlS3YQjNE7asoBB84WKMZYjOE45ZSh1sqQ9QhHs-LtgpuKUIfuda1aA4Oz0IJFDcRPtsFPJMD5D4roMdHFvh6j7BitQOrvMuJCnbUz0XHNwAucWrtYZjOrhGsRl-wyqHS4yJ8_lJzsHt3c3Vxrbwd8uQ/s1600/whatsapp%20(1).png

 

<a href="https://wa.me/525515102020?text=Hola%20este%20es%20mi%20mensaje"
class="float"
style="
position: fixed;
width: 50px;
height: 50px;
bottom: 70px;
right: 120px;
color: #fff;
border-radius: 50px;
text-align: center;
cursor: pointer;
box-shadow: 2px 2px 3px #999;
"
>
<img
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGzDu3AjlrOBp-IHAFZogmj9HSdBUIyMy2peUSlS3YQjNE7asoBB84WKMZYjOE45ZSh1sqQ9QhHs-LtgpuKUIfuda1aA4Oz0IJFDcRPtsFPJMD5D4roMdHFvh6j7BitQOrvMuJCnbUz0XHNwAucWrtYZjOrhGsRl-wyqHS4yJ8_lJzsHt3c3Vxrbwd8uQ/s1600/whatsapp%20(1).png"
alt=""
height="60px"
width="60px"
/>
</a>

 

¿Cómo crear un formulario de pedido de WhatsApp en html para mi sitio web?

QR Code
¡Enfoca el QR con tu cámara de fotos!