Zum Hauptinhalt springen
Formular einbetten

Mit dem Einbettungsformular können sich Besucher deiner Website oder deines Blogs, ohne diese zu verlassen, für dein Webinar registrieren.

Dina avatar
Verfasst von Dina
Vor über 4 Monaten aktualisiert

Mit dem Einbettungsformular können sich Besucher deiner Website / deines Blogs für dein Webinar registrieren, ohne überhaupt deine Website verlassen zu müssen. Das einzige, was du tun musst, ist einen kurzen HTML-Code zu kopieren und auf deiner Website / deinem Blog einzufügen!

Entdecke hier weitere unserer vertriebsorientierten Funktionen zum Sammeln und Konvertieren von Leads!

Einbettung erstellen

Führe die folgenden Schritte aus:

  1. Klick auf dein Webinar.

  2. Klick auf 'Webinar bearbeiten'.

  3. Klick auf 'Registrierung' > 'Einbetten'.

  4. Wähle 'Einbettung erstellen', um in den Editor zu gelangen.

Formular bearbeiten

Du kannst die Farben von Titel, Untertitel und Registrierungsschaltfläche ändern.

Klicke auf das Textfeld, um den Titel oder Untertitel zu bearbeiten.

Klicke links neben dem Inhalt und wähle 'Farben', um die Farben nach deinem Geschmack oder deinem Branding zu ändern.

Die Sendung wird erst nach Veröffentlichung des Webinars sichtbar.

Einbettungscode auf deiner eigenen Website platzieren

Um den Einbettungscode auf deiner eigenen Website zu platzieren, führe die folgenden Schritte aus:

  1. Klicke auf dein Webinar.

  2. Klicke auf 'Webinar bearbeiten'.

  3. Klicke dann auf 'Registrierung' > 'Einbetten'.

  4. Wähle 'Einbettung erstellen', um den Editor zu öffnen.

  5. Platziere den Code auf deiner eigenen Website.

Formular mit Javascript einbetten

Nachdem du dein Einbettungsformular bearbeitet hast, erhälst du von uns einen HTML- und Javascript-Code. Dieser Code kann auf deine(r/m) Website/Blog platziert werden. Du kannst eine Stelle wählen, an der das Einbettungsformular angezeigt werden soll. Denk daran, dass das Einbettungsformular eine Mindestbreite von 350 px benötigt.

Wenn du ein benutzerdefiniertes CMS-System oder einen Blog wie Wordpress verwendest, denk daran, dass der Code in der "Source" der Seite eingefügt werden muss, füge ihn also nicht als einfachen Text ein.

Bei einigen CMS-Systemen ist es nicht möglich, benutzerspezifische Javascript-Codes hinzuzufügen, sodass du möglicherweise Hilfe von deinem Website-Techniker benötigst.

Anpassen der Breite und Höhe des Einbettungsformulars (Javascript)

Die Javascript-Einbettung passt sich zwar automatisch an den verfügbaren Platz an, aber es ist dennoch möglich, das resultierende Formular mit Hilfe von CSS zu gestalten.

Beispiel:

.geek-frame-holder iframe { width: 700px }

Formular über einen iframe einbetten

Du kannst dein Registrierungsformular auch über einen iframe einbetten, was für Content-Management-Systeme nützlich ist, in denen es nicht einfach oder möglich ist, Javascript zu verwenden. Erstelle ein iframe-Element auf deiner Webseite und bette die iframe-URL von der Einbettungsseite ein.

Beispiel:

<iframe src="Your iframe URL goes here" title="Webinar registration form" height="350" width="350" ></iframe>

Breite und Höhe des eingebetteten Formulars (iframe) anpassen

Du musst darauf achten, dass der iframe die richtige Höhe hat, da er sich nicht automatisch anpasst. Wenn du nur einen Teil des Formulars siehst, solltest du die Höhe deines iframe vergrößern. Du kannst dies tun, indem du den Wert von "height" im Beispielcode änderst.

