Du hast eine WordPress Webseite eingerichtet und möchtest nun dein Heyflow integrieren. Ganz einfach. Folge nur diesen wenigen Schritten.
In dieser Anleitung haben wir eine neue WordPress Webseite über wordpress.com eingerichtet. Alternativ dazu kannst du WordPress auch selbst einrichten und verwalten. In diesem Fall kann die Installation etwas anders aussehen.
💡 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
Schritt 1: Head Code Plugin installieren
Zum Einbetten unseres Heyflow müssen wir zwei Skripte einfügen. Das eine kommt in den Head-Bereich, das andere in den Body. Fügen wir zunächst das Head-Skript ein.
Um den Code bequem in den Kopfbereich deiner WordPress-Seite einzufügen, installiere das Plugin Insert Headers and Footers by WPBeginner oder WPCode. Du kannst auch eine andere Methode oder ein anderes Plugin verwenden, um das Skript einzufügen, wenn du das bevorzugst.
In der gehosteten WordPress-Umgebung erfordert die Installation von Plugins einen Business-Plan. In der selbst gehosteten Umgebung ist die Installation von Plugins in der Regel kostenlos.
Schritt 2: Head Code einfügen
Nachdem du das Plugin erfolgreich installiert hast, wechsle zum Abschnitt
Integrieren > Einbetten in deinem Heyflow und füge eine WordPress-Einbettung hinzu. Hier empfehlen wir, die Breite auf 100 % (volle Breite) einzustellen. So können wir die Breite des Containers direkt in WordPress verwalten, was etwas praktischer ist.
Kopiere nun den ersten Codeschnipsel.
Wechsel jetzt zurück zu deiner WordPress-Seite und gehe in der linken Seitenleiste auf Einstellungen > Kopf- und Fußzeilen installieren.
Im Abschnitt Skript in der Kopfzeile füge den kopierten Code ein und klicke unten auf der Seite auf Speichern.
Schritt 3: Body-Code einfügen
Fast geschafft.
Erstelle oder aktualisiere jetzt die Seite, auf der dein Heyflow erscheinen soll.
Füge den Block Spaltenblock hinzu. Damit kannst du den heyflow-Container einfach gestalten.
Wähle eine Spalte aus.
Füge in den neu erstellten Spaltencontainer einen HTML-Block ein.
Gehe zurück zu Heyflow und kopiere den zweiten Codeschnipsel...
... und füge den Code in den neu erstellten HTML-Block ein,
Publiziere oder aktualisiere jetzt deine Seite in WordPress (siehe die Schaltfläche Aktualisieren in der oberen rechten Ecke).
Tada 🎉 Dein Heyflow ist nun in deine WordPress-Seite eingebettet.