Beispiel: Kundenzufriedenheitsumfrage erstellen

Dieses Beispiel zeigt, wie Sie eine Kundenzufriedenheitsumfrage erstellen, die je nach Antwort des Besuchers unterschiedliche Formularelemente anzeigt. Die Umfrage ist für ein Café, das wissen möchte, was die Kunden am Angebot dieses Cafés mögen und was nicht.

Die Kundenzufriedenheitsumfrage besteht aus drei Schritten. Im ersten Schritt werden grundlegende personenbezogene Daten (Name und E-Mail-Adresse) erhoben, im zweiten Schritt werden Kundenmeinungen eingeholt, und im dritten Schritt kann ein Besucher an einem Fotowettbewerb teilnehmen, indem er ein im Café aufgenommenes Foto hochlädt.

Im zweiten Schritt, dem Sammeln von Kundenmeinungen, sind einige Formularelemente von anderen Formularelementen abhängig. Das heißt, wenn ein Besucher auf die Frage Was gefällt dir am Café am besten? mit Essen antwortet, wird eine zusätzliche Frage angezeigt. Die Zusatzfrage Welches Essen mögen Sie besonders? wird nicht angezeigt, wenn der Besucher bei der ersten Frage Personal, Ambiente oder Getränke wählt.

Bild: Zusätzliche Frage, die je nach vorheriger Auswahl angezeigt wird.

Das Beispiel verwendet die folgenden Formularelemente: Formularschritt, Text, Textbereich, Mehrfach- oder Einfachauswahl, Auswahl, Datei-Upload und Schaltfläche zum Versenden. Weitere Informationen finden Sie unter Formularelementtypen.

Alle Formularelemente und der Formularcontainer selbst müssen veröffentlicht werden, damit sie verfügbar sind. Sie können die Projekte-Funktion verwenden, um alle Elemente zu verwalten und mehrfach zu veröffentlichen.

  1. Wählen Sie den Reiter Forms aus dem Ressourcenbereich aus.
  2. Navigieren Sie zu einem Ordner, in dem Sie das Formular speichern möchten, oder erstellen Sie einen neuen Ordner, indem Sie die Option Neuer Ordner aus dem Kontextmenü wählen.
  3. Wählen Sie im Kontextmenü eines Ordners die Option Neues Formular aus und geben Sie eine Bezeichnung ein, z. B. Kundenzufriedenheitsumfrage.
  4. Rufen Sie die Ansicht Alle Eigenschaften auf und bearbeiten Sie die Formularcontainer-Einstellungen wie folgt:
    EigenschaftKonfiguration
    FormulartitelBenennen Sie das Formular mit dem Titel Kundenzufriedenheitsumfrage.
    BeschreibungGeben Sie die Beschreibung Nehmen Sie an unserer Umfrage teil! ein.
    Mehrere Übermittlungen von derselben IP-Adresse/vom selben Cookie aus zulassenAktivieren Sie dieses Kontrollkästchen, wenn Sie das Formular mehrmals selbst testen möchten oder wenn Sie den Besuchern erlauben möchten, die Umfrage mehrmals einzusenden.
    Navigationsleiste anzeigen...Aktivieren Sie das Kontrollkästchen Navigationsleiste anzeigen...

    Bild: Formularcontainer-Einstellungen

  5. Ziehen Sie folgende Formularelemente per Drag-and-drop in den Bereich Formularelemente im neuen Formularcontainer. Verändern Sie die Elemente wie folgt (fügen Sie Ihre eigenen Tooltips und einen eigenen Platzhaltertext hinzu) und veröffentlichen Sie jedes Element:
    FormularelementKonfiguration
    FormularschrittBenennen Sie den Formularschritt Grundlegende personenbezogenen Daten. (Mit Name wird das Formularelement in der CMS-Benutzeroberfläche bezeichnet; Schritttitel wird dem Besucher angezeigt, der das Formular ausfüllt.)
    TextBenennen Sie das Formularelement Ihr Name. Aktivieren Sie das Kontrollkästchen Erforderlich.
    TextBenennen Sie das Feld Ihre E-Mail-Adresse. Aktivieren Sie das Kontrollkästchen E-Mail.
    FormularschrittBenennen Sie den Formularschritt Ihre Meinungen.
    Mehr- oder EinfachauswahlPassen Sie die Einstellungen des Formularelements wie folgt an:
    • Benennen Sie das ElementDas Beste am Café
    • FeldtextWas gefällt Ihnen am Café am besten?
    • Aktivieren Sie das Kontrollkästchen Erforderlich.
    • Wählen Sie unter Auswahlmöglichkeiten > Manuelle Eingabe verwenden aus und fügen Sie durch Anklicken des Plus-Symbols + die folgenden Elemente hinzu (setzen Sie Wert auf die gleiche Option wie Auswahlmöglichkeit):
      • Auswahlmöglichkeit: Personal
      • Auswahlmöglichkeit: Ambiente
      • Auswahlmöglichkeit: Essen
      • Auswahlmöglichkeit: Getränke
    AuswahlPassen Sie die Einstellungen des Formularelements wie folgt an:
    • Benennen Sie das ElementBestes Essen
    • Feldtext: Welches Essen mögen Sie besonders?
    • Aktivieren Sie das Kontrollkästchen Erforderlich.
    • Wählen Sie unter Auswahlmöglichkeiten > Manuelle Eingabe verwenden aus und fügen Sie durch Anklicken des Plus-Symbols + die folgenden Elemente hinzu (setzen Sie Wert auf die gleiche Option wie Auswahlmöglichkeit):
      • Auswahlmöglichkeit: Die Pizzas
      • Auswahlmöglichkeit: Fish & Chips
      • Auswahlmöglichkeit: Tunfisch-Mayonnaise-Sandwich
      • Auswahlmöglichkeit: Den leckeren Kuchen natürlich!
    • Stellen Sie in dem Reiter Abhängigkeiten folgendes ein:
      • Dieses Feld auf Einblenden
      • Wenn auf Alle
      • Fügen Sie wie folgt eine Bedingung hinzu:
        Bild: Bedingung für das Element Bestes Essen
    Mehr- oder EinfachauswahlPassen Sie die Einstellungen des Formularelements wie folgt an:
    • Benennen Sie das Element: Das Schlechteste am Café
    • Feldtext: Was gefällt Ihnen am Café nicht?
    • Aktivieren Sie das Kontrollkästchen Erforderlich.
    • Wählen Sie unter Auswahlmöglichkeiten > Manuelle Eingabe verwenden aus und fügen Sie durch Anklicken des Plus-Symbols + die folgenden Elemente hinzu (setzen Sie Wert auf die gleiche Option wie Auswahlmöglichkeit):
      • Auswahlmöglichkeit: Personal
      • Auswahlmöglichkeit: Essen
      • Auswahlmöglichkeit: Getränke
      • AuswahlmöglichkeitNichts, alles ist perfekt
    TextbereichPassen Sie die Einstellungen des Formularelements wie folgt an:
    • Benennen Sie das ElementBeschwerden über Essen
    • Feldtext: Warum schmeckt Ihnen unser Essen nicht?
    • Stellen Sie in dem Reiter Abhängigkeiten folgendes ein:
      • Dieses Feld auf Einblenden
      • Wenn auf Alle
      • Fügen Sie wie folgt zwei Bedingungen hinzu:
        Bild: Bedingung für das Element Beschwerde über Essen
    Formularschritt Benennen Sie das Formularelement Wettbewerb.
    Mehr- oder EinfachauswahlBenennen Sie das Formularelement Möchten Sie an unserem Fotowettbewerb teilnehmen und ein Abendessen für zwei Personen gewinnen? (optional)
    • Benennen Sie das ElementFotowettbewerb
    • Feldtext: Möchten Sie an unserem Fotowettbewerb teilnehmen und ein Abendessen für zwei Personen gewinnen? (optional)
    • Wählen Sie unter Auswahlmöglichkeiten > Manuelle Eingabe verwenden aus und fügen Sie durch Anklicken des Plus-Symbols + die folgenden Elemente hinzu (setzen Sie Wert auf die gleiche Option wie Auswahlmöglichkeit):
      • Auswahlmöglichkeit: Ja
      • Auswahlmöglichkeit: Nein
    Datei-Upload
    • Benennen Sie das Formularelement Laden Sie hier Ihr Foto hoch und legen Sie die zulässigen Dateierweiterungen und eine maximale Upload-Größe fest.
    • Stellen Sie in dem Reiter Abhängigkeiten folgendes ein:
      • Dieses Feld auf Einblenden
      • Wenn auf Alle
      • Fügen Sie wie folgt eine Bedingung hinzu:
        Bild: Bedingung für das Element Datei-Upload
    Schaltfläche zum VersendenBenennen Sie die Schaltfläche Ihre Meinungen absenden.
  6. Veröffentlichen Sie den Formularcontainer.

    Bild: Formularvorschau

  7. Ziehen Sie das Formular Kundenzufriedenheitsumfrage auf eine Webseite und veröffentlichen Sie die Seite.

