Schaltflächen für Angebotsanfrage-Formular
Dieser Bereich stellt die Navigations-Schaltflächen für das mehrstufige Angebotsanfrage-Formular bereit. Er enthält eine "Zurück"-Schaltfläche und eine "Weiter"-Schaltfläche, mit denen Besucher durch die verschiedenen Schritte des Formulars navigieren können.
Voraussetzungen
- Wird automatisch im Angebotsanfrage-Formular verwendet
- Keine separate Konfiguration erforderlich
Aufbau der Schaltflächen
Der Bereich enthält zwei Schaltflächen:
Zurück-Schaltfläche (links):
- Führt zum vorherigen Schritt des Formulars
- Standardtext: "Zurück"
- Kann individuell angepasst werden
- Validiert das Formular nicht (formnovalidate)
Weiter-Schaltfläche (rechts):
- Führt zum nächsten Schritt oder sendet das Formular ab
- Standardtext: "Weiter" (im letzten Schritt: "Senden")
- Kann individuell angepasst werden
- Validiert alle Eingaben vor dem Fortfahren
So funktionieren die Schaltflächen
Zurück-Schaltfläche:
- Speichert aktuelle Eingaben: Bereits ausgefüllte Felder werden gespeichert
- Wechselt zum vorherigen Schritt: Das Formular zeigt die vorherige Seite
- Entfernt letzte Auswahl: Bei Auswahlschritten wird die letzte Wahl rückgängig gemacht
- Keine Validierung: Unvollständige Eingaben sind erlaubt
Weiter-Schaltfläche:
- Prüft Eingaben: Alle erforderlichen Felder müssen ausgefüllt sein
- Speichert Auswahl: Die getroffene Auswahl wird gespeichert
- Wechselt zum nächsten Schritt: Das Formular zeigt die nächste Seite
- Sendet Formular: Im letzten Schritt wird die Anfrage übermittelt
Anpassungsmöglichkeiten
Die Schaltflächen können angepasst werden:
Zurück-Schaltfläche:
- Text kann geändert werden (z.B. "Vorheriger Schritt")
- Bleibt funktional identisch
Weiter-Schaltfläche:
- Text kann geändert werden (z.B. "Nächster Schritt", "Anfrage senden")
- Passt sich automatisch an den letzten Schritt an
Verhalten in verschiedenen Schritten
Erster Schritt:
- Zurück-Schaltfläche ist ausgeblendet oder deaktiviert
- Nur Weiter-Schaltfläche ist verfügbar
Mittlere Schritte:
- Beide Schaltflächen sind aktiv
- Navigation in beide Richtungen möglich
Letzter Schritt (Kontaktdaten):
- Zurück-Schaltfläche führt zu den Auswahlschritten
- Weiter-Schaltfläche wird zu "Senden"-Schaltfläche
Nach dem Absenden:
- Beide Schaltflächen werden ausgeblendet
- Bestätigungstext wird angezeigt
Tipps und Hinweise
- Die Schaltflächen sind responsive und funktionieren auf allen Geräten
- Das Design passt sich automatisch an dein Website-Theme an
- Die Navigation ist intuitiv und benutzerfreundlich
- Eingaben gehen beim Navigieren nicht verloren
- Die Validierung erfolgt nur beim Vorwärts-Navigieren
- Benutzer können jederzeit zurückgehen und Änderungen vornehmen