WAButton

Benutzerdefinierter Webflow-Code

WhatsApp-Button für Webflow

Fügen Sie Webflow in Minuten ein WhatsApp-Chat-Widget hinzu. Qualifizieren Sie Besucher, leiten Sie Gespräche weiter und halten Sie Ihr Theme schnell.

Meinen Button kostenlos erstellen

Einrichtung in 2 Min. Ziel: Project Settings -> Custom Code -> Footer Code

Schritt-für-Schritt-Installation für Webflow

Folgen Sie diesen Schritten, um WAButton in Ihre Webflow-Website einzubetten. Keine komplexe Entwicklung, keine App-Gebühren.

  1. 1

    Die Webflow Project Settings öffnen

    Öffnen Sie Ihr Projekt in Webflow. Gehen Sie zu Project Settings -> Custom Code.

    Tipp: Auf Wunsch können Sie Custom Code auch in den Seiteneinstellungen von Webflow nur bestimmten einzelnen Seiten hinzufügen.

  2. 2

    In Footer Code einfügen

    Scrollen Sie zu "Footer Code" (Before </body> tag) und fügen Sie Ihr Snippet ein.

    Tipp: WAButton beschränkt seine Styles auf Klassennamen mit dem Präfix wabutton-, sodass Ihre Webflow-Klassennamen und Ihr CSS-Grid unverändert bleiben. 

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

    Website veröffentlichen

    Klicken Sie auf Save Changes und anschließend auf Publish, um auf Ihrer eigenen Domain zu veröffentlichen.

    Tipp: Veröffentlichen Sie sowohl auf der Staging-Domain als auch auf der Produktiv-Domain, um vor der Freigabe durch den Kunden zu testen.

Warum Shop-Betreiber und Agenturen WAButton für Webflow wählen

Designer-Ästhetik

Elegante Typografie, dezente Schlagschatten und detailgenaue Mikro-Interaktionen.

Kundenübergabe für Agenturen

Teilen Sie vor der Veröffentlichung interaktive Live-Vorschauen des Widgets mit Ihren Kunden.

Lässt Ihre Klassen unberührt

Styles sind auf Klassennamen mit dem Präfix wabutton- beschränkt, und der Starter ist fest positioniert, sodass Ihre Webflow-Klassen und Ihr Layout unverändert bleiben.

Häufige Fragen

Beeinträchtigen die Styles von WAButton meine Webflow-CSS-Klassen?

Nein. WAButton beschränkt seine Styles auf eigene Klassennamen mit dem Präfix wabutton-, sodass sie Ihre Webflow-Klassen nicht berühren.

Passende kostenlose Tools

Kostenlose WhatsApp-Tools zur Steigerung der Shop-Conversion.

Weitere Installationsanleitungen

Die Besucher haben Sie schon. Machen Sie ihnen .

Mehr Besucher auf Ihre Website zu holen kostet Zeit und Geld. Ein WhatsApp-Button hilft Ihnen, mehr von denen zu gewinnen, die schon vorbeischauen, solange sie noch interessiert sind.

Meinen Button kostenlos erstellen Live-Builder ausprobieren

Eine Codezeile. Keine Kreditkarte. Kein Warten.