miércoles, marzo 24, 2021

Botón Flotante de WhatsApp en HTML5 y CSS - descargar

Dentro de los recursos que se necesita para una web es importante crear un botón flotante de whatsapp, es muy fácil la estructura en html y css para el desarrollo del botón, aquí dejo un archivo en zip que contiene al html y css para que increstes este botón en tu proyecto web.

Solo tines que copiar las líneas de html, pegar en tu proyecto web de preferencia antes del body y de los scripts; y copiar el archivo whatsapp-boton.css y enlazar con link a tu proyecto web, eso es todo.

Dar click aquí y puedes descargar el archivo zip.

DESCARGAR

Líneas código html

<link rel="stylesheet" href="whatsapp-boton.css">

<!-- Botón flotante Whatsapp -->

<a href="https://api.whatsapp.com/send?phone=593994193833&text=Hola!%20Quiero%20conocer%20más%20de%20sus%20servicios" class="float" target="_blank">

<i class="fab fa-whatsapp my-float"></i>

</a>

<!-- Scripts Fonts awesome -->

<script src="https://use.fontawesome.com/releases/v5.15.3/js/all.js" data-auto-replace-svg="nest"></script>