Embed form


The embed form allows visitors of your website/blog to register for your webinar without actually having to leave your website. The only thing you need to do is copy a bit of HTML-code and paste it on your website/blog!


Creating an embed

Click on your webinar > "Edit webinar" > "Registration" > "Embed".

Choose "Create embed" to get into the editor.

Editing the form

You can change the colors of the title, subtitle and registration button.

Click on the textbox to edit the title or subtitle.

Click left next to the content and choose "Colors" to change the colors to your taste or corporate brand.

The broadcast will only be visible after the webinar has been published. 


Place an embed code on your own website

Click on your webinar > "Edit webinar" > "Registration" > "Embed".

After editing your embed form you’ll get a bit of HTML- and Javascript code from us. This code can be placed on your website/blog. You can choose a location on to show the embed form. Remember that the embed form requires 350 px in width minimum.

If you’re using a custom CMS-system or a blog like Wordpress, remember that the code needs to be placed in the "source" of the page, so don’t paste it as plain text.

For some CMS-systems it’s not possible to add custom Javascript code, so you might need some help from your website technician for this.
 

Embed form via an iframe

You can also embed your registration form via an iframe, useful for content management systems where its not easy or allowed to use Javascript. Create an iframe element on your webpage and embed the iframe URL from the embed page. Make sure that the iframe is not too wide, it is optimized for around 350 pixels in width. You also have to make sure it has the proper height, as the iframe will not automatically adapt. The Javascript embed does all of this automatically for you, which makes that the prefered way Zorg er wel voor dat je iframe niet te breed is, het embed formulier is geoptimaliseerd voor ongeveer 350 pixels in de breedte. Ook moet je zelf de hoogte goed instellen en aanpas for embedding your registration form.  

Advanced adjustments

If desired, you can add a couple of extra adaptations to the embed form using CSS and Javascript, such as positioning, dimensions and layout. The form is located in a div with the name "geek-frame-holder".

Please note that the adaptability of the form is limited. If you’d like more customization and want to design the entire registration process according to your wishes and have it under full control, feel free to use our API instead.

 Contact us for more information.


Attaching custom registration links

When you’ve created custom registration links, you might want to use them in your embed form as well.

These custom links allow you to save the source of the registration, e.g. when using a UTM or campaign URL. When you’ve got multiple embed forms, you now have the option to track the embed form the registration originates from.

You can attach this value inside the embed code as a so-called "data-cst" parameter.

Here’s what you can do. In the embed form code, before the text "data-webinar=..", you can add the following: data-cst="your_link_name_here".

Where you should obviously replace your_link_name_here for the name you just used to generate the custom registration link, or the campaign parameter, e.g. "linkedin" or "facebook". You code will now look a little something like this:

<script src="https://app.webinargeek.com/assets/embed-frame.js" data-cst="naam_van_link" data-webinar="ca5c3.." type="text/javascript"></script>

After registration you’ll be able to see in your webinar statistics which link someone used to register. Click here for more information about custom registration links.


Custom confirmation URL

After people registered using your embed form, you can redirect them to a custom confirmation URL.

Click on your webinar > "Edit webinar" > "Registration" > "Embed".

Under the orange button, click on the pencil icon to set your custom URL.

Please note: and don’t forget to click save! Your registrations will now be automatically redirected to the newly added URL.

Please note: 1,5 hours before the webinar starts, subscribers will see the countdown or watch page and will not be redirected to the newly added custom URL.

For paid webinars, the WebinarGeek confirmation page will be used because of the required payment procedure.


Want to know more about WebinarGeek?

Watch our getting started videos!

Help videos