Beispiel: Bewerbungsformular erstellen

Folgendes Beispiel zeigt, wie Sie ein mehrstufiges Bewerbungsformular erstellen. Im ersten Schritt gibt der Besucher seinen Namen und seine E-Mail-Adresse ein und wählt einen Jobtyp aus, für den er sich bewerben möchte. Wählt der Besucher den Jobtyp Support , wird ein zweiter Schritt angezeigt, in den er zusätzliche Informationen eingeben kann. Besucher, die einen anderen Jobtyp auswählen, werden direkt zu Schritt 3 weitergeleitet und können dort einen Lebenslauf hochladen. Das Formular verwendet die folgenden Elemente: Formularschritt, Text, Auswahl, Textbereich, Verborgene Besucherprofilierung, Datei-Upload und Senden-Schaltfläche.

  1. Wählen Sie Formulare aus dem Ressourcenbereich aus, um sich verfügbare Formularordner anzeigen zu lassen.
  2. Wählen Sie im Kontextmenü eines Ordners Neues Formular aus und geben Sie ihm einen Namen, zum Beispiel Bewerbung.
  3. Ziehen Sie folgende Formularelemente in den neuen Formularcontainer. Verändern Sie die Elemente wie folgt (fügen Sie Ihren eigenen Platzhaltertext hinzu) und veröffentlichen Sie jedes Element:
    FormularelementKonfiguration
    FormularschrittBenennen Sie das Formularelement Schritt 1.
    TextBenennen Sie das Feld Vollständiger Name und aktivieren Sie das Kontrollkästchen Erforderlich.
    TextBenennen Sie das Feld E-Mail und fügen Sie einen Tooltip hinzu.
    AuswahlPassen Sie die Einstellungen des Formularelements wie folgt an:
    • Benennen Sie das ElementJobtyp
    • Feldtext: Jobtyp
    • Aktivieren Sie das Kontrollkästchen Erforderlich.
    • Wählen Sie unter Alternativen Manuelle Eingabe verwenden und fügen Sie die folgenden Elemente hinzu:
      • Alternative: Entwicklung ; Wert Entwicklung
      • Alternative: Engineering; Wert Engineering
      • Alternative: Expert Services; Wert Expert Services
      • Alternative: Support; Wert Support
    FormularschrittDieses Formularelement fügt einen bedingten Schritt hinzu, der nur angezeigt wird, wenn der Besucher den Jobtyp Support wählt.
    • Benennen Sie das Formularelement Schritt 2.
    • Nehmen Sie bei dem Reiter Einstellungen die folgenden Einstellungen vor:
      • Nur anzeigen wenn Feld: Klicken Sie auf Durchsuchen [...] und wählen Sie Jobtyp aus.

        Bild: Jobtyp

      • Wert...: Wählen Sie Entspricht aus.
      • dem folgenden Wert: Geben Sie Support ein.

        Bild: Konfiguration der Registerkarte „Einstellungen“

    TextbereichBenennen Sie das Formularelement Begleitschreiben.
    Formularschritt Benennen Sie das Formularelement Schritt 3.
    Verborgene BesucherprofilierungWählen Sie Geo: Regionalcode. Dieses Feld wird nur für interne Zwecke verwendet und dem Besucher nicht angezeigt. Optimizely protokolliert, wo sich jeder Besucher (der das Formular ausfüllt) befindet.
    Datei-UploadDieses Formularelement fügt eine Funktion zum Hochladen von Dateien ein, bei der Sie bestimmen, welche Dateitypen und Dateigröße der Besucher hochladen darf.

    Passen Sie die Einstellungen des Formularelements wie folgt an:

    • Feldtext: Lebenslauf hochladen. Erlaubte Dateitypen: PDF, DOCX, TXT.
    • Max. Dateigröße: 4 (MB).
    • Zulässige Dateiformatepdf, docx, txt
    • Aktivieren Sie das Kontrollkästchen Erforderlich.
    Schaltfläche zum VersendenBenennen Sie die Schaltfläche Lebenslauf absenden.

    Bild: Bearbeitetes-Bewerbungsformular

  4. Wählen Sie die Ansicht Alle Eigenschaften und aktivieren Sie das Kontrollkästchen Navigationsleiste anzeigen, wenn das Formular mehrstufig ist.
  5. Veröffentlichen Sie den Formularcontainer.
  6. Ziehen Sie das Formular Bewerbung per Drag-and-drop 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. Geben Sie einen Namen, eine E-Mail-Adresse ein, wählen Sie einen Jobtyp aus und klicken Sie auf Nächster.

    Bild: Beispiel für Schritt 1

  2. Wenn Sie Support auswählen, sehen Sie den nachfolgenden Schritt. Wenn Sie Support nicht auswählen, überspringen Sie diesen Schritt und gehen zum Folgeschritt über. Geben Sie den Text für ein Begleitschreiben ein und klicken Sie auf Nächster.

    Bild: Beispiel für Schritt 2

  3. Klicken Sie auf Datei auswählen und laden Sie eine Datei hoch (nur pdf, docx oder txt). Klicken Sie dann auf Lebenslauf absenden. Nach dem Übermitteln der Daten werden diese in Optimizely gespeichert.

    Bild: Beispiel für Schritt 3

Formularübermittlungen anzeigen

Um Ihre Testergebnisse anzusehen, gehen Sie zu Ihrem Bewerbungsformular und wählen Sie Formularübermittlungen im Kontextmenü aus. Die Ansicht Formularübermittlungen wird mit den Daten angezeigt, die aus dem Formular übermittelt werden.

Bild: Bewerbungsformularübermittlungen