Dieser Artikel bezieht sich auf die Registrierungsseite, die im Juni 2025 eingeführt wurde. Benutzt du noch die alte Version? Lies dann diesen Artikel.
Benutzt du noch die alte Version, aber willst du zur neuen wechseln? In diesem Artikel wird’s erklärt.
Wenn du möchtest, dass sich Leute direkt über deine eigene Website für deine Webinare anmelden können, ist das Embed-Formular dein bester Freund. Damit kannst du das Anmeldeformular auf drei verschiedene Arten auf deiner Website einfügen:
Als Button
Diese Option ist ein Button, der das Anmeldeformular öffnet. Er kann an einer festen Stelle eingefügt werden oder als Overlay sichtbar bleiben, während man durch deine Website scrollt.
Als Inline-Embed
Diese Option ist das Anmeldeformular selbst. Es kann an einer festen Stelle auf deiner Website eingebaut werden.
Als Eigener Link
Diese Option ist ein einfacher Hyperlink, der das Anmeldeformular öffnet. Er kann an einer festen Stelle auf deiner Website eingefügt werden.
Das Inline-Embed und die Formulare, die sich mit Button oder eigenem Link öffnen, übernehmen die Theme-Farben aus den Branding-Einstellungen.
Bitte beachte! Jedes Mal, wenn du einen Embed-Code erstellst, bekommt er eine eindeutige Kennung. Diese ist im Code enthalten und darf nur einmal pro Seite verwendet werden. Du kannst also nicht denselben Embed-Code mehrmals auf einer Seite einfügen. Möchtest du das Anmeldeformular an mehreren Stellen auf derselben Seite zeigen? Dann erstelle einen neuen Embed-Code. So bekommst du eine andere eindeutige Kennung. Lade dazu die Seite neu und kopiere danach den neuen Embed-Code.
Ein Embed-Formular erstellen
Folge diesen Schritten, um ein Embed-Formular zu erstellen:
Suche das Webinar in der Webinar-Übersicht und klicke auf den Titel
Klicke auf den Button „Webinar bearbeiten“
Klicke auf „Registrierung“
Klicke auf „Einbetten“
Wähle den Embed-Typen, den du verwenden möchtest: Button, Inline-Embed oder eigener Link.
Personalisiere dein gewähltes Embed-Formular. Hier findest du eine Erklärung zu allen Optionen.
Wenn du fertig bist, kopiere den Code, indem du auf das Symbol mit den zwei Blättern klickst, und füge ihn in den HTML-Code deiner Website ein.
Vergiss nicht, die Änderungen an deiner Website zu speichern!
Das war’s! Wenn alles geklappt hat, ist das Embed-Formular jetzt auf deiner Website sichtbar.
Personalisierungs-Optionen
Anmeldeformular (alle Typen)
Du kannst das Anmeldeformular anpassen, das sich öffnet, wenn jemand auf deinen Button oder eigenen Link klickt. Die Dinge, die du bearbeiten kannst, sind:
Die Sprache
Das Theme
Die Farben
Die Bestätigungsseite
Lies weiter, um herauszufinden, wie du diese Dinge änderst.
Die Sprache deines Embed-Formulars ändern
Standardmäßig verwendet dein Embed-Formular die Sprache des Webinars. Du kannst es aber auch so einstellen, dass die Sprache des Browsers des Besuchers oder eine andere Sprache genutzt wird. Diese Einstellung kannst du über das Dropdown-Menü „Einbettungssprache“ ändern, nachdem du einen Embed-Typ ausgewählt hast.
Das Theme deines Embed-Formulars ändern
Standardmäßig verwendet dein Embed-Formular das Theme deines Accounts (hell oder dunkel). Du kannst es aber auch so einstellen, dass das System-Theme des Computers des Besuchers oder ein bestimmtes Theme genutzt wird.
Die Farben deines Embed-Formulars ändern
Standardmäßig verwendet dein Embed-Formular die Theme-Farben deines Accounts. Du kannst das aber pro Formular mit eigenen Farben überschreiben. Setze dafür ein Häkchen bei „Eigene Theme-Farben“ und wähle die Farben, die du verwenden möchtest.
Tipp! Es gibt keine Vorschau des Formulars selbst, wenn du einen Button oder einen eigenen Link erstellst. Aber du kannst jederzeit auf „Inline-Embed“ umschalten, um zu prüfen, wie es aussehen wird.
Eine eigene Bestätigungsseite für dein Embed-Formular verwenden
Standardmäßig sehen Leute eine Bestätigung direkt im Embed-Formular, wenn sie ihre Anmeldung abschließen. Du kannst dich aber auch dafür entscheiden, eine eigene URL einzustellen, auf die die Leute nach der Anmeldung weitergeleitet werden. Klicke dazu auf „Bearbeiten“ unter „Teilnehmer nach der Anmeldung auf eine benutzerdefinierte URL umleiten“, gib eine URL ein und klicke dann auf „Speichern“.
Für Buttons
Inline-Embed und Sticky-Embed
Es gibt zwei Arten von Embed-Buttons: Inline-Embed-Buttons und Sticky-Embed-Buttons. Beide öffnen das Anmeldeformular, wenn man sie anklickt, aber sie sehen auf deiner Website unterschiedlich aus.
Der Inline-Embed-Button wird an einer bestimmten Stelle auf deiner Website eingefügt und bleibt dort. Das bedeutet, er verschwindet aus dem Sichtfeld, wenn eine Person nach unten scrollt.
Der Sticky-Embed-Button bleibt sichtbar, wenn Besucher deiner Website nach oben oder unten scrollen. Er ist immer im Blick, sodass niemand vergisst, sich anzumelden! Wenn du den Sticky-Embed-Button verwendest, kannst du auswählen, ob er unten links oder unten rechts auf der Website angezeigt wird.
Button-Text und Farben
Der Text und die Farben deines Embed-Buttons können angepasst werden, damit sie zu deiner Website passen. Beim Erstellen des Buttons benutzt du die Optionen „Buttontext“, „Buttonfarbe“ und „Buttontextfarbe“ unter „Anpassen“, um diese zu ändern.
Für Inline-Embeds
Nur Formular anzeigen
Standardmäßig zeigen Inline-Embed-Formulare das Logo deiner Firma, den Titel und Datum/Uhrzeit vom Webinar. Diese Infos kannst du leicht aus deinem Inline-Embed entfernen, wenn du die Option „Nur Formular anzeigen“ nutzt.
Diese Einstellung ist super, wenn du die Infos lieber auf deine eigene Art auf deiner Website zeigen willst.
Für eigene Links
Eigener Link-Text
Der Text deines eigenen Links kann angepasst werden, damit er zu deinem Webinar passt. Beim Erstellen des eigenen Link-Embeds benutzt du die Option „Buttontext“ unter „Anpassen“, um den Text zu ändern.
Erweiterte Einstellungen
Angepasste Registrierungslinks für Embed-Formulare
Mit angepassten Registrierungslinks kannst du messen, aus welcher Quelle eine Registrierung kommt. So kannst du zum Beispiel verschiedene Links für Social Media oder Werbekampagnen verwenden. In diesem Artikel erfährst du mehr darüber, wie du angepasste Registrierungslinks erstellst.
Diese Links in Embed-Formularen zu verwenden, ist etwas technischer und erfordert ein bisschen mehr Wissen. Aber wenn du einen angepassten Registrierungslink erstellt hast, kannst du mit den folgenden Schritten dafür sorgen, dass dein Embed-Formular diesen Link nutzt:
Erstelle deinen angepassten Registrierungslink wie in diesem Artikel beschrieben und gehe dann zu „Einbetten“, während du dein Webinar bearbeitest.
Wähle den Typ des Embeds und passe ihn an, wie du möchtest.
Kopiere den Code und füge ihn an einer Stelle ein, an der du den Code bearbeiten kannst.
Füg ein Komma (,) am Ende der Zeile vor
});hinzu, zum Beispiel nach:shape: "inline"Füge eine neue Zeile über
});ein und schreibe dort:cst: "<dein Linkname>"Der Teil, den du hinter
cst:einfügst, ist der fettgedruckte Abschnitt deines angepassten Registrierungslinks, wie du unten im Screenshot siehst.Das Ende deines Codes sollte ungefähr so aussehen. Achte darauf, dass jeder Embed-Formulartyp eine andere letzte Zeile hat. Dieses Beispiel ist für ein Inline-Embed. Wenn du zum Beispiel ein Button-Embed verwendest, kann die vorletzte Zeile so aussehen:
customTextColor: "#ffffff". Das hängt ganz von deinen Einstellungen des Embed-Formulars ab.shape: "inline",
cst: "website"
});
</script>Kopiere und füge den angepassten Code an der Stelle ein, an der du das Embed-Formular platzieren möchtest.
Unten siehst du ein Beispiel für einen Inline-Embed-Code, in den ein angepasster Registrierungslink im Code eingefügt wurde.
<div id="mw_Tv1FSKM6ScX_webinargeek"></div>
<script>
(function(w,d,stn,sa,gn,se,fse){w[gn]=w[gn]||function(){(w[gn].q = w[gn].q||[]).push(arguments)};
se=d.createElement(stn);fse=d.getElementsByTagName(stn)[0];se.id=gn;se.async=1;
se.src=sa+'?t='+new Date().toISOString().slice(0, -9);fse.parentNode.insertBefore(se, fse);
})(window, document, 'script', 'https://malong.webinargeek.com/malong.embed.js', 'mw_Tv1FSKM6ScX');
mw_Tv1FSKM6ScX("init", {
project: "registration",
identifier: "2e467174-46e1-4305-9c33-587f0cd8ad7a",
shape: "inline",
cst: "website"
});
</script>