Stelle sicher, dass du eine Breite für den iframe festlegst; Es ist für eine Breite von etwa 350 Pixeln optimiert. Du kannst jedoch die Breite erhöhen, wenn du möchtest, oder einen Prozentsatz festlegen, damit er den Platz auf deiner Website ausfüllt.

Beispiel:

<iframe src="Your iframe URL goes here" title="Webinar registration form" height="500" width="100%" ></iframe>

Die Javascript-Einbettung erledigt all dies automatisch für dich, weshalb dies die bevorzugte Methode zum Einbetten deines Registrierungsformulars ist.

Erweiterte Einstellungen

Bitte beachte, dass die Anpassungsfähigkeit des Formulars begrenzt ist. Wenn du mehr Anpassungsmöglichkeiten wünschst und den gesamten Registrierungsprozess nach deinen Wünschen gestalten und vollständig kontrollieren möchtest, kannst du stattdessen unsere API nutzen. Kontaktiere uns für weitere Informationen.

Anhängen von benutzerdefinierten Registrierungslinks

Wenn du benutzerdefinierte Registrierungslinks erstellt hast, möchtest du diese möglicherweise auch in deinem Einbettungsformular verwenden.

Über diese benutzerdefinierten Links kannst du die Quelle der Registrierung speichern, z. bei Verwendung einer UTM- oder Kampagnen-URL. Wenn du mehrere Einbettungsformulare hast, hast du jetzt die Möglichkeit, das Einbettungsformular zu verfolgen, aus dem die Registrierung stammt.

Du kannst diesen Wert im Einbettungscode als sogenannten 'data-cst' -Parameter anhängen.

Folgendes kannst du tun: Im Einbettungsformularcode kannst du vor dem Text 'data-webinar = ..' Folgendes hinzufügen: data-cst = 'your_link_name_here'.

Wobei du den 'your_link_name_here' offensichtlich durch den Namen ersetzen sollten, den du gerade zum Generieren des benutzerdefinierten Registrierungslinks oder des Kampagnenparameters verwendet hast, z. 'linkedin' oder 'facebook'. Dein Code sieht jetzt ungefähr so aus:

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

Nach der Registrierung kannst du in deinen Webinar-Statistiken sehen, welche Personen mit der Registrierung verknüpft sind. Klicke hier, um weitere Informationen zu benutzerdefinierten Registrierungslinks zu erhalten.

Bei einer Iframe kannst du '?cst=Linkedin' an das Ende der Iframe-URL hinzufügen. 'Linkedin' kann durch eine Variable ersetzt werden, z. B. die Quelle der Registrierung oder einen Kampagnenparameter. Beispiel:

<iframe src="https://embed.webinargeek.com/xxxxxxxxxxxxx?cst=Linkedin" title="description" height="350" width="350" ></iframe>

Bitte beachte! dass die Höhe angepasst werden muss, wenn dein Formular mehrere zusätzliche Felder enthält.

Benutzerdefinierte Bestätigungs-URL

Nachdem sich Personen mit deinem Einbettungsformular registriert haben, kannst du sie an eine benutzerdefinierte Bestätigungs-URL weiterleiten. Hierfür:

  1. Klicke auf dein Webinar.

  2. Klicke auf 'Webinar bearbeiten'.

  3. Gehe zur 'Registrierung' > 'Einbetten'.

  4. Klicke auf das Stiftsymbol, welches unter 'Anmeldungen zu einer eigenen URL weiterleiten' zu finden ist, um deine benutzerdefinierte URL festzulegen.

  5. Klicke anschließend auf 'Speichern'.

Deine Registrierungen werden nun automatisch an die neu hinzugefügte URL weitergeleitet.

Bitte beachte! Der Anfang der URL muss 'https://' lauten, damit diese funktioniert.

Bitte beachte!1,5 Stunden vor Beginn des Live-Webinars oder des automatisierten Webinars sehen die Teilnehmer die Bestätigungsseite für die Einbettung und werden nicht auf die neu hinzugefügte benutzerdefinierte URL umgeleitet. Für kostenpflichtige Webinare muss die WebinarGeek-Bestätigungsseite aufgrund des erforderlichen Zahlungsverfahrens verwendet werden.

Hat dies deine Frage beantwortet?