Dieser Artikel bezieht sich auf die alte Registrierungsseite. Nutzt du die neue Registrierungsseite, die im Juni 2025 eingeführt wurde? Lies stattdessen diesen Artikel.
Nutzt du noch die vorherige Version, möchtest aber zur neuen wechseln? Sieh dir diesen Artikel an.
Mit dem Embed-Formular können sich Besucher deiner Website oder deines Blogs für dein Webinar anmelden, ohne deine Seite verlassen zu müssen. Du musst nur etwas HTML-Code kopieren und auf deiner Website einfügen!
Entdecke hier weitere vertriebsorientierte Features, um Leads zu gewinnen und zu konvertieren!
Embed erstellen
So erstellst du ein Embed:
Klicke auf dein Webinar.
Klicke auf „Webinar bearbeiten“.
Navigiere zu „Registrierung“ > „Embed“.
Wähle „Embed erstellen“, um den Editor zu öffnen.
Formular bearbeiten
Du kannst die Farben des Titels, Untertitels und Anmelde-Buttons ändern.
Klicke auf das Textfeld, um den Titel oder Untertitel zu bearbeiten.
Klicke links auf dem Bildschirm auf „Styling“, um die Farben nach deinem Geschmack oder passend zu deiner Unternehmensmarke anzupassen.
Die Ausstrahlung ist erst sichtbar, nachdem das Webinar veröffentlicht wurde.
Embed-Code auf deiner eigenen Website platzieren
So platzierst du den Embed-Code auf deiner eigenen Website:
Klicke auf dein Webinar.
Klicke auf „Webinar bearbeiten“.
Navigiere zu „Registrierung“ > „Embed“.
Wähle „Embed erstellen“, um den Editor zu öffnen.
Füge den Code auf deiner eigenen Website ein.
Embed-Formular mit JavaScript
Nach der Bearbeitung deines Embed-Formulars erhältst du von uns etwas HTML- und JavaScript-Code. Diesen Code kannst du auf deiner Website bzw. in deinem Blog platzieren. Du kannst auswählen, wo das Embed-Formular angezeigt wird. Beachte, dass das Embed-Formular mindestens 350 px breit sein muss.
Hinweis: Bei der JavaScript-Version kannst du denselben Embed-Code nicht zweimal auf derselben Seite verwenden.
Wenn du ein individuelles CMS-System oder einen Blog wie WordPress verwendest, muss der Code im „Quelltext“ der Seite platziert werden. Füge ihn daher nicht als Klartext ein.
In einigen CMS-Systemen lässt sich kein individueller JavaScript-Code hinzufügen. Möglicherweise benötigst du deshalb Unterstützung von deiner Website-Technik.
Breite und Höhe des Embed-Formulars anpassen (JavaScript)
Das JavaScript-Embed passt seine Größe automatisch an den verfügbaren Platz an. Du kannst das resultierende Formular jedoch mit CSS gestalten.
Beispiel:
.geek-frame-holder iframe { width: 700px }
Embed-Formular über einen iframe
Du kannst dein Registrierungsformular auch über einen iframe einbetten. Das ist praktisch für Content-Management-Systeme, in denen JavaScript nicht einfach oder gar nicht verwendet werden kann. Erstelle ein iframe-Element auf deiner Webseite und bette die iframe-URL von der Embed-Seite ein.
Beispiel:
<iframe src="Your iframe URL goes here" title="Webinar registration form" height="350" width="350" ></iframe>
Breite und Höhe des Embed-Formulars anpassen (iframe)
Achte darauf, dass der iframe die richtige Höhe hat, da er sich nicht automatisch anpasst. Wenn nur ein Teil des Formulars angezeigt wird, erhöhe die Höhe deines iframe. Ändere dazu im Beispielcode den Wert für „height“.
Lege auch eine Breite für den iframe fest; er ist für eine Breite von etwa 350 Pixeln optimiert. Du kannst die Breite jedoch erhöhen oder einen Prozentsatz festlegen, damit er den verfügbaren Platz auf deiner Website ausfüllt.
Beispiel:
<iframe src="Your iframe URL goes here" title="Webinar registration form" height="500" width="100%" ></iframe>
Erweiterte Anpassungen
Beachte, dass die Anpassungsmöglichkeiten des Formulars begrenzt sind. Wenn du mehr Anpassungen vornehmen, den gesamten Registrierungsprozess nach deinen Wünschen gestalten und vollständig kontrollieren möchtest, kannst du stattdessen unsere API verwenden. Kontaktiere uns für weitere Informationen.
Individuelle Registrierungslinks hinzufügen
Wenn du individuelle Registrierungslinks erstellt hast, möchtest du sie möglicherweise auch in deinem Embed-Formular verwenden.
Mit diesen individuellen Links kannst du die Quelle der Anmeldung speichern, etwa bei Verwendung einer UTM- oder Kampagnen-URL. Bei mehreren Embed-Formularen kannst du nachverfolgen, von welchem Embed-Formular die Anmeldung stammt.
Du kannst diesen Wert im Embed-Code als sogenannten Parameter „data-cst“ hinzufügen.
So gehst du vor: Füge im Code des Embed-Formulars vor dem Text „data-webinar=..“ Folgendes hinzu: data-cst="your_link_name_here".
Ersetze dabei your_link_name_here durch den Namen, den du gerade zum Erstellen des individuellen Registrierungslinks verwendet hast, oder durch den Kampagnenparameter, etwa „linkedin“ oder „facebook“. Dein Code sieht dann ungefähr so aus:
<script src="https://app.webinargeek.com/assets/embed-frame.js" data-cst="name_of_link" data-webinar="ca5c3.." type="text/javascript"></script>
Nach der Anmeldung siehst du in deinen Webinar-Statistiken, über welchen Link sich die Teilnehmer angemeldet haben. Klicke hier, um weitere Informationen über individuelle Registrierungslinks zu erhalten.
Bei einem iframe kannst du am Ende deiner iframe-URL „?cst=Linkedin“ hinzufügen. „Linkedin“ kannst du beispielsweise durch eine Variable für die Quelle der Anmeldung oder einen Kampagnenparameter ersetzen. Beispiel:
<iframe src="https://embed.webinargeek.com/xxxxxxxxxxxxx?cst=Linkedin" title="description" height="350" width="350" ></iframe>
Hinweis: Die Höhe muss angepasst werden, wenn dein Formular mehrere zusätzliche Felder enthält.
Individuelle Bestätigungs-URL
Nachdem sich Personen über dein Embed-Formular angemeldet haben, kannst du sie zu einer individuellen Bestätigungs-URL weiterleiten.
So geht's:
Klicke auf dein Webinar.
Klicke auf „Webinar bearbeiten“.
Navigiere zu „Registrierung“ > „Embed“.
Klicke auf das Stiftsymbol unter „Nutzer nach der Anmeldung zu einer individuellen URL weiterleiten“.
Lege deine individuelle URL fest und klicke auf „Speichern“.
Deine Anmeldungen werden nun automatisch zur neu hinzugefügten URL weitergeleitet.
Hinweis: Die neu hinzugefügte URL muss „https://“ enthalten, damit sie funktioniert.
Hinweis: 1,5 Stunden vor Beginn eines Live-Webinars oder eines automatisierten Webinars („Automatisiertes Webinar“) sehen Abonnenten die Embed-Bestätigungsseite und werden nicht zur neu hinzugefügten individuellen URL weitergeleitet. Bei kostenpflichtigen Webinaren muss aufgrund des erforderlichen Zahlungsvorgangs die WebinarGeek-Bestätigungsseite verwendet werden.
Ein-Klick-Anmeldung für Embed-Formulare
Embed-Formulare können auch das Ein-Klick-Anmeldesystem verwenden, allerdings musst du den Link manuell erstellen.
Diese Anleitung bezieht sich auf die Ein-Klick-Anmeldung für Embed-Formulare der alten Registrierungsseite. Nutzt du die neue Registrierungsseite, die im Juni 2025 eingeführt wurde? Lies stattdessen diesen Artikel. Darin wird das neue System für Links zum Vorausfüllen von Feldern erklärt.
Nutzt du noch die vorherige Version der Registrierungsseite, möchtest aber zur neuen wechseln? Sieh dir diesen Artikel an.
Befolge zunächst die Anweisungen in diesem Artikel, um den Ein-Klick-Anmeldelink für dein Webinar zu erhalten. Kopiere ihn und füge ihn an einer beliebigen Stelle ein.
Beispiel für einen Ein-Klick-Anmeldelink:
https://tutorials.webinargeek.com/one-click-webinar/?episode%5B3108%5D=13692&subscription%5Baddress%5D%5Bemail%5D=Email+here&subscription%5Baddress%5D%5Bfirstname%5D=First+name+here
Suche nun den Link zu deinem Embed-Formular. Kopiere ihn ebenfalls und füge ihn an einer beliebigen Stelle ein.
Kombiniere diese beiden Links, um deinem Embed-Formular die Ein-Klick-Funktion hinzuzufügen. Kopiere dazu den Teil nach dem Namen des Webinars im Ein-Klick-Anmeldelink und füge ihn am Ende des Links zum Embed-Formular ein. Im obigen Beispiel wäre das:
/?episode%5B3108%5D=13692&subscription%5Baddress%5D%5Bemail%5D=Email+here&subscription%5Baddress%5D%5Bfirstname%5D=First+name+here
Hier ist ein Beispiel für einen Link zu einem Embed-Formular, der mit dem obigen Ein-Klick-Anmeldelink kombiniert wurde:
https://tutorials.webinargeek.com/embed/1fbb3737-285f-4a7e-a4a2-5c8a1bbcd947/?episode%5B3108%5D=13692&subscription%5Baddress%5D%5Bemail%5D=Email+here&subscription%5Baddress%5D%5Bfirstname%5D=First+name+here
Schlüsselwörter: integrieren