Kontaktformular zur Erfassung

Was ist ein Widget?

Ein Widget ist eine kompakte Anwendung, die zu einer Website hinzugefügt wird, um deren Funktionalität zu erweitern. Optisch erscheint ein Widget als interaktiver Block, der auf dem Bildschirm angezeigt wird.

Zu den gängigen Widget-Formaten gehören ein Formular zur Erfassung von Leads und Kundenkontakten sowie „Call-to-Action“-Banner – zum Beispiel ein Block mit Grafiken und Text, der einen Website-Besucher dazu auffordert, sich für ein Webinar anzumelden, einen Kurs zu kaufen, an einer Verlosung teilzunehmen und vieles mehr. In beiden Fällen ist das Ziel, Kontaktinformationen von einem potenziellen Kunden für die weitere Interaktion zu erhalten.

Bei Kwiga sind Sie in der Nutzung eines Widgets nicht eingeschränkt. Es kann ein Banner, eine Werbeanzeige für ein Sonderangebot, ein Kurs-Teaser, ein Widget zur Kontaktsammlung oder ein Formular zur schnellen Webinar-Anmeldung sein und vieles mehr. Daten aus dem Formular können direkt an das CRM innerhalb von Kwiga sowie an andere Dienste gesendet werden, wenn Sie diese für die Arbeit mit Kunden verwenden.

Ein Widget in Kwiga ist ein universelles Tool, das Sie zu jeder Website hinzufügen können.

Anwendungsfälle

Website eines Drittanbieters

Sie leiten Traffic auf eine Landingpage Ihrer Website und möchten nur darüber Kontakte sammeln oder einen Kurs verkaufen. In diesem Fall fügen Sie das Widget entweder direkt oder über ein modales Fenster hinzu. Der Kunde gibt seine Daten in das Formular auf Ihrer Website ein und wird je nach Widget-Einstellungen entweder zu einer Zahlungsseite oder direkt zu seinem Kwiga-Kontoprofil weitergeleitet. Der Nutzer wird automatisch autorisiert und muss auf der Kwiga-Plattform keine zusätzlichen Daten eingeben.

Mögliche Aktionen nach dem Absenden des Formulars:

• Weiterleitung zum Profil des neu erstellten Kontakts auf der Kwiga-Plattform

• Auf der aktuellen Website bleiben und den zweiten Schritt des Formulars öffnen: Hier können Sie zusätzliche Informationen und eine Schaltfläche platzieren, die zur gewünschten Seite weiterleitet

• Weiterleitung zur Zahlungsseite des ausgewählten Zahlungssystems, wobei nach erfolgreicher Zahlung automatisch Zugriff auf das Produkt gewährt wird

Webinare

Während einer Veranstaltung können Sie ein Widget zu einem bestimmten Zeitpunkt und für eine festgelegte Dauer anzeigen. Die Anzahl der angezeigten Widgets ist nicht begrenzt.

Fall:

Das Ziel ist, die maximale Anzahl an Teilnehmern für ein Webinar zu gewinnen. Um dies zu erreichen, senken Sie die Einstiegshürde, indem Sie Teilnehmern erlauben, über eine Schnellregistrierung teilzunehmen, bei der keine E-Mail-Adresse oder Telefonnummer eingegeben werden muss. Anschließend präsentieren Sie während des Webinars ein Angebot und zeigen am unteren Bildschirmrand ein Formular zur Kontaktsammlung an. So können Sie mit Ihrem Angebot mehr Teilnehmer erreichen, ohne deren Kontaktdaten zu verlieren.

Kurse (in Entwicklung)

Sie können jedem Video in jeder Lektion ein Banner oder ein Formular zur Kontaktsammlung hinzufügen.

Fall:

