Zum Hauptinhalt springen
Webflow Einbettung

Dieser Artikel zeigt dir, wie du deinen Heyflow auf einer von Webflow erstellten und gehosteten Website einbetten kannst.

Heyflow avatar
Verfasst von Heyflow
Vor über 4 Monaten aktualisiert

Du hast eine Webflow Webseite eingerichtet und möchtest nun dein Heyflow integrieren. Ganz einfach. Folge nur diesen wenigen Schritten.

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

🔎 Wenn du mehr über Website Einbettung und individuelle Anpassungen lernen möchtest, klicke hier.


Einrichtung

Befolge diese Schritte, um deinen Heyflow in deine Webflow-Website einzubetten. Um unseren Heyflow einzubinden, musst du zwei Skripte einfügen. Das eine kommt in den Kopfbereich, das andere in den Hauptteil.

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:

  1. Öffne deine Website im Designer.

  2. Öffne die Seiteneinstellungen für die Seite, auf der du deinen Code hinzufügen möchtest.

  3. Füge deinen benutzerdefinierten Code in den Abschnitt Inside <head> tag unter Custom code ein.

  4. Speichere deine Änderungen.

Schritt 2: Body-Code einfügen

Erstelle oder aktualisiere nun die Seite, auf der dein Heflow erscheinen soll.

  1. Gehe zu einem Element der Sammlung.

  2. Öffne die Optionen für Rich-Text-Felder.

  3. Wähle benutzerdefinierten Code.

  4. Füge hier deinen zweiten Einbettungscode von Heyflow ein:

  5. Jetzt kommt nur noch das Speichern, Schließen und Veröffentlichen!

❗Hinweis: Benutzerdefinierter Code und Skripte werden nur auf der veröffentlichten Website angezeigt.

Hat dies deine Frage beantwortet?