{"id":24931,"date":"2021-05-28T19:28:00","date_gmt":"2021-05-28T16:28:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=24931"},"modified":"2021-10-18T02:38:15","modified_gmt":"2021-10-17T23:38:15","slug":"so-fugen-sie-eine-landerliste-im-kontaktformular-7-plugin-hinzu","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/de\/so-fugen-sie-eine-landerliste-im-kontaktformular-7-plugin-hinzu\/","title":{"rendered":"So f\u00fcgen Sie eine L\u00e4nderliste im Kontaktformular 7 Plugin hinzu"},"content":{"rendered":"<p>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 \u00fcberschritten. Einer der Gr\u00fcnde f\u00fcr diese immense Popularit\u00e4t ist das Plugin-Add-On. Der Autor dieses Plugins hat mehrere unterst\u00fctzte Add-ons f\u00fcr das Contact Form 7 Plugin entwickelt. Mit diesen Add-Ons kann man dem bestehenden Kontaktformular ganz einfach neue Funktionen hinzuf\u00fcgen.<\/p>\n<p>Angenommen, Sie m\u00f6chten Ihrem Kontaktformular ein Feld &quot;Land&quot; hinzuf\u00fcgen. Es gibt rund 200 L\u00e4nder auf der Welt und diese L\u00e4nder statisch hinzuzuf\u00fcgen ist keine leichte Aufgabe.<\/p>\n<p>Um dieses Problem zu beheben, hat der Autor des Contact Form 7-Plugins ein <a href=\"https:\/\/wordpress.org\/plugins\/listo\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Listo-<\/a> Plugin erstellt. Mit dem Listo-Plugin k\u00f6nnen Sie Ihrem Kontaktformular in wenigen Minuten das L\u00e4nderfeld hinzuf\u00fcgen.<\/p>\n<p>Sehen wir uns jedoch an, wie Sie eine L\u00e4nderliste im Contact Form 7-Plugin hinzuf\u00fcgen.<\/p>\n<h3>Warum ben\u00f6tigen Sie das Listo-Plugin?<\/h3>\n<p>Manchmal m\u00f6chten 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 &quot;Land&quot; enthalten. Dieses Feld ist ein Dropdown-Men\u00fc, aus dem Benutzer ihr Land ausw\u00e4hlen k\u00f6nnen.<\/p>\n<p>Standardm\u00e4\u00dfig bietet das Contact Form 7-Plugin ein <code>select<\/code>Formular-Tag zum Hinzuf\u00fcgen der Optionen. Aber dieses <code>select<\/code>Tag ist in Ordnung, wenn Sie nur begrenzte M\u00f6glichkeiten haben. Wenn es darum geht, eine L\u00e4nderliste hinzuzuf\u00fcgen, kann diese Option aufgrund einer langen Liste nicht einfach verwendet werden.<\/p>\n<p>Das Listo-Plugin macht diese Aufgabe super einfach. F\u00fcgen Sie einfach eine Aussage hinzu und Sie sind fertig.<\/p>\n<h3>L\u00e4nderliste zum Kontaktformular 7 Plugin hinzuf\u00fcgen<\/h3>\n<p>Installieren und aktivieren Sie das <a href=\"https:\/\/wordpress.org\/plugins\/listo\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Listo-<\/a> Plugin. Dieses Plugin hat keine separate Einstellungsseite. Schlie\u00dfen Sie es einfach an und Sie k\u00f6nnen seine Funktionen nutzen.<\/p>\n<p>Als n\u00e4chstes m\u00fcssen Sie zum Einf\u00fcgen einer L\u00e4nderliste Attribute f\u00fcr das <code>select<\/code>Formular-Tag hinzuf\u00fcgen. Gehen Sie zum Bearbeitungsbildschirm Ihres Kontaktformulars und f\u00fcgen Sie das <code>select<\/code>Tag wie folgt hinzu.<\/p>\n<pre><code>[select your-country data:countries]<\/code><\/pre>\n<p>Hier <code>data:countries<\/code>wirkt die Magie. Es f\u00fcllt eine Liste von L\u00e4ndern in Ihrer Dropdown-Liste aus. \u00dcberpr\u00fcfen Sie nun Ihr Kontaktformular. Es sollte die L\u00e4nder-Dropdown-Liste enthalten.<\/p>\n<\/p>\n<h3>So legen Sie das Standardland fest<\/h3>\n<p>Angenommen, Sie m\u00f6chten ein bestimmtes Land standardm\u00e4\u00dfig ausgew\u00e4hlt lassen. In diesem Fall m\u00fcssen Sie Ihrer JS-Datei einen jQuery-Code hinzuf\u00fcgen. Rufen Sie zuerst den Optionswert eines Landes ab, das Sie als Standard festlegen m\u00fcssen. Ein Benutzer kann diesen Wert aus der \u00dcberpr\u00fcfung der Dropdown-Liste entnehmen und aus dem Optionswert kopieren.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20440-6081f1ed2b509.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20440-6081f1ed2b509.png\" alt=\"So f\u00fcgen Sie eine L\u00e4nderliste im Kontaktformular 7 Plugin hinzu\" ><\/a><\/p>\n<p>Als n\u00e4chstes kann mit der Klasse &#8218;wpcf7-select&#8216; das im Kontaktformular gew\u00e4hlte Standardland eingestellt werden. F\u00fcgen Sie den folgenden Code in Ihre JS-Datei ein.<\/p>\n<pre><code>jQuery(function($) {\n\u00a0\u00a0\u00a0\u00a0$('.wpcf7-select').val(\"India\"); \/\/ here we set India as a default country\n});<\/code><\/pre>\n<p>Das ist es! Wenn Sie nun Ihr Kontaktformular \u00fcberpr\u00fcfen, sollten Sie &#8218;Indien&#8216; als standardm\u00e4\u00dfig ausgew\u00e4hltes Land in der Dropdown-Liste f\u00fcr das Land sehen.<\/p>\n<h3>Zum Thema passende Artikel<\/h3>\n<ul>\n<li><a href=\"https:\/\/themewp.inform.click\/de\/entfernen-sie-contact-form-7-css-und-js-wenn-sie-nicht-benotigt-werden\/\" title=\"Entfernen Sie Kontaktformular 7 CSS und JS, wenn sie nicht ben\u00f6tigt werden\">Entfernen Sie Kontaktformular 7 CSS und JS, wenn sie nicht ben\u00f6tigt werden<\/a><\/li>\n<li><a href=\"https:\/\/themewp.inform.click\/de\/weiterleitung-zur-dankeseite-nach-der-ubermittlung-des-kontaktformulars-7-7\/\" title=\"Weiterleitung zur Dankeseite nach der \u00dcbermittlung des Kontaktformulars 7 7\">Weiterleitung zur Dankeseite nach der \u00dcbermittlung des Kontaktformulars 7 7<\/a><\/li>\n<li><a href=\"https:\/\/themewp.inform.click\/de\/so-speichern-sie-die-ubermittlung-von-kontaktformular-7-in-der-wordpress-datenbank\/\" title=\"So speichern Sie die \u00dcbermittlung von Kontaktformular 7 in der WordPress-Datenbank\">So speichern Sie die \u00dcbermittlung von Kontaktformular 7 in der WordPress-Datenbank<\/a><\/li>\n<\/ul>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Aufnahmequelle:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/artisansweb.net\" class=\"external external_icon\">artisansweb.net<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Suchen Sie nach dem Hinzuf\u00fcgen einer L\u00e4nderliste im Contact Form 7-Plugin? In diesem Artikel zeige ich Ihnen, wie Sie dem Contact Form 7-Plugin ein L\u00e4nderfeld hinzuf\u00fcgen.<\/p>\n","protected":false},"author":1,"featured_media":20441,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[496,411,607],"tags":[845],"class_list":["post-24931","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-laravel","category-sonstig","category-uncategorized-3","tag-affiai-de"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/posts\/24931","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/comments?post=24931"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/posts\/24931\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/media\/20441"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/media?parent=24931"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/categories?post=24931"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/tags?post=24931"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}