Ein Umfrageelement zu Ihrem Widget hinzufügen

Im Widget Studio können Sie mit einer Reihe spezieller Survey elements voll funktionsfähige Umfragen erstellen (z. B. NPS, CSAT, Zufriedenheitsformulare, Produktfeedback). Jedes Element verfügt über eigene Anpassungsmöglichkeiten. Die Suite der Survey-Elemente ermöglicht Ihnen Folgendes:

• Strukturierte, markenkonforme NPS- und CSAT-Widgets erstellen.
• Qualitatives und quantitatives Feedback sammeln.
• Detaillierte Validierungsregeln anwenden.
• Antworten flexibel exportieren oder weiterleiten.

Sie können Umfragedaten in Kameleoon (im .csv-Format exportierbar) sammeln oder über eine HTTP-Anfrage an einen externen Dienst weiterleiten.

​

Umfrageelemente

Umfrageelemente werden im Bereich Survey im Panel Add element angezeigt.

• Button: Erforderlich, um die Übermittlung der Umfrage auszulösen.
• Short answer: Erfasst kurze Texteingaben von Benutzern.
• Long answer: Ideal für längere, offene Rückmeldungen.
• Multiple choice: Unterstützt Kontrollkästchen, Einzel- oder Mehrfachauswahl, ein optionales „Other”-Feld und die Randomisierung von Antworten.
• NPS: Erfasst Net-Promoter-Score-Daten mit optionalen Folgefragen.
• Scale: Stellt eine Skala mit Zahlen oder Emojis dar.

Jedes Element kann mit dedizierten Einstellungs- und Stiloptionen im Widget Studio konfiguriert werden.

​

Einstellungen

​

Button

​

Allgemeine Einstellungen

• Button text:
  • Geben Sie den Text Ihrer Schaltfläche in das Textfeld ein.
  • Verwenden Sie die Schaltflächen vor dem Textfeld, um:
    • Ihren Text mit KI zu bearbeiten.
    • Auf Stiloptionen zuzugreifen.
    • Die Schriftart Ihres Textes zu bearbeiten.
    • Die Ausrichtung Ihres Textes zu ändern.
    • Die Farbe Ihres Textes zu bearbeiten.
    • Einen Emoji hinzuzufügen.
  • Klicken Sie auf das three-dots menu, um:
    • Die Formatierung 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 Ihre Schaltfläche aus.

​

Erweiterte Einstellungen

In Advanced Settings können Sie Folgendes festlegen:

• Default state: Ob die Schaltfläche standardmäßig angezeigt wird.

• Redirection URL: Die URL, zu der die Schaltfläche Benutzer weiterleitet.
• Open in new tab: Legen Sie fest, ob die Weiterleitungs-URL in einem neuen Tab geöffnet wird.

​

Design

Das Menü Design enthält zwei Registerkarten: General und Style.

General

In der Registerkarte General können Sie Folgendes festlegen:

• Alignment: Ändern Sie die Ausrichtung der Schaltfläche.
• Reposition and resize: Sie können Ihre Schaltfläche auf der X- und Y-Achse positionieren oder ihre Breite und Höhe in Pixeln oder Prozent definieren.
  • Klicken Sie auf Activate translate settings, um auf Übersetzungsoptionen zuzugreifen. Sie können Ihre Schaltfläche von ihrer aktuellen X- oder Y-Achsenposition um einen festgelegten Wert in Pixeln oder Prozent verschieben.
• Devices Synchronization: Wählen Sie ein Gerät aus und legen Sie fest, wie die Schaltfläche mit anderen Geräten synchronisiert wird.
  • 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. Definieren Sie die Eigenschaften der Schaltfläche auf diesem Gerät separat.
  • Hide: Die Schaltfläche wird auf dem Gerät nicht angezeigt.
• Padding: Fügen Sie Abstand zwischen den Rändern der Schaltfläche und ihrem Text hinzu.
• CSS And Classes: Fügen Sie CSS und Klassen hinzu, um Ihre Schaltfläche zu gestalten.

