Artículos / noticias

Botón flotante de WhatsApp en HTML

Aprende a poner un botón de whatsapp en tu página creada con código HTML y CSS, el módulo ya esta listo par agregar y poner el código del botón solo descarga los recursos y acomodalos en tu sitio web.

Después de descargar los recursos, es necesario revisar que cuentas con un documento html que es el icono y función del botón de whatsapp y un CSS que son los estilos del botón flotante, colores y posiciones. ¿Ya cuentas con los archivos?. Perfecto ahora si iniciemos.

1.- Vamos a ubicarnos con el index.html de nuestro botón de whatsapp, abrelo y copia todo el código y muevelo al index.html de tu página.

2.- Los archivos CSS, cámbialo de nombre por ejemplo whatsapp.css y muevelo a tu carpeta donde tengas los estilos

3.-Vuelve a tu documento .html y abre una referencia buscando tu archivo whatsapp.css.

Listo, el módulo ya tiene que estar activo, si el botón de whatsapp aparece en la parte superior en color gris, es por que no esta agarrando los estilos.

https://www.youtube.com/watch?v=dL6K3UjWgDA
icono

VisualMex

Contamos con más de 5 años de experiencia y una sola misión: cumplir con las expectativas del cliente en tiempo y forma.

¿Te gustaría tener una página web pero no sabes por dónde empezar?

Nuestro equipo está listo para asesorarte y acompañarte en todo el proceso.

Experiencia

Conoce nuestro trabajo

Da clic aquí mismo

Testimonios

Da clic aquí mismo