Sie möchten neue Kunden für Ihren kostenpflichtigen Kurs gewinnen und haben eine Einführungslektion verfügbar. Damit Sie potenzielle Kunden nicht in der Registrierungsphase verlieren, bevor sie Sie kennenlernen, können Sie diese Lektion offen gestalten (ohne Registrierung zugänglich). Anschließend zeigen Sie während der Lektion einen passenden CTA oder ein Formular zur Kontaktsammlung an und konvertieren Besucher in Ihre Kunden.

Erstellung eines Widgets: allgemeine Informationen

Um ein Formular zu konfigurieren oder zu erstellen, gehen Sie zu Einstellungen → Widget (CTA). Erstellte CTAs können gleichzeitig auf verschiedenen Websites, in Webinaren und in Lektionen verwendet werden. Im Kwiga-Builder können Sie jedes beliebige Formular oder Banner erstellen, das aus Blöcken besteht. Jeder Block wiederum kann verschiedene Elemente enthalten: Text, Bild, Schaltfläche, Link oder Feld.

Um ein neues Widget zu erstellen, verwenden Sie die Schaltfläche +CTA.

Strukturell besteht jedes Widget aus Blöcken und den Elementen innerhalb dieser Blöcke.

Blöcke:

• CTA-Block
Verwenden Sie diese Option, wenn Sie einen Call to Action (CTA) erstellen möchten. Standardmäßig enthält der Block zwei Elemente: Text und eine Schaltfläche. Sie können weitere Elemente hinzufügen, sie ändern oder diese Elemente ersetzen.

• Formular
Verwenden Sie diesen Block, um Daten von Ihren Kunden zu erfassen. Standardmäßig enthält das Formular zwei Eingabefelder (Name und E-Mail) sowie eine Schaltfläche zum Absenden der Daten.

• Benutzerdefinierter Block
Beginnen Sie mit der Erstellung Ihres eigenen Formulars von Grund auf, ohne vordefinierte Vorlagen oder Presets zu verwenden.

Elemente innerhalb von Blöcken:

Elemente innerhalb von Blöcken:

• Schaltfläche
Mit einer Schaltfläche können Sie zwei Aktionen konfigurieren: Formulardaten absenden oder den Nutzer über einen Link weiterleiten. Wenn die Link-Option ausgewählt ist, können Sie festlegen, wie sie geöffnet wird: in einem neuen Fenster/Tab oder im aktuellen. Es steht eine große Auswahl an visuellen Anpassungsoptionen zur Verfügung, darunter Größe, Farbe, Hover-Farbe, Schriftart, Eckenradius und Abstände.

• Text
Eine große Auswahl an Optionen zur Anpassung der Textdarstellung. Kann für Überschriften und zusätzliche Beschreibungen in Formularen oder Bannern verwendet werden.

• Bildelement
Ermöglicht es Ihnen, die Höhe und Breite des Bildes anzupassen, es auf eine bestimmte Breite in % zu strecken, einen Eckenradius anzuwenden und das Overlay-Verhalten (Text und Hintergrund) beim Hover zu konfigurieren. Sie können dem Element außerdem beim Klicken einen Link zuweisen.

• Link
Ermöglicht es Ihnen, einen Link und dessen Öffnungsart festzulegen: in einem neuen Fenster/Tab oder im aktuellen. Zusätzliche Einstellungen umfassen Schriftart, Farbe und Abstände.

• Feld
Sie können dem Formular jedes Feld hinzufügen, das Sie in Ihren benutzerdefinierten Feldern unter Kontakte eingerichtet haben. Standardmäßige Stil- und Darstellungseinstellungen sind verfügbar: Größe, Schriftart und Farbe des Eingabetextes, Schriftart und Farbe des Platzhalters, Eckenradius und Abstände.

Zusätzliche Einstellungen:

• Pflichtfeld

• ausgeblendetes Feld: Einige Felder können dem Formular hinzugefügt, den Nutzern jedoch nicht angezeigt werden. Dies ist nützlich, um Tags hinzuzufügen, Kontaktquellen zu verfolgen, die Sprache des Nutzers festzulegen oder andere Parameter aus dem Formular an das CRM zu übergeben.

