Het embedded formulier maakt het mogelijk om de bezoekers van je website of blog zich in te laten schrijven, zonder dat ze hiervoor je site hoeven te verlaten. Het enige wat je hoeft te doen is een stukje HTML-code kopiëren en plakken!

Embedded formulier aanmaken

Klik op je webinar > 'Webinar bewerken' > 'Registratie' > 'Embed'.

Klik op 'Embed aanmaken' om in de editor te komen.

Formulier bewerken

Je kan de titel, subtitel, registratieknop en kleuren aanpassen. Klik op het invulveld om de titel of subtitel te wijzigen.

Klik links naast de inhoud op 'Kleuren' om de kleuren te wijzigen naar je eigen smaak en/of huisstijl. De uitzending is pas zichtbaar nadat je het webinar hebt gepubliceerd.

Embed-code op je eigen website plaatsen

Klik op je webinar > 'Webinar bewerken' > 'Registratie' > 'Embed'.

Nadat je het embedded formulier hebt bewerkt, krijg je een stukje HTML- en JavaScriptcode. Deze code kan je op je website of blog plaatsen. Je kunt deze plaatsen op de plek waar je het embedded formulier wilt tonen. Houd er rekening mee dat het embedded formulier minimaal 350 pixels in breedte nodig heeft.

Mocht je werken met een cms-systeem of een blog zoals Wordpress, zorg dan dat je het stukje code in de bron (source) van de pagina plaatst, dus niet gewoon als tekst. In sommige cms-systemen is het niet mogelijk om JavaScript-code te plaatsen. Het kan zijn dat je hierbij hulp nodig hebt van je webbouwer.

Formulier embedden via een iframe

Naast de JavaScript-optie kan je ook je formulier embedden in een iframe. Dit is handig voor de contentsystemen, waarin je niet (makkelijk) JavaScript kan plaatsen.

Maak een iframe-element op je pagina en embed hierin de iframe URL vanuit de pagina die je wil embedden. Zorg er wel voor dat je iframe niet te breed is. Het embedded formulier is geoptimaliseerd voor ongeveer 350 pixels in de breedte.

Ook moet je zelf de hoogte goed instellen en aanpassen op basis van je pagina. JavaScript doet dit automatisch voor je en heeft daarom de voorkeur voor het embedden van je registratieformulier.

Geavanceerde aanpassingen

Je kan met CSS en JavaScript eventueel nog wat meer aanpassingen doen aan het embedded formulier, zoals de positionering, afmetingen en opmaak. Het formulier bevindt zich in een div met de naam 'geek-frame-holder'.

Houd er rekening mee dat de aanpassingen die je kan doen beperkt zijn. Als je het hele registratieproces naar wens wil inrichten en onder volledig eigen beheer wil hebben, kan je onze API gebruiken. Neem contact met ons op voor meer informatie.

Als je aangepaste registratielinks hebt aangemaakt, wil je deze misschien ook gebruiken in het embedded formulier.

Met deze aangepaste links kan je de bron van je registratie opslaan, bijvoorbeeld bij het gebruik van een UTM/campagne-URL. Zo kan je ook met meerdere embedded formulieren bijhouden via welk formulier een inschrijving binnenkomt.

Deze waarde kan je meegeven in de embed-code als 'data-cst' parameter.

Voeg in de code van je embedded formulier voor de tekst 'data-webinar=..' het volgende toe: data-cst="naam_van_link".

Je vervangt 'naam_van_link' hierbij door de naam van je aangepaste registratielink, of je campagneparameter, bijvoorbeeld 'linkedin' of 'facebook'. Je code ziet er dan bijvoorbeeld als volgt uit:

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

Na inschrijving vind je in de webinarstatistieken terug via welke link iemand is geregistreerd. Klik hier voor meer informatie over aangepaste registratielinks.

Eigen URL voor bevestiging

Nadat mensen zich hebben ingeschreven via je embedded formulier, kan je ze doorlinken naar een URL.

Klik op je webinar > 'Webinar bewerken' > 'Registratie' > 'Embed'.

Klik onder de oranje button op het potlood om een eigen URL in te stellen.

Plak vervolgens de URL en klik op 'Opslaan'. Je inschrijvers komen nu op de ingestelde URL terecht.

Let op! Vanaf 1,5 uur voor het webinar begint krijgen de inschrijvingen de countdown (aftelklok) of kijkpagina te zien. Ze worden dan dus niet doorgestuurd naar de ingestelde URL. Bij betaalde webinars wordt de WebinarGeek-bevestigingspagina gebruikt vanwege de betaaloptie.

Trefwoorden: integreren

Heb je het antwoord gevonden?