Testen Sie Ihr Formular

Gehen Sie zum Testen auf die richtige Unterseite der Webseite und geben Sie im Ansichtsmodus auf der Seite Daten ins Formular ein.

  1. Fügen Sie im ersten Schritt einen Namen und eine E-Mail-Adresse hinzu. Klicken Sie auf Nächster Schritt.
  2. Wählen Sie Essen aus und beachten Sie, dass eine neue Frage angezeigt wird: Welches Essen mögen Sie besonders? Wählen Sie eine der Optionen aus.
  3. Wählen Sie unter Was gefällt Ihnen am Café nicht?Essen aus und beachten Sie, dass ein freies Textfeld angezeigt wird. Geben Sie einen Kommentar in das Textfeld ein und klicken Sie auf Nächster Schritt.
  4. Wählen Sie Ja aus, um am Fotowettbewerb teilzunehmen und ein Foto hochzuladen. Klicken Sie auf Senden. Nach dem Übermitteln der Daten, werden diese in Optimizely gespeichert.

Formularübermittlungen anzeigen

Um sich das Ergebnis Ihres Tests anzeigen zu lassen, rufen Sie Ihr Formular zur Kundenzufriedenheitsumfrage im Ressourcenbereich auf und wählen Sie Formularübermittlungen aus dem Kontextmenü aus. Die Ansicht Formularübermittlungen wird mit den Daten angezeigt, die aus dem Formular übermittelt werden.

Bild: Formularübermittlungen

Wenn Sie alle Besucher finden möchten, die am Fotowettbewerb teilnehmen wollten, können Sie die Formularübermittlungen entweder sortieren, indem Sie auf die Spalte Fotowettbewerb klicken, oder indem Sie in dieser Spalte nach der Antwort Ja suchen:

Bild: Formularübermittlungen suchen