Achtung! Denken Sie daran, dass jeder Block und jedes Element zusätzliche Einstellungen für die mobile Version (Tablets und Mobiltelefone) hat. Sie können visuelle Einstellungen speziell für mobile Geräte überschreiben.

Um zwischen verschiedenen Geräteansichten zu wechseln, verwenden Sie diese Steuerschaltflächen (oben rechts in der Steuerleiste).

Ein Widget erstellen: Formular zur Kontakt­erfassung

Um ein neues Formular zur Kontakterfassung zu erstellen, gehen Sie zu Einstellungen → Call to Action (CTA) und klicken Sie auf die Schaltfläche +CTA.

Wenn Sie ein Formular von Grund auf erstellen, fügen Sie mit der Schaltfläche +Block einen neuen Block hinzu. Wählen Sie im erscheinenden Menü Formular aus. In der Mitte des Bildschirms sehen Sie das Formular selbst, und im Menü auf der linken Seite können Sie Elemente hinzufügen oder entfernen (den Formularinhalt) sowie das Erscheinungsbild des Formulars und seiner Elemente konfigurieren.

Beachten Sie, dass das Formular aus zwei Schritten bestehen kann. Dies ist nur möglich, wenn die Option „Benutzerweiterleitung“ auf „Im aktuellen Block bleiben“ gesetzt ist. In allen anderen Fällen besteht das Formular nur aus einem Schritt, da der Benutzer nach der Eingabe der Daten gemäß einem der folgenden Abläufe weitergeleitet wird:

• Weiterleitung zum Profil des neu erstellten Kontakts auf der Kwiga-Plattform

• Weiterleitung zur Zahlungsseite des ausgewählten Zahlungssystems, wobei nach erfolgreicher Zahlung automatisch Zugriff auf das Produkt gewährt wird

• Weiterleitung zur Produktseite (Kurs/Marathon), wobei automatisch Zugriff gewährt wird

Die Widget-Konfiguration kann bedingt in die folgenden Schritte unterteilt werden:

1. Öffnen in einem modalen Fenster

2. Einrichtung der Formularfelder

3. Logik der Datenverarbeitung

4. Visuelles Design

5. Widget-Code

Öffnen des Formulars in einem modalen Fenster

Wenn Sie möchten, dass sich das Widget beim Klicken auf ein Element auf Ihrer Seite in einem modalen Fenster öffnet, gehen Sie zurück zum ganz Anfang der Blöcke und aktivieren Sie die Option „In modalen Fenstern verwenden“. Dort können Sie auch Hintergrundparameter, den Stil des modalen Fensters und Abstände konfigurieren.

Formularfelder

Details zu den Blöcken und Elementen, aus denen das Widget besteht, werden im Abschnitt „Wie man ein Widget erstellt“ beschrieben.

Fügen Sie dem Formular alle erforderlichen Felder hinzu. Geben Sie an, ob ein Feld erforderlich oder mit einem vordefinierten Wert ausgeblendet ist. Konfigurieren Sie außerdem alle notwendigen Anzeigestile für das Feld: Schriftart, Farbe, Hintergrund, Rahmen und Abstände.

Logik der Datenverarbeitung

Diese Einstellung bestimmt, was mit den übermittelten Daten geschieht, und wird beim Bearbeiten des Formular-Blocks in der Option „Verwendung der Formulardaten“ konfiguriert.

Die folgenden Optionen sind verfügbar:

• Einen Kontakt in Kwiga CRM erstellen

• Zugriff auf ein Produkt gewähren

Einen Kontakt in Kwiga CRM erstellen

Im CRM wird ein Kontakt erstellt. Wenn in Ihren Kontakten bereits ein Benutzer mit derselben E-Mail-Adresse vorhanden ist, wird er zu Kwiga weitergeleitet und ihm wird ein Anmeldeformular angezeigt. Nach erfolgreicher Autorisierung werden alle im Formular eingegebenen Felder (außer E-Mail) in seinem Kontaktprofil aktualisiert.

