How to: Integrate the registration via iFrame into your own website

Integrate registration into your website using iFrame

An iFrame (Inline Frame) is an HTML element that allows you to embed another website into an existing one. Oniva's iFrame enables you to integrate the booking process into your own website, ensuring that guests do not have to leave your website for registration. At the following link, you can access a demo page: To the demo page.

Note: Only for events without payment
‍The iFrame can only be set up for events without payment. For events with payment, the guest must open the event website.

‍

Set up iFrame

1. Select the event on Oniva and configure it in the desired language.
2. Open the HTML file of your website in the editor.
3. Paste the following code into the body of the HTML file where you want the registration button to appear:

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

Replace "key-of-event" with the specific event key. The event key is the link endpoint of the event website https://.../event/'key-of-event' and can be found in the event dashboard and status.

The language can be configured by replacing 'en' with the desired language code. Valid values are de, en, fr, and it. The chosen language must match the available languages of the event.

4. Insert the following code in the head Section of the HTML file

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

This code loads the necessary stylesheets and scripts for the iFrame.

Depending on the setup, the domain might need to be replaced with your own. The link can again be obtained from the event website and viewed in the event dashboard and status.