Webflow Button-Widget
Erstellen Sie Ihr Button-Widget
Warum Nutzer Elfsight lieben.
Wäre es nicht großartig, wenn Ihre Besucher immer wüssten, wo sie als Nächstes klicken sollen? Das Elfsight Button Widget macht das einfach. Ob Sie zu einem Produkt verlinken, ein Formular auslösen, eine Datei öffnen oder Benutzer zu einem Sonderangebot führen möchten – dieses Widget hilft Ihnen, in wenigen Minuten auffällige Buttons zu erstellen.
Ohne Code – kein Layout-Chaos. Nur klares, responsives Design, das perfekt zu Ihrem Webflow-Projekt passt. Platzieren Sie es überall auf Ihrer Seite, gestalten Sie es nach Belieben und verbinden Sie es mit jeder Aktion, die für Ihr Geschäft zählt.
Wussten Sie schon?
Laut Marktforschung erzeugen Buttons bis zu 45% mehr Klicks als herkömmliche Textlinks.
Verwandeln Sie mehr Besucher in Kunden mit dem Elfsight-Button – kostenlos starten und in nur wenigen Minuten einrichten.
Kernfunktionen des Webflow-Button-Widgets
Elfsight macht Ihre Website benutzerfreundlicher und anklickbarer. So nutzen Sie es:
- Flexibles Design: Wählen Sie aus unzähligen Farben, Schriftarten, Formen und Hover-Effekten, um Ihr Branding perfekt zu treffen.
- Individuelle Aktionen: Verlinken Sie zu einer Seite, eine E-Mail senden oder einen Chat starten – Sie entscheiden, was passiert, wenn Nutzer klicken.
- Schwebende und Inline-Layouts: Platziere es innerhalb deines Inhalts oder lasse es am Bildschirm schweben, damit es ständig sichtbar bleibt.
- Responsives Design: Funktioniert direkt auf allen Geräten – Desktop, Tablet und Mobil – sofort einsatzbereit.
- Icon-Unterstützung: Fügen Sie Ihren Buttons Icons hinzu für sofortige Erkennung und eine polierte, moderne Optik.
- Schnelle Installation: Fügen Sie es in Minuten zu Ihrer Webflow-Website hinzu – keine technische Einrichtung oder zusätzliche Plugins erforderlich.
Probiere alle Funktionen im Live-Editor aus – keine Registrierung nötig.
Wie fügt man den Button zu Webflow hinzu?
Das Einbetten Ihres Buttons in Webflow dauert mit Elfsight nur wenige Momente. So geht’s Schritt für Schritt.
Methode 1: Inline-Schaltfläche
Am besten geeignet für Buttons, die direkt im Seiteninhalt angezeigt werden sollen.
- Öffne den Elfsight Editor: Wähle eine Vorlage aus und passe sie an.
- Design festlegen: Wähle Text, Farbe, Symbol und die Aktion, die der Button ausführen soll.
- Code erhalten: Klicken Sie auf „Kostenlos zur Website hinzufügen“ und kopieren Sie den Einbettungscode.
- Einbetten in Webflow: Öffnen Sie den Webflow-Designer, ziehen Sie ein Embed-Element in den gewünschten Abschnitt und fügen Sie den Code ein.
Methode 2: Schwebender Button
Perfekt, wenn Sie eine Schaltfläche benötigen, die beim Scrollen sichtbar bleibt.
- Layout auswählen: Wählen Sie eine schwebende Option im Elfsight-Editor.
- Anpassen: Position, Stil und Aktion – zum Beispiel Chat öffnen oder zu einem Formular verlinken.
- Kopiere den Einbettungscode: Klicke auf „Kostenlos zur Website hinzufügen“.
- In Webflow einfügen: Gehe zu deinen Projekteinstellungen, öffne „Custom Code“ und füge das Snippet vor dem schließenden
</body>-Tag ein.
Brauchen Sie Hilfe? Besuchen Sie unser Help Center oder lesen Sie unseren Blog für weitere Tipps, z. B. wie Sie einen Button zu Ihrer Website hinzufügen. Sie können auch Ihre Ideen in unserer Wunschliste teilen oder Updates im Changelog verfolgen.