Contact Form 7 Conditional Fields

Contact Form 7 Conditional Fields

Ein Supportformular mit Bedingungsfeldern. Videoerklärung in dieser YouTube Playlist » Passen Sie das Formular auf Ihre Bedürfnisse an!

Benötigte Plugins

Formular Code

Ihr Name: [text your-name]
Ihre Emailadresse: [email* your-email]
Welche Art von Support benötigen Sie?
[select* support-typ first_as_label "-- Wähle den Support Typen --" "Allgemeine Frage" "Lizenzschlüssel" "Zugangsdaten"]

[group gruppe-lizenzschluessel]
Ihr gekauftes Produkt: [select* ihr-produkt first_as_label "-- Wählen Sie Ihr Produkt --" "Produkt A" "Produkt B" "Produkt C" "Produkt D" "Andere"]

[group gruppe-kaufdatum]
Geben Sie Ihr Kaufdatum für das [group a inline]Produkt A[/group][group b inline]Produkt B[/group][group c inline]Produkt C[/group][group d inline]Produkt D[/group] ein:[text* kaufdatum "Mein Kaufdatum:"]
[/group]
[group andere]
Bitte geben Sie Ihr gekauftes Produkt und Ihr Kaufdatum ein.[text aprodukt "Mein gekauftes Produkt lautet:"]##[text akaufdatum "Mein Kaufdatum:"]
[/group]
[/group]

[group gruppe-zugangsdaten]
Für welches Produkt benötigen Sie die Zugangsdaten?[select* zugangsdaten first_as_label "-- Wählen Sie Ihr Produkt --" "Produkt 1" "Produkt 2" "Produkt 3" "Produkt 4" "Produkt 5" "Produkt 6"]
[/group]

[group gruppe-allgemeinefrage]
Wir freuen uns auf Ihre Nachricht!
[textarea textarea-nachricht]
[/group]

##
<b>Bitte beachten Sie die folgende Bedingung:</b>
Mit dem Absenden des Formulares erklären Sie sich damit einverstanden, dass Ihre Daten zur Bearbeitung Ihrer Supportanfrage von uns gespeichert und verwendet werden. (Weitere Informationen und Widerrufshinweise finden Sie in der <a title="Datenschutzerklärung" href="/datenschutzerklaerung"  target="_blank">Datenschutzerklärung</a>).
[honeypot honeypot-221]
##[acceptance acceptance-dsgvo class:form-check-input] Ja, ich bin einverstanden [/acceptance]
 
[submit "Absenden »"]
Die 2 Route Zeichen in Zeile 13, 26, und 30 ersetzen mit geschütztem Leerzeichen

Nachrichtenkörper

Supportanfrage

Ihr Name: [your-name]
Ihre Emailadresse: [your-email]

Welche Art von Support?
[support-typ]

[gruppe-lizenzschluessel]
Gekauftes Produkt: [ihr-produkt]

[gruppe-kaufdatum]
Kaufdatum für das [a]Produkt A[/a][b]Produkt B[/b]<code data-enlighter-language="c" class="EnlighterJSRAW">Produkt C</code>[d]Produkt D[/d]: [kaufdatum]
[/gruppe-kaufdatum]
[andere]
Gekauftes Produkt und Kaufdatum? 
[aprodukt] - [akaufdatum]
[/andere]
[/gruppe-lizenzschluessel]

[gruppe-zugangsdaten]
Für welches Produkt? [zugangsdaten]
[/gruppe-zugangsdaten]

[gruppe-allgemeinefrage]
Ihre Nachricht!
[textarea-nachricht]
[/gruppe-allgemeinefrage]

DSGVO [acceptance-dsgvo]

-- 
Diese E-Mail wurde von einem Kontaktformular von ... (https://ihre-seite.de) gesendet

Conditional-Fields

show [gruppe-allgemeinefrage] if [support-typ] equals "Allgemeine Frage"
show [gruppe-lizenzschluessel] if [support-typ] equals "Lizenzschlüssel"
show [gruppe-zugangsdaten] if [support-typ] equals "Zugangsdaten"
show [gruppe-kaufdatum] if [ihr-produkt] not equals ""
                    and if [ihr-produkt] not equals "Andere"
show [a] if [ihr-produkt] equals "Produkt A"
show [b] if [ihr-produkt] equals "Produkt B"
show [c] if [ihr-produkt] equals "Produkt C"
show [d] if [ihr-produkt] equals "Produkt D"
show [andere] if [ihr-produkt] equals "Andere"

DSGVO Checkbox scharf stellen mit – acceptance_as_validation: on

Contact Form 7 Conditional Fields

Begriffserklärung

*

Der Stern definiert ein Pflichtfeld

first_as_label

Der erste Eintrag wird angezeigt, hat allerdings keinen Wert.

group

group bedeutet, dass ein Bedingungsfeld folgt

/group

Schließt ein Bedingungsfeld

##

Muss mit einem geschützten Leerzeichen ersetzt werden –

class:form-check-input

Ist eine Bootstrap 4 Klasse und rückt die DSGVO Checkbox bündig ein, sofern Bootstrap 4 in Ihrem Theme verbaut wurde. Falls die Checkbox in Ihrem Theme nicht richtig oder versetzt angezeigt wird entfernen Sie die Klasse.

acceptance_as_validation: on

Wird in Zusätzliche Einstellungen verwendet um die DSGVO Checkbox scharf zu stellen.

group a inline

Verschachtelt eine group a inline in einer Elterngroup

honeypot

Ersetzt ein Captcha und fügt ein unsichtbares Feld hinzu um Spam und Bots abzuwehren.

/datenschutzerklaerung

Dies ist der Pfad zu Ihrer Datenschutzerklärung. Ändern Sie das Wort datenschutzerklaerung, wenn Ihre Datenschutzerklärung z.B. unter der Seite datenschutz zu erreichen ist in: /datenschutz