Sie können auch festlegen, was mit dem Kontakt nach dem Hinzufügen zum CRM geschehen soll:

• Im aktuellen Block bleiben: Das bedeutet, dass dem Benutzer Schritt 2 des aktuellen Formulars angezeigt wird

• Den Benutzer zu seinem Profil auf Kwiga weiterleiten

Zugriff auf ein Produkt gewähren

Sie können einen Kontakt erstellen und ihm sofort Zugriff auf ein Produkt gewähren. Wenn voller Zugriff gewährt wird oder der Zugriff über ein kostenloses Angebot erfolgt, erhält der Kontakt Zugriff auf das Produkt und wird nach dem Absenden des Formulars zur Präsentationsseite des Produkts weitergeleitet.

Wenn der Benutzer zuerst für das Produkt bezahlen muss, sollten Sie das entsprechende kostenpflichtige Angebot angeben.

Wenn ein kostenpflichtiges Angebot verbunden ist, erhalten Sie über die Option „Sofort zur Zahlung weiterleiten“ (standardmäßig aktiviert) die Möglichkeit festzulegen, ob der Benutzer direkt zur Zahlungsseite eines bestimmten Zahlungssystems gesendet oder zuerst zur standardmäßigen öffentlichen Angebotsseite auf Kwiga weitergeleitet werden soll.

Es gibt auch eine Ausnahme für kostenpflichtige Angebote, wenn mehr als ein Zahlungssystem verbunden ist oder wenn Ratenzahlungsoptionen aktiviert sind – also wenn der Benutzer eine Auswahl treffen muss. In diesem Fall erscheint die Option „Zahlungsabwicklung“.

Sie müssen aus den verfügbaren Optionen auswählen, wie die Zahlung abgewickelt werden soll:

Zu Kwiga weiterleiten, um eine Methode auszuwählen

Nach dem Absenden der Daten und dem Erstellen eines Kontakts wird der Benutzer zur standardmäßigen Kwiga-Zahlungsseite für das Angebot weitergeleitet.

Auswahl auf der Benutzerseite anzeigen

Die Auswahl der Zahlungsmethode und des Zahlungssystems erfolgt innerhalb des Widgets. Nachdem der Benutzer eine Methode ausgewählt hat, wird er automatisch zur Seite des Zahlungssystems weitergeleitet (unter Umgehung der standardmäßigen Kwiga-Seite).

Die Auswahl für den Benutzer treffen

Sie werden aufgefordert anzugeben, welches Zahlungssystem und welche Methode der Kunde verwenden wird. Nach dem Absenden des Formulars wird der Benutzer automatisch zur Seite des Zahlungssystems weitergeleitet.

Beachten Sie auch die Option „Aktivierungs-E-Mail senden“. Sie funktioniert genauso wie beim Hinzufügen eines Kontakts auf der Plattform.

Visuelles Design

Jedes Element oder jeder Block kann flexibel angepasst werden: Schriftart, Textgröße, Abstände, Randradius, Hintergrund und Rahmen. Sie können auch Anpassungen für Mobilgeräte festlegen.

Widget-Code

Nach der Konfiguration des Formulars müssen Sie den Widget-Code abrufen, um ihn auf Ihrer Website zu platzieren.

Achtung! Das Hinzufügen eines Widgets auf der Kwiga-Plattform (für Webinare und Kurse) erfordert keinen Code.

Speichern Sie alle Änderungen am Widget und gehen Sie zu dem Bereich, in dem alle erstellten Widgets aufgelistet sind (Einstellungen → Call to Action (CTA)).

Klicken Sie auf der Seite mit der Widget-Liste auf „...“ und wählen Sie „Widget-Code“ aus. Folgen Sie dann den Anweisungen im angezeigten modalen Fenster.