Artículos / noticias

Botón flotante de WhatsApp en HTML y CSS

 

En este post agregaremos un botón de WhatsApp en nuestra página web de HTML

El primer paso es descargar los recursos en el botón verde, es el html y el css del botón, tenemos otro .css que son unos efectos para agregar más adelante.

Y una plantila HTML para hacer pruebas.

El enlace no tiene publicidad.

 

Ya teniendo descargado el Módulo procemos a agregar el style.css a la carpeta de estilos de nuestra página web, si ya contamos con un style.css, agregarle un 2 al nuevo que vamos a añadir, es decir style2.css.

 

Ahora vamos al index de del widget y copiamos el siguiente código:

y lo pegamos dentro del html de nuestra página web.

 

Si deseas aprender a personalizarlo te recomiendo ver este video:

 

 

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