Style

In der Registerkarte Style können Sie Folgendes festlegen:

• State: Die Optionen sind enabled, hover oder off.
• Text: Legen Sie die Zeilenhöhe des Textes fest und wenden Sie die gewünschten Transformationen an.
• Background: Ändern Sie den Hintergrundtyp oder die Farbe 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 und long answer

​

Allgemeine Einstellungen

• Label/Question: Die Hauptaufforderung/Frage.
• Placeholder (optional): Text, der vor der Benutzereingabe angezeigt wird; verschwindet, sobald der Benutzer mit der Eingabe beginnt.
• Pre-filled value (optional): Fügt eine vordefinierte Antwort in das Feld ein.
• Default state: Bestimmt, ob das Feld beim Laden aktiviert oder deaktiviert ist.

​

Erweiterte Einstellungen

• Label position: Positionieren Sie das Label vor oder hinter dem Eingabefeld.
• Character limit: Maximale Anzahl an zulässigen Zeichen.
• Make required: Zwingt Benutzer, eine bestimmte Frage vor dem Absenden zu beantworten. An das Label wird automatisch ein * angehängt. Durch Aktivieren von Make required wird der Abschnitt Validation rule angezeigt, in dem Sie zusätzliche Eingabebeschränkungen festlegen können.
• Validation rule:

• Error message: Benutzerdefinierte Meldung, die bei fehlgeschlagener Validierung angezeigt wird. Konfigurieren Sie den Stil der Fehlermeldung in Design > Answers, indem Sie den Zustand Invalid auswählen.

​

Multiple choice

​

Allgemeine Einstellungen

• Question: Der Fragetext, der vor den Antworten angezeigt wird.
• Answers: Fügen Sie Antwortmöglichkeiten hinzu, entfernen oder ordnen Sie sie neu. Klicken Sie auf Add an answer, um weitere Optionen zu erstellen.

​

Erweiterte Einstellungen

• Multiple selection: Erlaubt Benutzern, mehr als eine Antwort auszuwählen. Wenn deaktiviert, kann nur eine Antwort ausgewählt werden.
• Add “Other”: Fügt eine offene Texteingabe mit der Bezeichnung „Other” hinzu, damit Benutzer eine benutzerdefinierte Antwort schreiben können.
• Randomize answers: Mischt die Reihenfolge der aufgeführten Antworten für jeden Benutzer zufällig, um Auswahlverzerrungen zu reduzieren.
• Make required: Wenn aktiviert, müssen Benutzer mindestens eine Antwort auswählen, um die Umfrage abzusenden. Nach dem Frage-Label wird automatisch ein * angehängt (gleicher Stil wie Question in der Registerkarte Design).

​

Scale

​

Allgemeine Einstellungen

• Scale type: Emojis, Stars, Hearts oder Numbers.
• Scale item count: Anzahl der Werte auf der Skala (z. B. 1-5).
• Question: Die Hauptaufforderung.

​

Skalen-Labels

• Label position: Zeigen Sie Labels vor, hinter den Skalenelementen an oder blenden Sie sie aus.
• Sie können Labels für jedes Skalenelement anpassen.

​

Erweiterte Einstellungen

Make required: Verpflichtet Benutzer, vor dem Absenden zu antworten.

​

NPS

​

Fragestruktur

• Der Wortlaut der NPS-Frage ist aus Standardisierungsgründen teilweise festgelegt. Sie können nur Teile der Frage bearbeiten. Um die Sprache zu ändern, gehen 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 Produkt/Dienstleistung und Ziel bearbeiten.
• Follow-up question (optional):
  • Anzeige für All users oder nur für:
    • Promoters (Score 9-10)
    • Passives (Score 7-8)
    • Detractors (Score 0-6)
  • Ermöglicht bedingte Folgeinhalte.
• Make required: Markieren Sie nur den anfänglichen NPS-Score als erforderlich. Die Folgefrage ist immer optional.