MultiStep Form mit Übersichtsseite

  • Roman Baier
    Gefragt am 4. Mai 2021 um 08:03

    Guten Tag,

    ich benötige Hilfe beim erstellen eines Formulars.

    Im Screenshot sieht man ein Formular zum erfassen eines neuen Fahrzeug-Inserats für einen Fahrzeugmarkt.

    Sie können das Formular auch selbst einsehen, dazu müssen Sie folgende Schritte durchführen.

    Generell gesehen ist es ein mehrseitiges Formular mit ca. 20-30 Seiten.

    Das Problem, welches ich gerade nicht lösen kann ist, wie man eine Status-Übersichtsseite erstellen kann (Screenshot) woraus man von einer Seite zur anderen Navigieren kann, wenn man dem automatischen Leitfaden nicht folgen möchte.


    Könnten Sie mir helfen diese Art Formular zu erstellen?


    Viele Grüße

    Roman Baier


    Jotform Thread 3076704 Screenshot
  • Dagmar_B
    Geantwortet am 5. Mai 2021 um 01:00

    Hallo,

    Dem Screenshot nach zu Urteilen ist diese Start-Seite ein Formular mit ein- und ausklappenden Bereichen.

    Dies können sie durch Einbau von Feldern zum Abschnitt einklappen erreichen:

    1620190303 6092245fa965e  Screenshot 10

    In Benutzung sieht dies dann so aus:

    1620190441 609224e970544  Screenshot 21

    Es ist dann kein mehrseitiges Formular mehr, da alle Punkte ja als Übersicht auf der ersten Seite sichtbar sind.

    Die Unterpunkte könne durch Bedingungen zusätzlich weiter ein und ausgeblendet werden, je nachdem was vom Nutzer ausgewählt wird. Smarte-Formulare: Bedingte-Logik-für-online-Formulare

    Alternativ könnten Sie das Formular mit dem Seitenumbruch in verschiedene Seiten teilen und dann mit dem Breadcrumb-Widget eine Navigation erstellen:

    1620190701 609225ed01310  Screenshot 32

    Ich hoffe, dies hilft Ihnen weiter. Kommen Sie gerne mit weiteren Fragen wieder auf uns zu.

  • Roman_Baier_spam
    Geantwortet am 5. Mai 2021 um 02:44

    Hallo Dagmar,

    danke für deine Rückmeldung. Dein Ansatz wird mir helfen die Übersichtsseite anzulegen, danke.

    Die Logik hinter der Übersichtsseite ist jedoch eine andere.

    Im folgenden zeige ich dir einige Screenshots.


    1620196355 60923c0319a65 Bildschirmfoto Screenshot 10

    durch das klicken auf den Button Bearbeiten gelangt man zur Detailseite um die Daten passend zu diesem Bereich hinterlegen zu können..


    1620196463 60923c6fc443c Bildschirmfoto% Screenshot 21

    Sobald man hier auf den Button "Ready" klickt wird in der Übersichtsseite das Symbol grün dargestellt.

    Wie du gleich sehen wirst, ist es also nicht eine einfache Checkbox sonder zeigt den Status des folgenden Bereiches an. Kann man so etwas umsetzen?


    1620196464 60923c704e7d9 Bildschirmfoto Screenshot 32


    1620196464 60923c702f7fd Bildschirmfoto Screenshot 43



    1620196463 60923c700071c Bildschirmfoto% Screenshot 54




    1620196464 60923c7040c23 Bildschirmfoto Screenshot 65

    1620196463 60923c6fbb6ea Bildschirmfoto Screenshot 76






    Es würde mich freuen wenn ich so eine Struktur in einem anderen Design mit Jotform umsetzen könnte.

    Vielen Dank für deine Hilfe

















  • Dagmar_B
    Geantwortet am 5. Mai 2021 um 04:07

    Hallo Roman,

    Ja, ich sehe, was Sie meinen.

    Es sollen auf der ersten Seite Änderungen vorgenommen werden, je nachdem, was auf den Unterseiten/Unterformularen geändert wird. Das könnte über Bedingungen, die Schalter umlegen, wenn ein bestimmtes Feld ausgefüllt wurde vielleicht möglich sein.

    Ich würde gerne daran noch ein wenig weiter probieren.

    Ich melde mich bald wieder.

  • Roman_Baier_spam
    Geantwortet am 5. Mai 2021 um 04:15

    Hi Dagmar,

    ich habe mit der Übersichtsseite begonnen.

    https://form.jotform.com/211241453793352

    Falls dir das hilft...

    Wie ich aber die Unterseiten (Je Section) erstellen soll und die Verlinkung (rein in das unterformular und wieder raus zur Übersichtsseite) erstellen kann, verstehe ich gerade nicht.

    Danke für deine Hilfe.. :-)

    VG
    Roman

  • Dagmar_B
    Geantwortet am 7. Mai 2021 um 02:24

    Hallo,

    Entschuldigen Sie die späte Antwort.

    Der Wechsel auf die nächste (Unter-)Seite mit der Bedingung "Springe zu Seite" wird immer erst durch den Klick auf den Weiter-Button ausgelöst.

    Vielleicht ist es nötig das Formular hier bei Jotform anders aufzubauen.

    Erste Seite: Übersicht über alle Fragen

    Zweite Seite: BASICS mit aufklappbaren Abschnitten zu allen Unterpunkten

    Seite Drei: Finacial mit aufklappbaren Abschnitten zu allen Unterpunkten

    usw.

    Dann können Sie das Widget Überprüfen vor dem Absenden einbinden und der Nutzer kann sich noch einmal alles vor dem Absenden anschauen.

    1620368558 6094dcaecada2  Screenshot 10

    Vielleicht geht es so. Bei weiteren Fragen stehen wir gerne zur Verfügung.