Contact Form 7 zusätzlicher Button

  • Gelöst dexter99

    (@dexter99)


    vor 4 Jahren, 9 Monaten

    Hallo,

    ich möchte Contact Form 7 gerne für eine Terminanfrage nutzen. Dabei sollen zunächst nur die Felder „Datum“ und „Uhrzeit“ sowie ein Button „Termin anfragen“ angezeigt werden. Mehr nicht.

    Erst nach einem Klick auf „Termin anfragen“ sollen zusätzlich weitere Felder wie Name, Adresse, Email usw. und der Submit-Button erscheinen. Das Anzeigen und Ausblenden von Feldern funktioniert über das Plugin „Contact Form 7 Conditional Fields“. Wie aber bekomme ich den Button „Termin anfragen“ eingebaut, der dann die Zusatzfelder anzeigen soll?

    Danke für eure Hilfe.
    Dirk

    • Dieses Thema wurde geändert vor 4 Jahren, 9 Monaten von dexter99.
Ansicht von 4 Antworten – 1 bis 4 (von insgesamt 4)
  • Moderator Bego Mario Garde

    (@pixolin)

    Moderator (nicht mehr aktiv)

    vor 4 Jahren, 9 Monaten

    Was ist denn da jetzt konkret das Problem? Das auf der Plugin-Seite angegebene Tutorial erklärt doch eigentlich ganz anschaulich, wie du ein Conditonal Field verwendest: https://conditional-fields-cf7.bdwm.be/how-to-set-up-conditional-fields-for-contact-form-7/

    Thread-Starter dexter99

    (@dexter99)

    vor 4 Jahren, 9 Monaten

    Das Problem ist, dass ich im Formular einen Button benötige wie z.B. „Zeige mir die Zusatzfelder“. In Contact Form 7 gibt es meines Wissens aber nur den Submit-Button.

    Moderator Bego Mario Garde

    (@pixolin)

    Moderator (nicht mehr aktiv)

    vor 4 Jahren, 9 Monaten

    Naja, der Submit-Button ist ja eigentlich auch zum Absenden des Formulars gedacht, nicht zur Erweiterung des Formulars mit weiteren Feldern. Entweder verwendest du ein Multistep-Formular (z.B. mit CF7 Multistep Forms) oder du fügst ein Dropdown, Zustimmungs- oder Kontrollkästchen ein, sinngemäß …

    
<label> Möchtest du einen Termin? (Pflichtfeld)
    [acceptance acceptance-598 optional] ja [/acceptance] </label>

<label> Wann? 
[date date-386]</label>

[group group-835 clear_on_hide]
<label> Wie heißt du? 
[text text-995]</label>
[/group]

[submit "Senden"]

    und als Kondition

    show group-835 if acceptance-598 equals 1

    Damit wird das Eingabefeld für den Namen angezeigt, sobald das Kästchen bei „Möchtest du einen Termin?“ angeklickt wird.

    Thread-Starter dexter99

    (@dexter99)

    vor 4 Jahren, 9 Monaten

    Danke.
    Habe es jetzt mit [acceptance] und CSS gelöst.

    • Diese Antwort wurde vor 4 Jahren, 9 Monaten von dexter99 geändert.
Ansicht von 4 Antworten – 1 bis 4 (von insgesamt 4)
  • Das Thema „Contact Form 7 zusätzlicher Button“ ist für neue Antworten geschlossen.