Schliessen Button
Warn-Symbol
Cookies von Drittanbietern erforderlich
Die Sicherheitseinstellungen deines Browsers lassen keine Cookies von Drittanbietern zu. Bitte passe die Sicherheitseinstellungen deines Browsers an oder versuche einen anderen Browser, um diesen Inhalt zu sehen.
Durch Klicken auf "Erlauben" stimmst du der Speicherung von Cookies auf deinem Gerät zu, um die Seitennavigation zu verbessern, die Nutzung der Website zu analysieren und unsere Marketingbemühungen zu unterstützen. Weitere Informationen findest du in unseren Cookie Richtlinien.
Ablehnen
Erlauben
Cookie-Menü Button
Zurück-Symbol

Artikel nach Thema

Online Events & Live Streaming

Inhaltsverzeichnis

Zuletzt aktualisiert:
December 5, 2024

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

Integriere die Event-Anmeldung nahtlos in deine eigene Website mit Oniva's iFrame. iFrame ist ein HTML-Element, das es ermöglicht ausschließlich den Buchungsprozess von Oniva in deine eigene Website einzubetten, damit deine Gäste deine eigene Unternehmensseite bei der Event-Anmeldung nicht verlassen müssen.

Illustration einer in eine andere Seite integrierten Event Anmeldung.

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.

Hinweis: Nur für Events ohne Zahlung
Das iFrame kann nur für Events ohne Bezahlung eingerichtet werden. Für Events mit Bezahlung muss der Gast die Event-Website öffnen.

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.

  1. 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.

Herunterladen Illustration

War dieser Artikel hilfreich?

Vielen Dank! Dein Feedback wurde erfasst.
Huch! Beim Absenden des Formulars ist etwas schief gelaufen.

Hilfreiche Informationen für Event-Verantwortliche

Entdecke spannende Artikel rund um die Umsetzung von unvergesslichen Events.

Keine Antwort gefunden?

Wenn du die gewünschten Informationen nicht finden konntest, hilft dir unser Support-Team gerne weiter. Erstelle ein Ticket und wir melden uns so schnell wie möglich bei dir.
Zeit-Symbol
Supportzeiten
Montag bis Freitag, 08:00 Uhr bis 17:00 Uhr
(ausgenommen gesetzliche Feiertage der Stadt Zürich)

Support kontaktieren

Warn-Symbol
Cookies von Drittanbietern erforderlich
Die Sicherheitseinstellungen deines Browsers lassen keine Cookies von Drittanbietern zu. Bitte passe die Sicherheitseinstellungen deines Browsers an oder versuche einen anderen Browser, um diesen Inhalt zu sehen.

Rückerstattungen

Für Rückzahlungen wird zusätzlich zur Bearbeitungsgebühr eine Gebühr von CHF 2.50 pro Transaktion verrechnet. Ob diese vom Gast oder dem Veranstalter getragen werden können, kannst du selbst bestimmen. Die Rückerstattung erfolgt dann über den vollen oder Teilbetrag. Idealerweise solltest du dies in deinen AGB für Gäste festlegen.
Warn-Symbol
Cookies von Drittanbietern erforderlich
Die Sicherheitseinstellungen deines Browsers lassen keine Cookies von Drittanbietern zu. Bitte passe die Sicherheitseinstellungen deines Browsers an oder versuche einen anderen Browser, um diesen Inhalt zu sehen.