Wenn du Schwierigkeiten bei deiner Website Einbettung z.B. in WordPress, Webflow oder Wix hast, findest du hier typische Fehlerursachen und wie du sie ganz einfach beheben kannst.
Mein Flow wird nicht angezeigt
Vergewissere dich, dass du beide Einbettungsskripte korrekt eingefügt hast, eines im Abschnitt Head-Code und eines dort, wo dein Flow erscheinen soll.
❗ Allgemeine Support Information
Individuelle Skripte und Selbst-Hosting: Bitte beachte, dass wir keine benutzerdefinierten Skripte und kein Self-Hosting des Flows unterstützen. Um eine optimale Sicherheit und Leistung deiner Flows zu gewährleisten, solltest du immer unsere offiziellen Skripte verwenden.
Widget-Version: Widget-Skripte mit bestimmten Versionsnummern sind nicht mehr aktuell und sollten ersetzt werden. Wenn du derzeit ein Skript wie https://static.heyflow.app/widget/1-6-2/widget.min.js verwendest, aktualisiere es bitte auf die folgende Version: https://assets.prd.heyflow.com/builder/widget/latest/webview.js
Mein Flow beginnt nicht von oben
Falls dein Flow beim Navigieren nicht von oben startet, kann das mehrere Ursachen haben.
Aktiviere in den Einstellungen der Einbettung die Funktion Scroll nach oben, die automatisch den folgenden Zusatz hinzufügt:
Stelle außerdem sicher, dass du kein Eingabefeld mit aktiviertem Autofokus verwendest. Dies würde dazu führen, dass der Flow direkt im Eingabefeld beginnt und nicht am Anfang.
Falls der obere Bereich deines Flows nach dem Navigieren in deinem eingebetteten Flow weiterhin verdeckt ist, kann dies auch an einem festen Header deiner Website liegen, der den eingebetteten Flow überlappt. Wenn Heyflow nach oben scrollt, wird der Flow-Inhalt hinter dem Header versteckt.
Um zu verhindern, dass der eingebettete Flow verdeckt wird, füge folgendes CSS zum heyflow-wrapper-Element hinzu und passe den Wert an die Höhe des festen Headers an: style="scroll-margin-top: 100px".
❗ Der Wert für scroll-margin-top muss genau der Höhe des Header-Elements entsprechen.
UTM-Parameter werden nicht durchgelassen
Wenn du WIX als Web Builder verwendest, ist die Übergabe von UTM-Parametern nicht möglich. In allen anderen Fällen werden sie automatisch an deine Flow-Antwort gesendet.
Meine Schriftgrößen werden auf meiner Website nicht richtig angezeigt
Die Schriftgröße im Flow basiert immer auf der Schriftgröße des Elements, in das er eingebettet ist, wenn diese mit rem definiert ist. Um die Schriftgröße im Flow unabhängig vom übergeordneten Element zu machen, kann der folgende Ausschnitt in den Einbettungs Code eingefügt werden: style="font-size: 20px", wobei der Wert dem im Flow Builder eingestellten Wert in px (Pixel) entsprechen sollte.
💬 Solltest du weiterhin Probleme haben, wende dich bitte an den Support.