Zum Hauptinhalt springen

📎 Buchungsseite in Website einbetten

So integrierst du deine Buchungsseite per iFrame in deine eigene Website.

Heute aktualisiert

Buchungsseiten in Univents ermöglichen es dir, schnell und unkompliziert Anfragen oder Buchungen entgegenzunehmen. Neben der Nutzung als eigenständige Seite kannst du sie auch direkt in deine eigene Website einbetten – zum Beispiel auf einer Unterseite für Events, Catering oder Tastings.


1. Buchungsseite erstellen

Falls du noch keine Buchungsseite hast:

Gehe zu Einstellungen > Buchungsseiten

Erstelle dort eine neue Seite – du kannst:

  • Produkte, Locations & Fragen einbinden

  • Die Sprache & das Design anpassen

  • Regeln für automatische Event-Erstellung hinterlegen

Nach dem Speichern findest du die Seite in der Liste deiner Buchungsseiten.


2. Einbettungscode abrufen

In der Übersicht deiner Buchungsseiten findest du rechts neben jeder Seite das „In Website einbetten“-Symbol. Klick darauf, um den iFrame-Code zu erhalten.

🔗 Der Code sieht ungefähr so aus:

<iframe src="https://manage.univents.app/booking/YOURPAGE" width="100%" height="800" frameborder="0"></iframe>


📌 Du kannst den Link einfach kopieren oder direkt an deine:n Webentwickler:in weitergeben.

3. Code in Website integrieren

🔧 Füge den Code in den HTML-Bereich deiner Website ein.

Für WordPress:

  • Öffne den Bearbeitungsmodus der gewünschten Seite

  • Füge ein „HTML“-Block-Element ein

  • Platziere den kopierten iFrame-Code darin

💡 Passe ggf. die Höhe (height="800") an, damit die gesamte Buchungsseite gut sichtbar ist.

4. Testen & fertig

🔍 Öffne deine Website, auf der du die Buchungsseite eingebettet hast. Teste eine Beispielbuchung, um sicherzugehen, dass alles korrekt funktioniert.

Bei Fragen oder Problemen hilft dir unser Support-Team gerne weiter.

Hat dies deine Frage beantwortet?