1. Kopiere den Code deiner Buchungsseite
Den Code für die allgemeine Buchungsseite deiner Organisation findest du in deinen Accounteinstellungen unter Buchungsseite, die Einstellung findet man im am Profilbild rechts oben im anny Adminbereich.
Den Code für die Buchungsseite einer bestimmten Ressource oder eines bestimmten Services findet man in den jeweiligen Einstellungen der Ressource/des Services Ressourcen>Ressource>Buchungsseite
Dort kopiert man das Script (einmalig auf der Webseite) und den jeweiligen Code des Buchungswidgets.
Pro Tipp: Das Design der eingebetteten Buchungsseite kann in anny bearbeitet werden, mehr dazu findest du in unserem Artikel.
2. HTML-Block einfügen
Man kann entweder oben links in der Tool-Leiste, oder direkt an der Stelle, an der das Widget hinzugefügt werden soll, einen neuen Block mit dem Plus hinzufügen.
Es öffnet sich ein Fenster, wo man die Art des Blocks auswählen kann, in diesem Fall sollte man auf Individuelles HTML klicken.
Pro Tipp: das Einbetten funktioniert, nur wenn WordPress selber gehostet wird, da das iFrame sonst blockiert wird.
3. HTML-Code einfügen:
Innerhalb dieses HTML-Blocks befindet sich ein Feld, in das der HTML-Code aus anny hinzugefügt werden kann.
4. Das Layout prüfen:
In der Tool-Leiste oben rechts lässt sich die Vorschau öffnen, um zu prüfen, ob die Buchungsseite den Wünschen nach eingebettet wurde.