Webflow ermöglicht es dir, visuell beeindruckende Websites zu erstellen und gleichzeitig die volle Kontrolle über das Design zu behalten. Indem du deinen Heyflow direkt in deine Webflow-Seiten einbettest, können Besucher:innen mit dem Flow interagieren, ohne die Seite zu verlassen, und so ein nahtloses und ansprechendes Erlebnis genießen.
🔎 Wenn du mehr über Website Einbettung und individuelle Anpassungen lernen möchtest, klicke hier.
❗ Probleme mit dem Einbetten? Schau dir unseren Troubleshooting-Guide an, um Lösungen für häufige Probleme zu finden und dein Embed erfolgreich einzurichten.
Einrichtung
Bevor wir beginnen, stelle sicher, dass du deinen Flow veröffentlichst, bevor du ihn in deine Webseite einbettest. Erst nachdem du deinen Flow veröffentlicht hast, wird das Skript generiert. Zum Einbetten unseres Heyflow müssen wir zwei Skripte einfügen. Das eine kommt in den Head-Bereich, das andere in den Body.
Schritt 1: Headcode einfügen
Fügen wir zunächst das Head-Skript ein. In Webflow kannst du entweder einen benutzerdefinierten Code in alle Seiten oder in eine bestimmte Seite einfügen. Mehr Informationen findest du hier.
So fügst du benutzerdefinierten Code in den <head>-Tag einer einzelnen Seite ein:
Öffne deine Website im Designer.
Öffne die Seiteneinstellungen für die Seite, auf der du deinen Code hinzufügen möchtest.
Füge deinen benutzerdefinierten Code in den Abschnitt Inside <head> tag unter Custom Code ein. Speichere deine Änderungen.
Schritt 2: Body-Code einfügen
Erstelle oder aktualisiere nun die Seite, auf der dein Heflow erscheinen soll.
Gehe zu einem Element der Sammlung.
Öffne die Optionen für Rich-Text-Felder.
Wähle benutzerdefinierten Code.
Füge hier deinen zweiten Einbettungscode von Heyflow ein:
Jetzt kommt nur noch das Speichern, Schließen und Veröffentlichen!
❗Hinweis: Benutzerdefinierter Code und Skripte werden nur auf der veröffentlichten Website angezeigt.