Umfrage-Elemente
Umfrage-Elemente erscheinen im Abschnitt Survey im Panel Add element.
- Button: Sendet die Umfrage ab, wenn ein Besucher darauf klickt. Wählen Sie unter When is the survey submitted? die Option A button is clicked aus, um das Element als Auslöser zu verwenden.
- Short answer: Erfasst kurze Texteingaben von Besuchern.
- Long answer: Erfasst längeres, offenes Feedback.
- Multiple choice: Unterstützt Kontrollkästchen, Einfach- oder Mehrfachauswahl, ein optionales Feld „Other“ und die zufällige Reihenfolge der Antworten.
- NPS: Erfasst Daten zum Net Promoter Score mit optionalen Folgefragen.
- Scale: Stellt eine Skala mit Emojis, Sternen, Herzen oder Zahlen dar.
- Hidden input: Ein unsichtbares Formularfeld, das Metadaten speichert, die zusammen mit dem Formular übermittelt, dem Besucher aber nicht angezeigt werden.
Formular-Elemente
Der Abschnitt Form enthält diese Elemente:- Input: Ein vollständig anpassbares Texteingabefeld, das Zeichenketten von Besuchern erfasst.
- Date: Ein Feld, das Besucher zur Angabe eines Datums auffordert. Besucher klicken darauf, um das Panel für die Datumsauswahl zu öffnen.
- Time: Ein Feld, das Besucher zur Angabe einer Uhrzeit auffordert. Besucher klicken darauf, um das Panel für die Zeitauswahl zu öffnen.
- Toggle: Ein Schalter mit zwei möglichen Zuständen, zum Beispiel ON und OFF.
- Checkbox: Ein Kontrollkästchen, zu dem Sie ein Element Text hinzufügen können.
- Radio button: Ein Optionsfeld, zu dem Sie ein Element Text hinzufügen können.
- Dropdown: Ein vollständig anpassbares Dropdown-Menü, in dem Sie auswählbare Optionen hinzufügen können.
- Text area: Ein vollständig anpassbares Textfeld mit Platzhalter.
- Range input: Ein vollständig bearbeitbarer Schieberegler, mit dem Besucher einen Wert innerhalb eines Bereichs auswählen können.
- Error message: Ein Textfeld, das eine bestimmte Meldung anzeigt, wenn im Formular ein Fehler auftritt.
- Multi step form
Umfrage-Elemente konfigurieren
Wählen Sie ein Umfrage-Element auf der Zeichenfläche aus, um seine Einstellungen zu öffnen.Button
General settings
- Button text:
- Geben Sie den Text der Schaltfläche in das Textfeld ein.
- Verwenden Sie die Schaltflächen vor dem Textfeld, um:
- Ihren Text mit KI zu bearbeiten.
- Auf Gestaltungsoptionen zuzugreifen.
- Die Schriftart Ihres Textes zu bearbeiten.
- Die Ausrichtung Ihres Textes zu ändern.
- Die Farbe Ihres Textes zu bearbeiten.
- Ein Emoji hinzuzufügen.
- Klicken Sie auf das three-dots menu, um:
- Formatierungen zu entfernen.
- Den Texteditor zu erweitern.
- Style: Ändern Sie den Hintergrundtyp und die Farbe der Schaltfläche.
- Animation: Wählen Sie eine Eingangs- oder Ausgangsanimation für die Schaltfläche aus.
Advanced settings
Unter Advanced Settings können Sie Folgendes festlegen:- Default state: Ob die Schaltfläche standardmäßig angezeigt wird.
Wenn Sie die Schaltfläche ausschalten und zuvor Make required bei einer beliebigen Umfrage aktiviert haben, wird die Schaltfläche automatisch eingeschaltet, sobald Besucher alle Pflichtelemente auf demselben Bildschirm beantwortet haben.
- Redirection URL: Die URL, an die die Schaltfläche Besucher weiterleitet.
- Open in new tab: Legen Sie fest, ob die Weiterleitungs-URL in einem neuen Tab geöffnet wird.
Design
Im Menü Design werden zwei Registerkarten angezeigt: General und Style.General
Auf der Registerkarte General können Sie Folgendes festlegen:- Alignment: Ändern Sie die Ausrichtung der Schaltfläche.
- Reposition and resize: Sie können die Schaltfläche auf den Achsen X und Y positionieren oder ihre Breite und Höhe in Pixel oder Prozent festlegen.
- Klicken Sie auf Activate translate settings, um die Optionen für die Verschiebung aufzurufen. Sie können die Schaltfläche ausgehend von ihrer aktuellen Position auf der X- oder Y-Achse um einen festgelegten Betrag in Pixel oder Prozent verschieben.
- Devices synchronization: Wählen Sie ein Gerät aus und legen Sie fest, wie sich die Schaltfläche mit anderen Geräten synchronisiert.
- Fully synchronized: Die Schaltfläche synchronisiert alle ihre Eigenschaften mit dem Master-Gerät.
- Partially synchronized: Die Schaltfläche synchronisiert alle ihre Eigenschaften mit dem Master-Gerät, es sei denn, Sie ändern eine Eigenschaft auf einem anderen Gerät.
- No synchronization: Die Schaltfläche synchronisiert keine Eigenschaften mit dem Master-Gerät. Legen Sie die Eigenschaften der Schaltfläche auf diesem Gerät separat fest.
- Hide: Die Schaltfläche wird auf dem Gerät nicht angezeigt.
- Padding: Fügen Sie einen Innenabstand zwischen den Rändern der Schaltfläche und ihrem Text hinzu.
- CSS and classes: Fügen Sie CSS und Klassen hinzu, um die Schaltfläche zu gestalten.
Style
Auf der Registerkarte Style können Sie Folgendes festlegen:- State: Zur Auswahl stehen enabled, hover und off.
- Text: Legen Sie die Zeilenhöhe des Textes fest und wenden Sie gewünschte Transformationen an.
- Background: Ändern Sie den Hintergrundtyp oder die Hintergrundfarbe der Schaltfläche.
- Border: Fügen Sie einen Rahmen um alle Seiten der Schaltfläche oder einen benutzerdefinierten Rahmen hinzu.
- Shadow: Fügen Sie einen Schatten hinzu und bearbeiten Sie dessen Farbe oder Position.
Short answer and long answer
General settings
- Label/Question: Die Hauptfrage.
- Placeholder (optional): Text, der vor der Eingabe angezeigt wird und verschwindet, sobald der Besucher zu tippen beginnt.
- Pre-filled value (optional): Fügt eine vordefinierte Antwort in das Feld ein.
- Default state: Legt fest, ob das Feld beim Laden eingeschaltet oder ausgeschaltet ist.
Advanced settings
- Label position: Legen Sie fest, ob das Label vor oder hinter dem Eingabefeld steht.
- Character limit: Maximale Anzahl zulässiger Zeichen.
- Make required: Besucher müssen die Frage beantworten, bevor sie absenden. Ein
*wird automatisch an das Label angehängt. Wenn Sie Make required aktivieren, wird der Bereich Validation rule angezeigt, in dem Sie zusätzliche Eingabebeschränkungen festlegen können. - Validation rule: Prüft die Antwort anhand einer Regel, zum Beispiel Not empty oder Length. Informationen zu jeder Option und ihrer Funktionsweise finden Sie unter Eingaben in Short answer validieren.
- Error message: Benutzerdefinierte Meldung, die angezeigt wird, wenn die Validierung fehlschlägt. Konfigurieren Sie den Stil der Fehlermeldung unter Design > Answers, indem Sie den Invalid state auswählen.
Multiple choice
General settings
- Question: Der Fragetext, der vor den Antworten angezeigt wird.
- Answers: Fügen Sie Antwortoptionen hinzu, entfernen Sie sie oder ordnen Sie sie neu an. Klicken Sie auf Add an answer, um weitere Optionen zu erstellen.
Advanced settings
- Multiple selection: Erlaubt Besuchern, mehr als eine Antwort auszuwählen. Ist die Option ausgeschaltet, können Besucher nur eine Antwort auswählen.
- Add “Other”: Fügt ein offenes Texteingabefeld mit der Bezeichnung „Other“ hinzu, damit Besucher eine eigene Antwort schreiben können.
- Randomize answers: Mischt die Reihenfolge der aufgelisteten Antworten für jeden Besucher zufällig, um Auswahlverzerrungen zu verringern.
- Make required: Ist die Option aktiviert, müssen Besucher mindestens eine Antwort auswählen, um die Umfrage abzusenden. Ein
*wird automatisch nach dem Label der Frage angehängt (im gleichen Stil wie Question auf der Registerkarte Design).
Scale
General settings
- Scale type: Emojis, Stars, Hearts oder Numbers.
- Scale item count: Anzahl der Werte auf der Skala (zum Beispiel 1 bis 5).
- Question: Die Hauptfrage.
Skalenbeschriftungen
- Label position: Zeigen Sie die Beschriftungen vor den Skalenelementen oder hinter ihnen an oder blenden Sie sie aus.
- Sie können die Beschriftungen für jedes Skalenelement anpassen.
Advanced settings
- Make required: Besucher müssen vor dem Absenden antworten.
NPS
Aufbau der Frage
- Der Wortlaut der NPS-Frage ist zur Standardisierung teilweise festgelegt. Sie können nur Teile der Frage bearbeiten. Um die Sprache zu ändern, wechseln Sie zur Registerkarte Translation und legen Sie eine Standardsprache fest.
Felder
- How likely are you to recommend (X) to (Y)?
- Sie können die Felder für das Produkt bzw. die Dienstleistung und das Ziel bearbeiten.
- Follow-up question (optional):
- Anzeige für All users oder nur für:
- Promoters (Bewertung 9 bis 10)
- Passives (Bewertung 7 bis 8)
- Detractors (Bewertung 0 bis 6)
- Ermöglicht bedingte Folgeinhalte.
- Anzeige für All users oder nur für:
- Make required: Markieren Sie nur den initial NPS score als Pflichtfeld. Die Folgefrage ist immer optional.
Formular-Elemente konfigurieren
Wählen Sie ein Formular-Element auf der Zeichenfläche aus, um seine Einstellungen zu öffnen. Formular-Elemente haben zwei Registerkarten: General und States. Die Registerkarte General enthält die Einstellungen des Elements. Bei einem Dropdown gehören Initial state, Required und Placeholder dazu.
Umfragedaten erfassen
Sie können Umfragedaten in Kameleoon erfassen und im .csv-Format exportieren oder über eine HTTP-Anfrage an einen externen Dienst senden. Legen Sie die Erfassung auf der Registerkarte Survey Settings fest.- Öffnen Sie die Registerkarte Survey Settings im Content-Panel.
- Aktivieren Sie Collect survey data.
- Wählen Sie unter When is the survey submitted? aus, wann Antworten gesendet werden. Wählen Sie A button is clicked und anschließend das Element Button aus, oder wählen Sie The widget is closed oder An answer is clicked.
- Wählen Sie unter How are responses collected? die Option Kameleoon, um Antworten in Kameleoon zu speichern, oder die Option Externally (HTTP Request), um sie an eine URL zu senden.
- Wenn Sie Externally (HTTP Request) ausgewählt haben, geben Sie einen Request name ein, wählen Sie eine Method (GET oder POST), geben Sie die Action URL ein und klicken Sie optional auf Add header request, um einen Header hinzuzufügen.
- Klicken Sie auf Save.
Ein Newsletter-Formular erstellen
Das Widget Studio bietet Newsletter-Vorlagen als Ausgangspunkt an. Um ein Newsletter-Formular von Grund auf zu erstellen, fügen Sie die Elemente in dieser Reihenfolge hinzu.- Klicken Sie auf Add element und wählen Sie im Abschnitt Survey Short answer aus. Verwenden Sie das Element für die E-Mail-Adresse.
- Klicken Sie auf Add element und wählen Sie im Abschnitt Form Dropdown aus.
- Klicken Sie in den Einstellungen des Dropdown auf +Add option und geben Sie Latest products ein.
- Klicken Sie auf Add element und wählen Sie ein zweites Dropdown aus. Blenden Sie in der linken Seitenleiste das zweite Dropdown aus, bis ein Besucher Latest products auswählt. Informationen zur Konfiguration des Ereignisses, das es einblendet, finden Sie unter Bedingte Logik hinzufügen.
- Klicken Sie auf Add element und wählen Sie im Abschnitt Form Checkbox aus. Verwenden Sie das Element für die Nutzungsbedingungen.
- Klicken Sie auf Add element und wählen Sie im Abschnitt Survey Button aus, um das Formular abzusenden.