So fügen Sie eine Länderliste im Kontaktformular 7 Plugin hinzu

Contact Form 7 ist zweifellos eines der beliebtesten Plugins im WordPress-Repository. Zum Zeitpunkt des Schreibens dieses Artikels hat dieses Plugin mehr als 5 Millionen aktive Installationen überschritten. Einer der Gründe für diese immense Popularität ist das Plugin-Add-On. Der Autor dieses Plugins hat mehrere unterstützte Add-ons für das Contact Form 7 Plugin entwickelt. Mit diesen Add-Ons kann man dem bestehenden Kontaktformular ganz einfach neue Funktionen hinzufügen.

Angenommen, Sie möchten Ihrem Kontaktformular ein Feld "Land" hinzufügen. Es gibt rund 200 Länder auf der Welt und diese Länder statisch hinzuzufügen ist keine leichte Aufgabe.

Um dieses Problem zu beheben, hat der Autor des Contact Form 7-Plugins ein Listo- Plugin erstellt. Mit dem Listo-Plugin können Sie Ihrem Kontaktformular in wenigen Minuten das Länderfeld hinzufügen.

Sehen wir uns jedoch an, wie Sie eine Länderliste im Contact Form 7-Plugin hinzufügen.

Warum benötigen Sie das Listo-Plugin?

Manchmal möchten Websitebesitzer den Standort eines Benutzers zusammen mit anderen Details aus einem Kontaktformular abrufen. Um den Standort eines Benutzers zu ermitteln, sollte Ihr Kontaktformular ein Feld "Land" enthalten. Dieses Feld ist ein Dropdown-Menü, aus dem Benutzer ihr Land auswählen können.

Standardmäßig bietet das Contact Form 7-Plugin ein selectFormular-Tag zum Hinzufügen der Optionen. Aber dieses selectTag ist in Ordnung, wenn Sie nur begrenzte Möglichkeiten haben. Wenn es darum geht, eine Länderliste hinzuzufügen, kann diese Option aufgrund einer langen Liste nicht einfach verwendet werden.

Das Listo-Plugin macht diese Aufgabe super einfach. Fügen Sie einfach eine Aussage hinzu und Sie sind fertig.

Länderliste zum Kontaktformular 7 Plugin hinzufügen

Installieren und aktivieren Sie das Listo- Plugin. Dieses Plugin hat keine separate Einstellungsseite. Schließen Sie es einfach an und Sie können seine Funktionen nutzen.

Als nächstes müssen Sie zum Einfügen einer Länderliste Attribute für das selectFormular-Tag hinzufügen. Gehen Sie zum Bearbeitungsbildschirm Ihres Kontaktformulars und fügen Sie das selectTag wie folgt hinzu.

[select your-country data:countries]

Hier data:countrieswirkt die Magie. Es füllt eine Liste von Ländern in Ihrer Dropdown-Liste aus. Überprüfen Sie nun Ihr Kontaktformular. Es sollte die Länder-Dropdown-Liste enthalten.

So legen Sie das Standardland fest

Angenommen, Sie möchten ein bestimmtes Land standardmäßig ausgewählt lassen. In diesem Fall müssen Sie Ihrer JS-Datei einen jQuery-Code hinzufügen. Rufen Sie zuerst den Optionswert eines Landes ab, das Sie als Standard festlegen müssen. Ein Benutzer kann diesen Wert aus der Überprüfung der Dropdown-Liste entnehmen und aus dem Optionswert kopieren.

Als nächstes kann mit der Klasse ‘wpcf7-select’ das im Kontaktformular gewählte Standardland eingestellt werden. Fügen Sie den folgenden Code in Ihre JS-Datei ein.

jQuery(function($) {
    $('.wpcf7-select').val("India"); // here we set India as a default country
});

Das ist es! Wenn Sie nun Ihr Kontaktformular überprüfen, sollten Sie ‘Indien’ als standardmäßig ausgewähltes Land in der Dropdown-Liste für das Land sehen.

Zum Thema passende Artikel

• Entfernen Sie Kontaktformular 7 CSS und JS, wenn sie nicht benötigt werden
• Weiterleitung zur Dankeseite nach der Übermittlung des Kontaktformulars 7 7
• So speichern Sie die Übermittlung von Kontaktformular 7 in der WordPress-Datenbank