Uso de Programas diseño Adobe

Crea tus propios botones fijos flotantes

Crea tus propios botones fijos flotantes en formato SVG.

Crea tus propios botones fijos flotantes, para WhatsApp y Facebook messenger, en formato SVG, utilizando adobe fireworks y fontcreator .

Colocar estos 2 enlaces de las imágenes SVG, al final de la etiqueta Body , observación al final no fuera de Body.
ejemplo:

<div class="btn-whatsapp"><a href="https://wa.me/51999xxxxxx?text=solicito%informacion"><img src="images/boton/buttons-whatsapp.svg" alt="Chat WhatsApp tu empresa" /></a></div>
<div class="btn-facebook"><a href="https://m.me/tucuenta-facebbok-messenger"><img src="images/boton/buttons-messenger.svg" alt="Messenger Facebook tu empresa" /></a></div></body>

También te dejo el codigo CSS para que lo agregues a tu hoja de estilos principal.

.btn-whatsapp {display:block; width:60px; height:60px; position: fixed; right:0px; bottom:20px; border-radius:50%; line-height:60px; text-align:center; z-index:9999; }

.btn-facebook {display:block; width:60px; height:60px; position: fixed; right:80px; bottom:60px; border-radius:50%; line-height:60px; text-align:center; z-index:9999; }

Deja una respuesta

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