Episerver-BildBeispiel: Erstellen eines Bewerbungsformulars

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 Schaltfläche „Senden“.

  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.
    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. Episerver 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 „Versenden“Benennen Sie die Schaltfläche Lebenslauf absenden.
  4. Wählen Sie die Ansicht „Alle Eigenschaften“ und aktivieren Sie das Kontrollkästchen Navigationsleiste anzeigen, wenn das Formular mehrstufig ist.
  5. Ziehen Sie das Formular Bewerbung auf eine Website und veröffentlichen Sie die Seite.

Testen Sie Ihr Formular

Gehen Sie zum Testen auf die richtige Unterseite der Website 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.

    Episerver-Bild

  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.

    Episerver-Bild

  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 Episerver gespeichert.

    Episerver-Bild

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.

nach oben Episerver-Bild




Hilfe-Themen   Benötigen Sie Hilfe?   FAQs   Glossar   Sitemap   Videos

Episerver Benutzerhandbuch 18-1 | Freigegeben: 01-02-2018 | © Episerver 2018 | Feedback senden