WAButton

Webflow Approved

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. 1

    Open Webflow Project Settings

    Open your project in Webflow. Go to Project Settings -> Custom Code.

    Consejo: You can also add custom code to specific individual pages in Webflow page settings if desired.

  2. 2

    Paste in Footer Code

    Scroll to "Footer Code" (Before </body> tag) and paste your snippet.

    Consejo: WAButton uses Shadow DOM encapsulation so your Webflow class names and CSS grid remain intact.

    <script src="https://widget.wabutton.app/v1.js" data-widget-id="YOUR_WIDGET_ID" async></script>
  3. 3

    Publish Site

    Click Save Changes, then hit Publish to publish to your custom domain.

    Consejo: Publish to both the staging domain and production domain to test before client sign-off.

Por qué dueños de tiendas y agencias eligen WAButton para Webflow

Designer Aesthetic

Sleek typography, subtle drop shadows, and high-fidelity micro-interactions.

Agency Client Handoff

Share interactive live widget previews with clients before deploying.

Zero Layout Shift

Floating shadow DOM architecture prevents style bleed into your Webflow classes.

Preguntas frecuentes

Will WAButton styles interfere with my Webflow CSS classes?

No. WAButton is encapsulated in its own isolated namespace and shadow-root architecture, so your Webflow styles remain completely pristine.

Las conversaciones de mañana ya están visitando tu web hoy.

La oportunidad no es solo conseguir más visitantes. Es conectar con los que ya tienes, antes de que se enfríe su interés.

Una línea de código. Sin tarjeta de crédito. Sin esperas.