Código personalizado de Webflow
Botón de WhatsApp para Webflow
Añade un widget de chat de WhatsApp a Webflow en minutos. Cualifica visitantes, enruta conversaciones y mantén tu tema rápido.
Configuración en 2 min Destino: Project Settings -> Custom Code -> Footer Code
Instalación paso a paso para Webflow
Sigue estos pasos para incrustar WAButton en tu sitio Webflow. Sin desarrollo complejo ni cuotas de app.
- 1
Abre Project Settings en Webflow
Abre tu proyecto en Webflow. Ve a Project Settings -> Custom Code.
Consejo: Si lo prefieres, también puedes añadir código personalizado a páginas concretas desde los ajustes de página de Webflow.
- 2
Pega en Footer Code
Desplázate hasta "Footer Code" (Before </body> tag) y pega tu snippet.
Consejo: WAButton acota sus estilos a nombres de clase con el prefijo wabutton-, así que los nombres de clase de Webflow y tu CSS grid quedan intactos.
<script src="https://widget.wabutton.app/v1.js" data-widget-id="YOUR_WIDGET_ID" async></script> - 3
Publica el sitio
Haz clic en Save Changes y, después, en Publish para publicar en tu dominio personalizado.
Consejo: Publica tanto en el dominio de staging como en el de producción para probarlo antes de que el cliente dé su visto bueno.
Por qué dueños de tiendas y agencias eligen WAButton para Webflow
Estética de diseñador
Tipografía elegante, sombras suaves y microinteracciones de alta fidelidad.
Entrega a clientes de agencia
Comparte con tus clientes vistas previas interactivas del widget en vivo antes de publicarlo.
No toca tus clases
Los estilos están acotados a nombres de clase con el prefijo wabutton- y el lanzador tiene posición fija, así que tus clases de Webflow y tu diseño quedan como están.
Preguntas frecuentes
¿Los estilos de WAButton interferirán con mis clases CSS de Webflow?
- No. WAButton acota sus estilos a sus propios nombres de clase con el prefijo wabutton-, así que no tocan tus clases de Webflow.
Herramientas gratuitas relacionadas
Utilidades gratuitas de WhatsApp para impulsar la conversión de tu tienda.
Más guías de instalación
- Ver guía de instalación2 min
Wix
Wix y Wix Studio
Añade un widget de chat de WhatsApp a Wix en minutos.
- Ver guía de instalación2 min
Squarespace
Squarespace 7.1 y 7.0
Añade un widget de chat de WhatsApp a Squarespace en minutos.
- Ver guía de instalación2 min
WordPress
WordPress 6+ y todos los temas
Añade un widget de chat de WhatsApp a WordPress en minutos.
Ya tienes los visitantes. Dales una forma fácil de preguntar.
Conseguir más tráfico cuesta tiempo y dinero. Un botón de WhatsApp te ayuda a ganarte a más de las personas que ya te visitan, mientras siguen interesadas.
Una línea de código. Sin tarjeta de crédito. Sin esperas.