Skip to content

Instantly share code, notes, and snippets.

Show Gist options
  • Save Nerdies24/619b2f971020af6c8b3c783db8790a2e to your computer and use it in GitHub Desktop.
Save Nerdies24/619b2f971020af6c8b3c783db8790a2e to your computer and use it in GitHub Desktop.
Contact Form 7 - Bedingte Weiterleitung basierend auf User Dropdown oder Radio Button

Contact Form 7 - Bedingte Weiterleitung basierend auf User Dropdown oder Radio Button

Machen Sie bitte vor dem Hochladen des Codes ein Back-up Ihrer WordPress Installation. (z.B. mit dem Plugin Duplicator)

In diesem Beispiel soll ein User abhängig von seiner Radio-Button-Auswahl nach dem Absenden des Formulares auf eine bestimmte Seite weitergeleitet werden.

Image

Contact Form 7 Shortcode

[radio* auswahl use_label_element default:0 "Option 1" "Option 2" "Option 3"]

Javascript Code

<script>
    document.addEventListener('wpcf7mailsent', function(event) {
        var inputs = event.detail.inputs;
        for (var i = 0; i < inputs.length; i++) {
          if ('auswahl' == inputs[i].name) {
              $auswahl = inputs[i].value;
          }                
        } if ($auswahl == "Option 1") {
              document.location.href = "https://ihr-seite.de/option1";
        } if ($auswahl == "Option 2") {
              document.location.href = "https://ihr-seite.de/option2";
        } if ($auswahl == "Option 3") {
              document.location.href = "https://ihr-seite.de/option3";
        }
    }, false);
</script>

Sie können Javascript Code in den Footer Ihres ChildThemes, nur für Ihre Kontaktseite mit dieser Anleitung http://bit.ly/3apAheC einfügen. Hierbei ist der öffnende und schließende <script> </script> Tag zu entfernen. Im JavaScript Code müssen Sie natürlich Ihre eigenen Weiterleitungsseiten angeben.
https://ihr-seite.de/option1,
https://ihr-seite.de/option2,
https://ihr-seite.de/option3

Die Wörter...

  • Option 1
  • Option 2
  • Option 3

sind mit Ihren Optionen auszutauschen

Im JavaScript Code müssen Ihre gewählten Optionen identisch geschrieben werden.

  • ($auswahl == "Option 1")
  • ($auswahl == "Option 2")
  • ($auswahl == "Option 3")

Sollten Sie mehr Optionen benötigen, dann erweitern Sie das Javascript mit weiteren if-Anweisungen.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment