How To: Die Anmeldung mittels iFrame in die eigene Website integrieren

Die Anmeldung mittels iFrame in die eigene Website integrieren

Ein iFrame (Inline Frame) ist ein HTML-Element, das es ermöglicht, eine andere Website in eine bestehende Website einzubetten. Onivas iFrame erlaubt es, den Buchungsprozess in die eigene Website zu  integrieren. So müssen Gäste bei der Anmeldung die eigene Website nicht mehr verlassen. Unter folgendem Link kannst du eine Demo-Seite aufrufen: Zur Demo-Seite.

‍

iFrame einrichten

1. Event auf Oniva auswählen und in der gewünschten Sprache konfigurieren.
2. Öffne die HTML-Datei deiner Website im Editor.
3. Füge an der Stelle, an der der Anmeldebutton erscheinen soll, den folgenden Code in den Body der HTML-Datei ein:

<button onClick="zoon.openRegistration('key-of-event', 'en')">
    Register
</button>

Der Wert "key-of-event" muss dabei durch den spezifischen Schlüssel des Events ersetzt werden. Der Schlüssel des Events ist der Link-Endpunkt der Event-Website https://.../event/'key-of-event' und kann im Event-Dashboard und Status eingesehen werden.

Die Sprache kann durch Ersetzen von 'en' mit dem gewünschten Sprachcode konfiguriert werden. Gültige Werte sind de, en, fr und it. Die gewählte Sprache muss mit den verfügbaren Sprachen des Events übereinstimmen.

4. Füge den folgenden Code in den Head-Bereich der HTML-Datei ein

<link rel="stylesheet" 
href="https://app.zoon.ch/embedded/embedded.css">
<script type="text/javascript" 
src="https://app.zoon.ch/embedded/embedded.js"></script>

Dieser Code lädt die erforderlichen Stylesheets und Skripte für das iFrame.

Je nachdem muss die Domain mit der eigenen ersetzt werden. Der Link kann wieder der Event-Website entnommen und im Event-Dashboard und Status eingesehen werden.