By clicking “Allow,” you agree to the storage of cookies on your device to improve page navigation, analyze site usage, and support our marketing efforts. For more information, see our cookie policy.
Decorative icon
Decorative icon

Articles by topic

Online events & live streaming

Frequently asked questions

Decorative icon

Related articles

Table of contents

Last updated:
August 23, 2024

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

Integrate the event registration seamlessly into your own website with Oniva's iFrame. An iFrame is an HTML element that allows you to embed only the booking process from Oniva into your own website, so your guests do not have to leave your company page during event registration.

Illustration of an event registration integrated into another page.

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.

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

Download Icon

Was this article helpful?

Thank you very much! Your feedback has been recorded.
Huch! Beim Absenden des Formulars ist etwas schief gelaufen.
Helpful information for event managers

Discover exciting articles about creating unforgettable events.

Didn't find an answer?

If you couldn't find the information you were looking for, our support team is happy to help. Create a ticket, and we will get back to you as soon as possible.
Decorative icon
Support hours
Monday to Friday, 08:00 to 17:00
(excluding public holidays in the city of Zurich)

Contact support

Warn Icon
Third-party cookies required
Your browser's security settings do not allow third-party cookies. Please adjust your browser's security settings or try a different browser to view this content.

Refunds

Refunds are subject to a fee of CHF 2.50 per transaction in addition to the processing fee. Whether this fee will be borne by the guest or the organizer can be determined by you. The refund will then be processed for the full or partial amount. Ideally, you should specify this in your guest terms and conditions.
Warn Icon
Third-party cookies required
Your browser's security settings do not allow third-party cookies. Please adjust your browser's security settings or try a different browser to view this content.