{"id":39107,"date":"2020-10-29T01:03:57","date_gmt":"2020-10-29T08:03:57","guid":{"rendered":"https:\/\/kinsta.com\/?p=81316"},"modified":"2023-08-22T08:12:44","modified_gmt":"2023-08-22T07:12:44","slug":"contact-form-7","status":"publish","type":"post","link":"https:\/\/kinsta.com\/de\/blog\/contact-form-7\/","title":{"rendered":"Wie du Contact Form 7 f\u00fcr deine WordPress-Seite konfigurierst"},"content":{"rendered":"<p>Im 2026 ist es sehr wichtig, mit deinem Publikum in Kontakt zu bleiben. Die Einrichtung einer E-Mail-Liste mit einem Service wie <a href=\"https:\/\/kinsta.com\/de\/blog\/wie-man-mailchimp-verwendet\/\">MailChimp<\/a> hilft dir, Inhalte direkt an deine Abonnenten zu liefern.<\/p>\n<p>E-Mail-Listen sind toll, aber was, wenn ein Leser oder potenzieller Kunde direkt mit dir in Kontakt treten will? Hier kommen Kontaktformulare ins Spiel! In diesem Artikel behandeln wir, wie du das beliebte Contact Form 7 Plugin f\u00fcr deine WordPress-Seite konfigurieren kannst.<\/p>\n<div><\/div><kinsta-auto-toc heading=\"Table of Contents\" exclude=\"last\" list-style=\"arrow\" selector=\"h2\" count-number=\"-1\"><\/kinsta-auto-toc>\n<h2>Wie man Contact Form 7 installiert<\/h2>\n<p>Contact Form 7 gibt es seit 2009, und es hat im letzten Jahrzehnt \u00fcber 5 Millionen Downloads erzielt. Contact Form 7 kann direkt aus dem WordPress-Plugin-Repository installiert werden. Wenn du nach &#8222;Contact Form 7&#8220; suchst, kannst du das Plugin zusammen mit einer Vielzahl von Add-ons finden.<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/10\/install-contact-form-7-plugin.jpg\" alt=\"Installiere das Contact Form 7 Plugin aus dem WordPress Plugin Repository\" width=\"1500\" height=\"797\"><figcaption class=\"wp-caption-text\">Installiere das Contact Form 7 Plugin aus dem WordPress Plugin Repository<\/figcaption><\/figure>\n<p>Nachdem das Plugin installiert ist, siehst du einen Men\u00fcpunkt mit der Bezeichnung &#8222;Contact&#8220; in der Sidebar deines <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-admin\/\">WordPress-Dashboards<\/a>. Hier k\u00f6nnen alle Einstellungen von Contact Form 7 konfiguriert werden.<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/10\/wordpress-contact-form-7-plugin.jpg\" alt=\"Passe die Einstellungen von Contact Form 7 an.\" width=\"1500\" height=\"797\"><figcaption class=\"wp-caption-text\">Passe die Einstellungen von Contact Form 7 an.<\/figcaption><\/figure>\n<h2>Die Vor- und Nachteile, ein Kontaktformular zu haben<\/h2>\n<p>Bevor wir uns damit befassen, wie du Contact Form 7 f\u00fcr deine WordPress-Seite konfigurierst, gehen wir kurz die Vor- und Nachteile des Hinzuf\u00fcgens eines Kontaktformulars zu deiner Seite durch.<\/p>\n<h3>Vorteile, ein Kontaktformular zu haben<\/h3>\n<ol>\n<li>Ein Kontaktformular erm\u00f6glicht es Lesern, Kunden und Fans, dich direkt zu kontaktieren. Je nach dem Zweck deiner WordPress-Seite kann die M\u00f6glichkeit f\u00fcr einen Besucher, mit dir zu kommunizieren, sehr wichtig sein. Wenn man zum Beispiel kein Kontaktformular auf einer <a href=\"https:\/\/kinsta.com\/de\/blog\/ecommerce-hosting\/\">E-Commerce-Seite<\/a> hinzuf\u00fcgt, kann das f\u00fcr dein Gesch\u00e4ft finanziell sch\u00e4dlich sein, weil die Interessenten dich nicht erreichen k\u00f6nnen, wenn sie Fragen zu deinem Produkt haben.<\/li>\n<li>Ein Kontaktformular erh\u00f6ht die Glaubw\u00fcrdigkeit deiner WordPress-Seite oder deines Unternehmens. Viele Leute sehen das Vorhandensein eines Kontaktformulars als eine Art Vertrauensfaktor. Der Gedanke, dich, den Besitzer der Seite, erreichen zu k\u00f6nnen, macht deine Inhalte vertrauensw\u00fcrdiger.<\/li>\n<\/ol>\n<h3>Nachteile, ein Kontaktformular zu haben<\/h3>\n<ol>\n<li>Spam kann ein Problem f\u00fcr \u00f6ffentliche Formulare wie Kommentarfelder und Kontaktformulare sein. Gl\u00fccklicherweise kannst du mit Contact Form 7 Spam mit <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-captcha\/\">reCAPTCHA<\/a> herausfiltern. Du kannst sogar eine <a href=\"https:\/\/kinsta.com\/de\/blog\/cloudflare-installieren\/\">Cloudflare<\/a>-Seitenregel konfigurieren, um dich noch besser zu sch\u00fctzen. Wie man den Spamschutz im Contact Form 7 einrichtet, werden wir sp\u00e4ter im Artikel n\u00e4her erl\u00e4utern.<\/li>\n<li>Nach dem Hinzuf\u00fcgen eines Kontaktformular auf deiner Seite, musst du dir wahrscheinlich Zeit nehmen, um auf Nachrichten zu antworten. Das ist nicht unbedingt eine schlechte Sache, je nachdem wie man es betrachtet. Manche Leute f\u00fcrchten den Prozess des Antwortens auf E-Mails, w\u00e4hrend andere ihn wirklich genie\u00dfen. Unserer Erfahrung nach \u00fcberwiegen die Beziehungen, die sich durch ein Kontaktformular auf eurer Seite manifestieren, in der Regel die Arbeitskosten, also empfehlen wir euch, diese zu nutzen!<\/li>\n<\/ol>\n<h2>Eine \u00dcbersicht \u00fcber die Einstellungen von Contact Form 7<\/h2>\n<p>Ein Kontaktformular mit dem Contact Form 7 Plugin zu erstellen ist super einfach. Um anzufangen, klicke auf <strong>Contact &gt; Contact Forms<\/strong> in deiner WordPress Sidebar. Auf dieser Seite kannst du alle deine Kontaktformulare zusammen mit den dazugeh\u00f6rigen Metadaten einsehen.<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/10\/contact-form-7-form-list.jpg\" alt=\"Kontaktformular in Contact Form 7.\" width=\"1500\" height=\"797\"><figcaption class=\"wp-caption-text\">Kontaktformular in Contact Form 7.<\/figcaption><\/figure>\n<p>Wenn das Contact Form 7 zum ersten Mal installiert wird, erstellt es auch ein Beispielformular. Bevor wir uns damit befassen, wie man ein benutzerdefiniertes Kontaktformular erstellt, schauen wir uns zuerst das Beispielformular an, um eine bessere Vorstellung davon zu bekommen, wie das Contact Form 7 funktioniert. Klicke auf <strong>Contact Form 1<\/strong>, um die Formulareinstellungen zu sehen.<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/10\/contact-form-settings.jpg\" alt=\"Konfiguriere dein WordPress Kontaktformular.\" width=\"1500\" height=\"797\"><figcaption class=\"wp-caption-text\">Konfiguriere dein WordPress Kontaktformular.<\/figcaption><\/figure>\n<p>Die Seite &#8222;Edit Contact Form&#8220; ist in vier Abschnitte unterteilt.<\/p>\n<ol>\n<li><strong>Form<\/strong> <strong>&#8211;<\/strong> Passe deine HTML-Kontaktformularvorlage mit einer Vielzahl von Feldoptionen wie &#8222;Text&#8220;, &#8222;E-Mail&#8220;, &#8222;Checkboxes&#8220;, etc. an. Du kannst auch <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-vs-statisches-html\/\">benutzerdefinierte HTML<\/a> in der Formularanpassungsbox schreiben.<\/li>\n<li><strong>Mail<\/strong> <strong>&#8211;<\/strong> Passe die E-Mail-Vorlage und die Einstellungen f\u00fcr Benachrichtigungs-E-Mails an.<\/li>\n<li><strong>Messages<\/strong> <strong>&#8211;<\/strong> Passe Nachrichten an, die nach bestimmten Aktionen angezeigt werden. Du kannst zum Beispiel eine einzigartige Nachricht einstellen, die angezeigt wird, nachdem jemand ein Kontaktformular abgeschickt hat.<\/li>\n<li><strong>Additional Settings<\/strong> <strong>&#8211;<\/strong> Spezifiziere Snippets, um <a href=\"https:\/\/contactform7.com\/additional-settings\/\">zus\u00e4tzliche Funktionen<\/a> wie den Nur-Abonnenten-Modus, den Demo-Modus und das \u00dcberspringen von E-Mails zu aktivieren.<\/li>\n<\/ol>\n<p>Schauen wir uns jetzt jeden Abschnitt genauer an und erstellen ein benutzerdefiniertes Kontaktformular!<\/p>\n\n<h2>Wie man ein WordPress Kontaktformular erstellt<\/h2>\n<p>Um ein neues Kontaktformular zu erstellen, klicke auf <strong>Add New<\/strong> neben &#8222;Contact Forms\u201d.<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/10\/contact-form-7-create-contact-form.jpg\" alt=\"Erstelle ein neues Kontaktformular in Contact Form 7.\" width=\"1500\" height=\"797\"><figcaption class=\"wp-caption-text\">Erstelle ein neues Kontaktformular in Contact Form 7.<\/figcaption><\/figure>\n<p>Gib dem neuen Kontaktformular einen Namen und klicke auf &#8222;Save&#8220;.<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/10\/save-new-contact-form.jpg\" alt=\"Speicher dein neues WordPress-Kontaktformular.\" width=\"1500\" height=\"796\"><figcaption class=\"wp-caption-text\">Speicher dein neues WordPress-Kontaktformular.<\/figcaption><\/figure>\n<p>In der Sektion &#8222;Formular&#8220; f\u00fcgst du das notwendige HTML f\u00fcr dein Kontaktformular hinzu. Du kannst die verschiedenen voreingestellten Schaltfl\u00e4chen verwenden, um Shortcodes f\u00fcr beliebte Formular-Tags zu generieren. Um es einfacher zu machen, schau dir die Beschreibungen unten f\u00fcr die voreingestellten Formular-Tags an, die mit Contact Form 7 mitgeliefert werden.<\/p>\n<ul>\n<li><strong>Text<\/strong> <strong>&#8211;<\/strong> Erstelle einen Formular-Tag f\u00fcr eine einzelne Textzeile. Textfelder sind n\u00fctzlich f\u00fcr Vornamen, Nachnamen und andere textbasierte Snippets, die nicht mehrere Zeilen ben\u00f6tigen.<\/li>\n<li><strong>E-Mail<\/strong> <strong>&#8211;<\/strong> Erstelle einen Formular-Tag f\u00fcr eine E-Mail-Adresse.<\/li>\n<li><strong>URL<\/strong> <strong>&#8211;<\/strong> Erstelle einen Formular-Tag f\u00fcr eine URL.<\/li>\n<li><strong>Tel<\/strong> <strong>&#8211;<\/strong> Erstelle einen Formular-Tag f\u00fcr eine Telefonnummer.<\/li>\n<li><strong>Number<\/strong> <strong>&#8211;<\/strong> Erstelle einen Formular-Tag f\u00fcr eine Nummer. Im Gegensatz zu den Eingabefeldern &#8222;Text&#8220; oder &#8222;Textbereich&#8220; sind in den Feldern &#8222;Nummer&#8220; nur numerische Ziffern erlaubt.<\/li>\n<li><strong>Date<\/strong> <strong>&#8211;<\/strong> Erstelle einen Formular-Tag f\u00fcr ein Datum.<\/li>\n<li><strong>Text Area<\/strong> <strong>&#8211;<\/strong> Erstelle einen Formular-Tag f\u00fcr einen Textbereich. Anders als das normale &#8222;Text&#8220;-Eingabefeld, erlaubt ein &#8222;Textbereich&#8220;-Feld mehrere Textzeilen. Sie sind ideal f\u00fcr die Eingabe des Nachrichtentextes.<\/li>\n<li><strong>Drop-Down-Menu<\/strong> <strong>&#8211;<\/strong> Erstelle einen Formular-Tag f\u00fcr ein Drop-Down-Men\u00fc.<\/li>\n<li><strong>Checkboxes &#8211;<\/strong> Erstelle einen Formular-Tag f\u00fcr Checkboxen.<\/li>\n<li><strong>Radio<\/strong> <strong>Buttons<\/strong> <strong>&#8211;<\/strong> Erstelle einen Formular-Tag f\u00fcr Radio-Buttons.<\/li>\n<li><strong>Acceptance<\/strong> <strong>&#8211;<\/strong> Erstelle ein Formular-Tag f\u00fcr eine Akzeptanz-Checkbox.<\/li>\n<li><strong>Quiz<\/strong> <strong>&#8211;<\/strong> Erstelle einen Formular-Tag f\u00fcr ein Frage-Antwort-Paar.<\/li>\n<li><strong>File<\/strong> <strong>&#8211;<\/strong> Erstelle einen Formular-Tag f\u00fcr ein Datei-Upload-Feld.<\/li>\n<li><strong>Submit<\/strong> <strong>&#8211;<\/strong> Erstelle einen Form-Tag f\u00fcr einen Submit-Button.<\/li>\n<\/ul>\n<p>Nun lass uns weitermachen und ein Kontaktformular anpassen. Der Vollst\u00e4ndigkeit halber werden wir ein Kontaktformular erstellen, das alle voreingestellten Formular-Tags in Contact Form 7 verwendet.<\/p>\n<h3>Das &#8222;Text&#8220;-Formular-Tag<\/h3>\n<p>Wenn du auf einen voreingestellten Formular-Tag in Contact Form 7 klickst, siehst du ein Popup-Men\u00fc wie das untenstehende. In diesem Men\u00fc kannst du die Einstellungen des Formular-Tags konfigurieren. Unten siehst du einen Shortcode, den du in deine Kontaktformularvorlage einbinden kannst.<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/10\/contact-form-7-text-form-tag.jpg\" alt=\"Ein \u201cText\"-Formular-Tag in Contact Form 7\" width=\"1500\" height=\"870\"><figcaption class=\"wp-caption-text\">Ein \u201cText&#8220;-Formular-Tag in Contact Form 7<\/figcaption><\/figure>\n<p>F\u00fcr den &#8222;text&#8220;-Formular-Tag verwenden wir die Einstellungen unten, um ein Eingabefeld f\u00fcr einen Namen zu erstellen.<\/p>\n<ul>\n<li><strong>Field Type<\/strong> <strong>&#8211;<\/strong> Required Field<\/li>\n<li><strong>Name<\/strong> <strong>&#8211;<\/strong> text-711 (automatisch generiert)<\/li>\n<li><strong>Default Value<\/strong> <strong>&#8211;<\/strong> Dein Name (als Standard-Platzhaltertext verwendet)<\/li>\n<li><strong>Akismet<\/strong> <strong>&#8211;<\/strong> Nicht angekreuzt<\/li>\n<li><strong>ID-Attribute (CSS)<\/strong> <strong>&#8211;<\/strong> cf7-dein-Name<\/li>\n<li><strong>Class Attribute (CSS)<\/strong> <strong>&#8211;<\/strong> cf7-dein-Name<\/li>\n<\/ul>\n<p>Diese Einstellungen erzeugen den untenstehenden Shortcode.<\/p>\n<pre><code>[text* text-711 id:cf7-your-name class:cf7-your-name placeholder \"Your Name\"]<\/code><\/pre>\n<p>F\u00fcr den Moment klicke einfach auf den Button <strong>Insert Tag<\/strong>, um den Formular-Tag in die Kontaktformular-Vorlage einzuf\u00fcgen. Sp\u00e4ter werden wir weitere HTML-Tags hinzuf\u00fcgen, um das Formular zu strukturieren.<\/p>\n<h3>Das &#8222;E-Mail&#8220;-Formular-Tag<\/h3>\n<p>Als n\u00e4chstes werden wir ein E-Mail-Formular-Tag erstellen, mit dem unser Kontaktformular E-Mail-Adressen sammeln kann.<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/10\/contact-form-7-email-tag.jpg\" alt=\"Ein \"E-Mail\"-Formular-Tag in Contact Form 7.\" width=\"1500\" height=\"796\"><figcaption class=\"wp-caption-text\">Ein &#8222;E-Mail&#8220;-Formular-Tag in Contact Form 7.<\/figcaption><\/figure>\n<p>F\u00fcr den &#8222;E-Mail&#8220;-Formular-Tag haben wir die Einstellungen unten konfiguriert.<\/p>\n<ul>\n<li><strong>Field Type<\/strong> <strong>&#8211;<\/strong> Required Field<\/li>\n<li><strong>Name<\/strong> <strong>&#8211;<\/strong> email-632 (automatisch generiert)<\/li>\n<li><strong>Default Value<\/strong> <strong>&#8211;<\/strong> Deine Email<\/li>\n<li><strong>Akismet &#8211;<\/strong> Nicht angekreuzt.<\/li>\n<li><strong>ID-Attribute (CSS)<\/strong> <strong>&#8211;<\/strong> deine-Email<\/li>\n<li><strong>Class Attribute (CSS) &#8211;<\/strong> deine-Email<\/li>\n<\/ul>\n<p>Diese Einstellungen erzeugen den untenstehenden Shortcode.<\/p>\n<pre><code>[email* email-632 id:email class:email placeholder \"Your Email\"]<\/code><\/pre>\n<h3>Das &#8222;URL&#8220;-Formular-Tag<\/h3>\n<p>In manchen F\u00e4llen m\u00f6chtest du vielleicht ein Eingabefeld auf deinem Kontaktformular haben, um die Website von jemandem zu sammeln. Obwohl du daf\u00fcr technisch gesehen einen normalen &#8222;Text&#8220;-Formular-Tag im Kontaktformular 7 verwenden kannst, empfehlen wir, stattdessen den &#8222;URL&#8220;-Formular-Tag zu verwenden. Der &#8222;URL&#8220;-Formular-Tag erzeugt ein Eingabefeld, das URLs validiert, um sicherzustellen, dass sie korrekt formatiert sind.<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/10\/contact-form-7-url-form-tag.jpg\" alt=\"Ein \"URL\"-Formular-Tag in Contact Form 7.\" width=\"1500\" height=\"797\"><figcaption class=\"wp-caption-text\">Ein &#8222;URL&#8220;-Formular-Tag in Contact Form 7.<\/figcaption><\/figure>\n<p>F\u00fcr den &#8222;url&#8220;-Formular-Tag haben wir die Einstellungen unten konfiguriert.<\/p>\n<ul>\n<li><strong>Name<\/strong> <strong>&#8211;<\/strong> url-601 (automatisch generiert)<\/li>\n<li><strong>Default Value<\/strong> <strong>&#8211;<\/strong> Deine Website<\/li>\n<li><strong>Akismet<\/strong> <strong>&#8211;<\/strong> Nicht angekreuzt.<\/li>\n<li><strong>ID-Attribute (CSS)<\/strong> <strong>&#8211;<\/strong> cf7-deine-Webseite<\/li>\n<li><strong>Class Attribute (CSS)<\/strong> <strong>&#8211;<\/strong> cf7-deine-Webseite<\/li>\n<\/ul>\n<p>Diese Einstellungen erzeugen den untenstehenden Shortcode.<\/p>\n<pre><code>[url url-601 id:cf7-your-website class:cf7-your-website \"Your Website\"]<\/code><\/pre>\n<h3>Der &#8222;Tel&#8220;-Formular-Tag<\/h3>\n<p>\u00c4hnlich wie bei URLs kannst du auch ein Standard &#8222;Text&#8220;-Formular-Tag verwenden, um Telefonnummern zu sammeln. Es ist jedoch besser, stattdessen den &#8222;tel&#8220;-Formular-Tag zu verwenden, um sicherzustellen, dass die Telefonnummer g\u00fcltig ist.<\/p>\n<figure style=\"width: 2559px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/10\/contact-form-7-tel-form-tag.jpg\" alt=\"Ein \"Tel\"-Formular-Tag in Contact Form 7.\" width=\"2559\" height=\"1359\"><figcaption class=\"wp-caption-text\">Ein &#8222;Tel&#8220;-Formular-Tag in Contact Form 7.<\/figcaption><\/figure>\n<p>F\u00fcr den &#8222;tel&#8220;-Formular-Tag haben wir die Einstellungen unten konfiguriert.<\/p>\n<ul>\n<li><strong>Name<\/strong> <strong>&#8211;<\/strong> tel-842 (automatisch generiert)<\/li>\n<li><strong>Default Value<\/strong> <strong>&#8211;<\/strong> Deine Telefonnummer<\/li>\n<li><strong>ID-Attribute (CSS)<\/strong> <strong>&#8211;<\/strong> cf7- deine-Telefonnummer<\/li>\n<li><strong>Class Attribute (CSS)<\/strong> <strong>&#8211;<\/strong> cf7- deine-Telefonnummer<\/li>\n<\/ul>\n<p>Diese Einstellungen erzeugen den untenstehenden Shortcode.<\/p>\n<pre><code>[url url-601 id:cf7-your-website class:cf7-your-website \"Your Website\"]<\/code><\/pre>\n<h3>Das &#8222;Datum&#8220;-Formular-Tag<\/h3>\n<p>Mit dem &#8222;Datum&#8220;-Formular-Tag des Contact Form 7 kannst du eine Datumsauswahl im Kalender-Stil erstellen. Dieses &#8222;date&#8220;-Eingabefeld ist n\u00fctzlich f\u00fcr die Angabe von Terminen in einem Kontaktformular.<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/10\/contact-form-7-date-form-tag.jpg\" alt=\"Ein \"Datum\"-Formular-Tag in Contact Form 7.\" width=\"1500\" height=\"796\"><figcaption class=\"wp-caption-text\">Ein &#8222;Datum&#8220;-Formular-Tag in Contact Form 7.<\/figcaption><\/figure>\n<p>F\u00fcr das Formular-Tag &#8222;Datum&#8220; haben wir die Einstellungen unten konfiguriert.<\/p>\n<ul>\n<li><strong>Name<\/strong> <strong>&#8211;<\/strong> Datum &#8211; 389 (automatisch generiert)<\/li>\n<li><strong>Default Value<\/strong> <strong>&#8211;<\/strong> Dein Termindatum.<\/li>\n<li><strong>Range<\/strong> <strong>&#8211;<\/strong> Unser benutzerdefinierter Datumsbereich.<\/li>\n<li><strong>ID-Attribute (CSS)<\/strong> <strong>&#8211;<\/strong> cf7-Termindatum<\/li>\n<li><strong>Class Attribute (CSS)<\/strong> <strong>&#8211;<\/strong> cf7-Termindatum<\/li>\n<\/ul>\n<p>Diese Einstellungen erzeugen den untenstehenden Shortcode.<\/p>\n<pre><code>[date* date-389 min:2020-09-15 max:2020-10-24 id:cf7-appointment-date class:cf7-appointment-date placeholder \"Your Appointment Date\"]<\/code><\/pre>\n<h3>Das &#8220; Textfeld&#8220;-Formular-Tag<\/h3>\n<p>Mit dem &#8222;Textfeld&#8220;-Formular-Tag kannst du ein mehrzeiliges Textfeld erstellen, mit dem Besucher l\u00e4ngere Nachrichten einreichen k\u00f6nnen. Textareas sind am n\u00fctzlichsten, um den Textk\u00f6rper einer Nachricht zu erfassen.<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/10\/contact-form-7-textarea-form-tag.jpg\" alt=\"Ein \" Textfeld\"-Formular-Tag in Contact Form 7.\" width=\"1500\" height=\"796\"><figcaption class=\"wp-caption-text\">Ein &#8220; Textfeld&#8220;-Formular-Tag in Contact Form 7.<\/figcaption><\/figure>\n<p>F\u00fcr den &#8222;Textfeld&#8220;-Formular-Tag haben wir die Einstellungen unten konfiguriert.<\/p>\n<ul>\n<li><strong>Name<\/strong> <strong>&#8211;<\/strong> textarea-795 (automatisch generiert)<\/li>\n<li><strong>Default Value &#8211;<\/strong> Deine Nachricht<\/li>\n<li><strong>ID-Attribute (CSS)<\/strong> <strong>&#8211;<\/strong> cf7-deine Nachricht<\/li>\n<li><strong>Class Attribute (CSS)<\/strong> <strong>&#8211;<\/strong> cf7-deine Nachricht<\/li>\n<\/ul>\n<p>Diese Einstellungen erzeugen den untenstehenden Shortcode.<\/p>\n<pre><code>[textarea* textarea-795 id:cf7-your-message class:cf7-your-message placeholder \"Your Message\"]<\/code><\/pre>\n<h3>Das &#8222;Drop-Down-Men\u00fc&#8220;-Formular-Tag<\/h3>\n<p>Mit dem &#8222;Drop-Down-Men\u00fc&#8220;-Formular-Tag von Contact Form 7 kannst du ein Drop-Down-Men\u00fc mit mehreren Optionen erstellen. Drop-Down-Men\u00fcs sind n\u00fctzlich f\u00fcr Situationen, in denen du m\u00f6chtest, dass ein Besucher eine bestimmte Option ausw\u00e4hlt, die er mit dem Formular abschicken kann. Wenn du zum Beispiel eine <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-agentur\/\">WordPress-Wartungsfirma betreibst<\/a>, kannst du ein Drop-Down-Men\u00fc konfigurieren, mit dem ein Besucher zwischen den von dir angebotenen Dienstleistungen w\u00e4hlen kann.<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/10\/contact-form-7-drop-down-menu-tag.jpg\" alt=\"Ein \"Drop-Down-Men\u00fc\"-Formular-Tag in Contact Form 7.\" width=\"1500\" height=\"797\"><figcaption class=\"wp-caption-text\">Ein &#8222;Drop-Down-Men\u00fc&#8220;-Formular-Tag in Contact Form 7.<\/figcaption><\/figure>\n<p>F\u00fcr den &#8222;Drop-Down-Men\u00fc&#8220;-Formular-Tag haben wir die Einstellungen unten konfiguriert.<\/p>\n<ul>\n<li><strong>Name<\/strong> <strong>&#8211;<\/strong> menu-24 (automatisch generiert)<\/li>\n<li><strong>Options<\/strong> <strong>&#8211;<\/strong> Option 1, Option 2, Option 3, Option 4<\/li>\n<li><strong>Allow Multiple Selections<\/strong> <strong>&#8211;<\/strong> Angekreuzt<\/li>\n<li><strong>Insert a Blank Item as the First Option<\/strong> <strong>&#8211;<\/strong> Angekreuzt<\/li>\n<li><strong>ID-Attribute<\/strong> <strong>&#8211;<\/strong> cf7-Drop-Down-Men\u00fc<\/li>\n<li><strong>Class Attribute<\/strong> <strong>&#8211;<\/strong> cf7-Drop-Down-Men\u00fc<\/li>\n<\/ul>\n<p>Diese Einstellungen erzeugen den untenstehenden Shortcode.<\/p>\n<pre><code>[checkbox* checkbox-948 id:cf7-checkbox class:cf7-checkbox use_label_element \"Option 1\" \"Option 2\" \"Option 3\"]<\/code><\/pre>\n<h3>Das &#8222;Checkbox&#8220;-Formular-Tag<\/h3>\n<p>Mit dem Checkbox-Form-Tag kannst du HTML-Checkboxen erstellen. \u00c4hnlich wie Drop-Down-Men\u00fcs k\u00f6nnen Checkboxen auch verwendet werden, um vordefinierte Optionen auszuw\u00e4hlen. Abh\u00e4ngig von der Art deines Kontaktformulars k\u00f6nnen Checkboxen besser funktionieren als Dropdown-Men\u00fcs. Wenn du zum Beispiel eine kleine Anzahl von Optionen zur Auswahl hast, reduziert eine Checkbox die Anzahl der Klicks, die f\u00fcr eine Auswahl erforderlich sind. Andererseits, wenn dein Kontaktformular viele Optionen hat, kann ein Drop-Down-Men\u00fc besser funktionieren, weil es weniger vertikalen Platz einnimmt.<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/10\/contact-form-7-checkbox-form-tag.jpg\" alt=\"Ein \"Checkbox\"-Formular-Tag in Contact Form 7.\" width=\"1500\" height=\"797\"><figcaption class=\"wp-caption-text\">Ein &#8222;Checkbox&#8220;-Formular-Tag in Contact Form 7.<\/figcaption><\/figure>\n<p>F\u00fcr den &#8222;Checkbox&#8220;-Formular-Tag haben wir die Einstellungen unten konfiguriert.<\/p>\n<ul>\n<li><strong>Name<\/strong> <strong>&#8211;<\/strong> checkbox-948 (automatisch generiert)<\/li>\n<li><strong>Options<\/strong> <strong>&#8211;<\/strong> Option 1, Option 2, Option 3<\/li>\n<li><strong>Wrap Each Item with Label Element<\/strong> <strong>&#8211;<\/strong> Angekreuzt<\/li>\n<li><strong>ID-Attribute<\/strong> <strong>&#8211;<\/strong> cf7-checkbox<\/li>\n<li><strong>Class Attribute<\/strong> <strong>&#8211;<\/strong> cf7-checkbox<\/li>\n<\/ul>\n<p>Diese Einstellungen erzeugen den untenstehenden Shortcode.<\/p>\n<pre><code>[checkbox* checkbox-948 id:cf7-checkbox class:cf7-checkbox use_label_element \"Option 1\" \"Option 2\" \"Option 3\"]<\/code><\/pre>\n<h3>Das &#8222;Radio Buttons&#8220;-Formular-Tag<\/h3>\n<p>Mit dem Formular-Tag &#8222;Radiobuttons&#8220; kannst du Radiobuttons mit mehreren Optionen erstellen. Im Gegensatz zu Checkboxen und Drop-Down-Men\u00fcs kannst du mit Radio-Buttons nur eine einzige Option ausw\u00e4hlen.<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/10\/contact-form-7-radio-buttons-form-tag.jpg\" alt=\"Ein \"Radio Buttons\"-Formular-Tag in Contact Form 7.\" width=\"1500\" height=\"796\"><figcaption class=\"wp-caption-text\">Ein &#8222;Radio Buttons&#8220;-Formular-Tag in Contact Form 7.<\/figcaption><\/figure>\n<p>F\u00fcr den Formular-Tag &#8222;Radio-Buttons&#8220; haben wir die Einstellungen unten konfiguriert.<\/p>\n<ul>\n<li><strong>Name<\/strong> <strong>&#8211;<\/strong> radio-708 (automatisch generiert)<\/li>\n<li><strong>Options<\/strong> <strong>&#8211;<\/strong> Option 1, Option 2, Option 3<\/li>\n<li><strong>Wrap Each Item with Label Element<\/strong> <strong>&#8211;<\/strong> Angekreuzt<\/li>\n<li><strong>ID-Attribute<\/strong> <strong>&#8211;<\/strong> cf7-radio<\/li>\n<li><strong>Class Attribute<\/strong> <strong>&#8211;<\/strong> cf7-radio<\/li>\n<\/ul>\n<p>Diese Einstellungen erzeugen den untenstehenden Shortcode.<\/p>\n<pre><code>[radio radio-708 id:cf7-radio class:cf7-radio use_label_element default:1 \"Option 1\" \"Option 2\" \"Option 3\"]<\/code><\/pre>\n<h3>Das &#8222;Akzeptieren&#8220;-Formular-Tag<\/h3>\n<p>Das &#8220; Akzeptieren&#8220;-Formular-Tag des Kontaktformulars 7 kann verwendet werden, um eine einzelne Checkbox zu generieren, mit der die Allgemeinen Gesch\u00e4ftsbedingungen akzeptiert werden k\u00f6nnen. Mit den Einstellungen des Formular-Tags &#8222;Akzeptieren&#8220; kannst du festlegen, welche Nachricht angezeigt werden soll.<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/10\/contact-form-7-acceptance-form-tag.jpg\" alt=\"Ein \"Akzeptieren\"-Formular-Tag in Contact Form 7.\" width=\"1500\" height=\"796\"><figcaption class=\"wp-caption-text\">Ein &#8222;Akzeptieren&#8220;-Formular-Tag in Contact Form 7.<\/figcaption><\/figure>\n<p>F\u00fcr den Formular-Tag &#8220; Akzeptieren&#8220; haben wir die Einstellungen unten konfiguriert.<\/p>\n<ul>\n<li><strong>Name<\/strong> <strong>&#8211;<\/strong> acceptance-545 (automatisch generiert)<\/li>\n<li><strong>Condition<\/strong> <strong>&#8211;<\/strong> Aktiviere dieses K\u00e4stchen, um die Bedingungen zu akzeptieren.<\/li>\n<li><strong>ID-Attribute<\/strong> <strong>&#8211;<\/strong> cf7-acceptance<\/li>\n<li><strong>Class Attribute<\/strong> <strong>&#8211;<\/strong> cf7-acceptance<\/li>\n<\/ul>\n<p>Diese Einstellungen erzeugen den untenstehenden Shortcode.<\/p>\n<pre><code>[acceptance acceptance-545 id:cf7-acceptance class:cf7-acceptance] Check this box to accept the terms. [\/acceptance]<\/code><\/pre>\n<h3>Der &#8222;Quiz&#8220;-Formular-Tag<\/h3>\n<p>Das &#8222;Quiz&#8220;-Formular-Tag kann verwendet werden, um grundlegende Frage- und Antwortquizzes in deinem Kontaktformular zu erstellen. Um eine Quizfrage zu erstellen, benutze das folgende Format, um die Frage und die Antwort zu trennen &#8211; Frage|Antwort. Auf dem Screenshot unten ist unsere Frage &#8222;<a href=\"https:\/\/www.wpbeginner.com\/news\/the-history-of-wordpress\/\">In welchem Jahr wurde WordPress ver\u00f6ffentlicht?<\/a>&#8222;, und die Antwort (durch ein &#8222;|&#8220;-Zeichen getrennt) ist 2003.<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/10\/contact-form-7-quiz-form-tag.jpg\" alt=\"Ein \"Quiz\"-Formular-Tag in Contact Form 7.\" width=\"1500\" height=\"797\"><figcaption class=\"wp-caption-text\">Ein &#8222;Quiz&#8220;-Formular-Tag in Contact Form 7.<\/figcaption><\/figure>\n<p>F\u00fcr den &#8222;Quiz&#8220;-Formular-Tag haben wir die Einstellungen unten konfiguriert.<\/p>\n<ul>\n<li><strong>Name<\/strong> <strong>&#8211;<\/strong> quiz-461 (automatisch generiert)<\/li>\n<li><strong>Condition<\/strong> <strong>&#8211;<\/strong> Aktiviere dieses K\u00e4stchen, um die Bedingungen zu akzeptieren.<\/li>\n<li><strong>ID-Attribute<\/strong> <strong>&#8211;<\/strong> cf7-Quiz<\/li>\n<li><strong>Class Attribute<\/strong> <strong>&#8211;<\/strong> cf7-Quiz<\/li>\n<\/ul>\n<p>Diese Einstellungen erzeugen den untenstehenden Shortcode.<\/p>\n<pre><code>[quiz quiz-461 id:cf7-quiz class:cf7-quiz \"What year was WordPress released?|2003\"]<\/code><\/pre>\n<h3>Das &#8222;Datei&#8220;-Formular-Tag<\/h3>\n<p>Mit dem &#8222;file&#8220;-Formular-Tag von Contact Form 7 kannst du die Funktion zum Hochladen von Dateien zu einem Kontaktformular hinzuf\u00fcgen. Dies ist n\u00fctzlich f\u00fcr Situationen, in denen du m\u00f6chtest, dass ein Besucher ein Bild oder eine PDF-Datei hochladen kann, um sie mit dem Formular abzuschicken. Wenn du zum Beispiel einen <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-fotogalerie-plugins\/\">Fotoblog<\/a> betreibst, in dem du G\u00e4stebeitr\u00e4ge ver\u00f6ffentlichst, kannst du eine Datei-Upload-Funktionalit\u00e4t hinzuf\u00fcgen, mit der Leute Bilder hochladen k\u00f6nnen.<\/p>\n<p>In den Formular-Tag-Einstellungen kannst du eine Reihe von Einstellungen vornehmen, um dein Formular zu sichern. Wir empfehlen, immer ein Limit f\u00fcr die Dateigr\u00f6\u00dfe festzulegen, um zu verhindern, dass b\u00f6swillige Benutzer gro\u00dfe Dateien hochladen. In \u00e4hnlicher Weise hilft dir die Angabe von &#8222;akzeptablen Dateitypen&#8220; dabei, dein Formular auf Dateiformate zu beschr\u00e4nken, die du willst und erwartest. Mit dem Fotoblog-Beispiel im Hinterkopf m\u00f6chtest du vielleicht die Dateigr\u00f6\u00dfe auf 1 MB (1024 KB) und akzeptable Dateitypen nur auf bekannte Bildformate wie <a href=\"https:\/\/kinsta.com\/de\/blog\/jpg-vs-jpeg\/\">JPG<\/a> und <a href=\"https:\/\/kinsta.com\/de\/blog\/optimiert-bilder-fur-web\/#choose-the-right-file-format\">PNG<\/a> beschr\u00e4nken.<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/10\/contact-form-7-file-form-tag.jpg\" alt=\"Ein \"Datei\"-Formular-Tag in Contact Form 7.\" width=\"1500\" height=\"796\"><figcaption class=\"wp-caption-text\">Ein &#8222;Datei&#8220;-Formular-Tag in Contact Form 7.<\/figcaption><\/figure>\n<p>F\u00fcr den &#8222;Datei&#8220;-Formular-Tag haben wir die Einstellungen unten konfiguriert.<\/p>\n<ul>\n<li><strong>Name<\/strong> <strong>&#8211;<\/strong> file-658 (automatisch generiert)<\/li>\n<li><strong>File Size Limit &#8211;<\/strong> 1024kb<\/li>\n<li><strong>Acceptable File Types<\/strong> <strong>&#8211;<\/strong> jpg|png|gif<\/li>\n<li><strong>ID-Attribute<\/strong> <strong>&#8211;<\/strong> cf7-Datei<\/li>\n<li><strong>Class Attribute<\/strong> <strong>&#8211;<\/strong> cf7-Datei<\/li>\n<\/ul>\n<p>Diese Einstellungen erzeugen den untenstehenden Shortcode.<\/p>\n<pre><code>[file file-658 limit:1024kb filetypes:jpg|png|gif id:cf7-file class:cf7-file]<\/code><\/pre>\n<h3>Das &#8222;Abschicken&#8220;-Formular-Tag<\/h3>\n<p>Zu guter Letzt ist Contact Form 7 mit dem Formular-Tag &#8222;Abschicken&#8220; versehen. Wie du vielleicht schon erraten hast, kannst du mit diesem Formular-Tag einen Absende-Button f\u00fcr ein Kontaktformular generieren.<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/10\/contact-form-7-submit-form-tag.jpg\" alt=\"Ein \"Abschicken\"-Formular-Tag in Contact Form 7.\" width=\"1500\" height=\"796\"><figcaption class=\"wp-caption-text\">Ein &#8222;Abschicken&#8220;-Formular-Tag in Contact Form 7.<\/figcaption><\/figure>\n<p>F\u00fcr den Formular-Tag &#8222;Abschicken&#8220; haben wir die Einstellungen unten konfiguriert.<\/p>\n<ul>\n<li><strong>Label<\/strong> <strong>&#8211;<\/strong> Abschicken<\/li>\n<li><strong>ID-Attribute<\/strong> <strong>&#8211;<\/strong> cf7-submit<\/li>\n<li><strong>Class Attribute &#8211;<\/strong> cf7-submit<\/li>\n<\/ul>\n<p>Diese Einstellungen erzeugen den untenstehenden Shortcode.<\/p>\n<pre><code>[submit id:cf7-submit class:cf7-submit \"Submit\"]<\/code><\/pre>\n<h2>Wie man ein Kontaktformular mit Formular-Tags strukturiert<\/h2>\n<p>Jetzt, wo wir alle unsere Formular-Tags eingerichtet haben, ist es an der Zeit, das Kontaktformular zu erstellen. Zu diesem Zeitpunkt sollten deine Einstellungen f\u00fcr das Kontaktformular wie im Screenshot unten aussehen. Achte auf alle Formular-Tags, die wir oben erstellt haben. Wenn die Formular-Tags eingerichtet sind, kannst du den <code>[contact-form-7]<\/code> <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-shortcodes\/\">Shortcode<\/a> verwenden, um das Formular in einen WordPress-Beitrag oder eine WordPress-Seite einzubetten.<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/10\/wordpress-editor-contact-form-7-shortcode.jpg\" alt=\"F\u00fcgt ein Kontaktformular mit dem contact-form-7 shortcode ein.\" width=\"1500\" height=\"797\"><figcaption class=\"wp-caption-text\">F\u00fcgt ein Kontaktformular mit dem contact-form-7 shortcode ein.<\/figcaption><\/figure>\n<p>Im WordPress-Editor f\u00fcgst du den Shortcode in einen leeren Block ein.<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/10\/contact-form-7-shortcode.jpg\" alt=\"F\u00fcge den Shortcode von Contact Form 7 zu einem Beitrag oder einer Seite hinzu.\" width=\"1500\" height=\"796\"><figcaption class=\"wp-caption-text\">F\u00fcge den Shortcode von Contact Form 7 zu einem Beitrag oder einer Seite hinzu.<\/figcaption><\/figure>\n<p>Wenn du den <a href=\"https:\/\/kinsta.com\/de\/blog\/gutenberg-wordpress-editor-deaktivieren\/#install-classic-editor-plugin\">WordPress Classic Editor<\/a> benutzt, kannst du den Shortcode \u00fcberall im Inhaltseditor einf\u00fcgen.<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/10\/contact-form-7-classic-editor-shortcode.jpg\" alt=\"Benutze Contact Form 7 mit dem WordPress Classic Editor.\" width=\"1500\" height=\"797\"><figcaption class=\"wp-caption-text\">Benutze Contact Form 7 mit dem WordPress Classic Editor.<\/figcaption><\/figure>\n<p>Du solltest jetzt in der Lage sein, das Kontaktformular auf der Seite zu sehen, auf der du den Shortcode f\u00fcr Contact Form 7 hinzugef\u00fcgt hast. So sieht unser Kontaktformular mit den oben genannten Einstellungen aus. Wie du sehen kannst, wandelt Contact Form 7 automatisch Formular-Tags in g\u00fcltiges HTML um, das mit den standardm\u00e4\u00dfigen <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-css\/\">CSS styles<\/a> deines WordPress-Themas gerendert wird.<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/10\/contact-form-7-contact-form.jpg\" alt=\"Ein Kontaktformular erstellt mit Contact Form 7.\" width=\"1500\" height=\"797\"><figcaption class=\"wp-caption-text\">Ein Kontaktformular erstellt mit Contact Form 7.<\/figcaption><\/figure>\n<p>Unser Kontaktformular in seinem jetzigen Zustand ist ein guter Ausgangspunkt, aber es fehlt noch eine Schl\u00fcsselfunktion. Formular-Tags wie &#8222;Text&#8220;, &#8222;E-Mail&#8220; und &#8222;URL&#8220; unterst\u00fctzen Platzhalter, aber andere Elemente wie &#8222;Checkboxen&#8220; und &#8222;Radio-Buttons&#8220; nicht. Ohne richtige Bezeichnungen sind die Checkboxen und Radio-Buttons f\u00fcr Besucher nicht sehr n\u00fctzlich, da sie keinen Kontext haben. Gl\u00fccklicherweise ist das Hinzuf\u00fcgen von Labels in Contact Form 7 sehr einfach!<\/p>\n<h3>Wie man Formular-Tag-Etiketten in Contact Form 7 hinzuf\u00fcgt<\/h3>\n<p>Es gibt zwei M\u00f6glichkeiten, Etiketten zu den Formular-Tag in Contact Form 7 hinzuzuf\u00fcgen. F\u00fcr die untenstehenden Formular-Tags kannst du das Formular-Tag einfach mit einem <code><label><\/label><\/code>Tag umh\u00fcllen.<\/p>\n<ul>\n<li>Text<\/li>\n<li>Email<\/li>\n<li>URL<\/li>\n<li>Tel<\/li>\n<li>Number<\/li>\n<li>Date<\/li>\n<li>Text Area<\/li>\n<li>Acceptance<\/li>\n<li>Quiz<\/li>\n<li>File<\/li>\n<\/ul>\n<p>Wirf einen Blick auf das Beispiel &#8222;Text&#8220; Formular-Tag unten.<\/p>\n<pre><code>[text* text-711 id:cf7-your-name class:cf7-your-name placeholder \"Your Name\"]<\/code><\/pre>\n<p>Um diesem Formular-Tag ein Label hinzuzuf\u00fcgen, k\u00f6nnen wir den Formular-Tag durch den untenstehenden Snippet ersetzen. Beachte die zus\u00e4tzliche Instanz von \u201cYour Name&#8220; direkt nach dem \u00f6ffnenden Tag <code>&lt;label&gt;<\/code>.<\/p>\n<pre><code>&lt;label&gt; Your Name\n[text* text-711 id:cf7-your-name class:cf7-your-name placeholder \"Your Name\"]\n&lt;\/label&gt;<\/code><\/pre>\n<p>So sieht diese \u00c4nderung auf unserem Kontaktformular aus. In diesem Fall dient das neu erstellte Label dem gleichen Zweck wie der Platzhalter. Wenn wir jedoch keinen Platzhalter innerhalb des Formular-Tags angeben wollten, dann w\u00fcrde das Label helfen, den Zweck eines bestimmten Eingabefeldes zu identifizieren.<\/p>\n<figure id=\"attachment_81344\" aria-describedby=\"caption-attachment-81344\" style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-81344 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/10\/contact-form-7-form-tag-label.jpg\" alt=\"F\u00fcge ein Label zum Formular-Tag in Contact Form 7 hinzu.\" width=\"1500\" height=\"763\"><figcaption id=\"caption-attachment-81344\" class=\"wp-caption-text\">F\u00fcge ein Label zum Formular-Tag in Contact Form 7 hinzu.<\/figcaption><\/figure>\n<p>Bei Formular-Tags, die mehrere Formular-Steuerelemente wie <strong>Checkboxen, Radio-Buttons und Dropdown-Men\u00fcs<\/strong> darstellen, f\u00fchrt das Umh\u00fcllen des Formular-Tags mit einem <code>&lt;\/label&gt;<\/code>-Tag zu einem Fehler. Dies passiert, weil ein <code>&lt;label&gt;<\/code>-Tag nur mit einem einzelnen Formular-Element verwendet werden sollte. Die Natur von Checkboxen, Radio-Buttons und Dropdown-Men\u00fc-Optionen beinhalten mehrere Formular-Steuerelemente, daher sind sie mit der Standard-Labeling-L\u00f6sung inkompatibel.<\/p>\n<p>F\u00fcr Checkboxen, Radio-Buttons und Dropdown-Men\u00fcs musst du einen <code>use_label_element<\/code> Parameter innerhalb des Shortcode hinzuf\u00fcgen. Wirf einen Blick auf das Checkbox-Form-Tag-Beispiel unten, wo <code>use_label_element<\/code> fett gedruckt ist.<\/p>\n<pre><code>[checkbox* checkbox-948 id:cf7-checkbox class:cf7-checkbox <strong>use_label_element<\/strong> \"Option 1\" \"Option 2\" \"Option 3\"]<\/code><\/pre>\n<p>Sobald der <code>use_label_element<\/code> Parameter hinzugef\u00fcgt wurde, kannst du ein Label direkt \u00fcber dem Formular-Tag im Kontaktformular-Editor hinzuf\u00fcgen.<\/p>\n<figure id=\"attachment_81345\" aria-describedby=\"caption-attachment-81345\" style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-81345 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/10\/contact-form-7-use-label-element.jpg\" alt=\"F\u00fcge den Checkboxen, Radio-Buttons und Dropdown-Men\u00fcs in Contact Form 7 ein Label hinzu.\" width=\"1500\" height=\"619\"><figcaption id=\"caption-attachment-81345\" class=\"wp-caption-text\">F\u00fcge den Checkboxen, Radio-Buttons und Dropdown-Men\u00fcs in Contact Form 7 ein Label hinzu.<\/figcaption><\/figure>\n<p>Der Vollst\u00e4ndigkeit halber haben wir alle Formularanh\u00e4nger in unserem Kontaktformular mit Etiketten versehen. F\u00fcr eine Produktionsst\u00e4tte brauchst du das wahrscheinlich nicht zu tun, da einige Formular-Tags bereits Platzhalter enthalten. Trotzdem wollten wir zeigen, wie Labels funktionieren.<\/p>\n<p>Hier ist, wie unser Kontaktformular aussieht:<\/p>\n<figure id=\"attachment_81346\" aria-describedby=\"caption-attachment-81346\" style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-81346 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/10\/contact-form-with-labels.jpg\" alt=\"Ein Kontaktformular mit Label.\" width=\"1500\" height=\"1124\"><figcaption id=\"caption-attachment-81346\" class=\"wp-caption-text\">Ein Kontaktformular mit Label.<\/figcaption><\/figure>\n<h2>Mail-Einstellungen im Contact Form 7 konfigurieren<\/h2>\n<p>Nachdem wir nun die Struktur unseres Kontaktformulars konfiguriert haben, ist es an der Zeit, einen Blick auf die Einstellungen f\u00fcr den <a href=\"https:\/\/kinsta.com\/de\/blog\/kostenlosen-smtp-server\/\">Mailversand<\/a> in Contact Form 7 zu werfen. Obwohl die Standardeinstellungen f\u00fcr den Mailversand f\u00fcr die meisten Sites problemlos funktionieren sollten, ist es dennoch wichtig, die verschiedenen Einstellungen zu verstehen, falls deine Site oder dein Anwendungsfall eine spezielle Konfiguration erfordert.<\/p>\n<p>Um auf die Einstellungen f\u00fcr den Mailversand zuzugreifen, gehe in den Kontaktformular-Editor und w\u00e4hle den Tab &#8222;Mail&#8220;.<\/p>\n<figure id=\"attachment_81347\" aria-describedby=\"caption-attachment-81347\" style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-81347 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/10\/contact-form-7-mail-delivery-settings.jpg\" alt=\"Einstellungen f\u00fcr den Mailversand in Contact Form 7.\" width=\"1500\" height=\"798\"><figcaption id=\"caption-attachment-81347\" class=\"wp-caption-text\">Einstellungen f\u00fcr den Mailversand in Contact Form 7.<\/figcaption><\/figure>\n<p>In den Einstellungen f\u00fcr den Mailversand von Contact Form 7 kannst du die Vorlagen und Parameter anpassen, die verwendet werden, um eine Benachrichtigung zu generieren und an dich zu senden, nachdem jemand ein Formular abgeschickt hat. Wenn du falsche Einstellungen verwendest, ist es m\u00f6glich, dass du nicht \u00fcber das Absenden eines Formulars benachrichtigt wirst. Daher ist es wichtig, dass du nach dem Erstellen eines Kontaktformulars und dem \u00c4ndern von Einstellungen die Formularzustellung testest.<\/p>\n<p>Contact Form 7 l\u00e4sst dich die folgenden Einstellungen f\u00fcr den Mailversand konfigurieren.<\/p>\n<ul>\n<li><strong>To<\/strong> <strong>&#8211;<\/strong> die E-Mail-Adresse, an die eine Benachrichtigung gesendet werden soll.<\/li>\n<li><strong>From<\/strong> <strong>&#8211;<\/strong> die E-Mail-Adresse, von der aus eine Benachrichtigung verschickt werden soll.<\/li>\n<li><strong>Subject<\/strong> <strong>&#8211;<\/strong> der Betreff der Benachrichtigungs-E-Mail.<\/li>\n<li><strong>Additional<\/strong> <strong>Headers<\/strong> <strong>&#8211;<\/strong> zus\u00e4tzliche E-Mail-Header wie &#8222;reply-to&#8220; angeben.<\/li>\n<li><strong>Message<\/strong> <strong>Body<\/strong> <strong>&#8211;<\/strong> der Textk\u00f6rper der Benachrichtigungs-E-Mail.<\/li>\n<li><strong>File<\/strong> <strong>Attachments<\/strong> <strong>&#8211;<\/strong> gib alle Anh\u00e4nge an, die der Benachrichtigungs-E-Mail beigef\u00fcgt werden sollen.<\/li>\n<\/ul>\n<p>Gehen wir nun die einzelnen Einstellungen durch, um ein besseres Verst\u00e4ndnis daf\u00fcr zu bekommen, wie sie sich auf den Mailversand in Contact Form 7 auswirken k\u00f6nnen.<\/p>\n<h3>Das Feld &#8222;To&#8220;<\/h3>\n<p>Achte darauf, dass du eine echte E-Mail-Adresse f\u00fcr die &#8222;An&#8220;-Einstellung angibst. Standardm\u00e4\u00dfig ordnet Contact Form 7 die mit deinem WordPress-Benutzerkonto verbundene E-Mail-Adresse der &#8222;An&#8220;-Einstellung zu. Wenn deine WordPress-E-Mail-Adresse nicht g\u00fcltig ist, aktualisiere sie in deinen Profileinstellungen und \u00e4ndere auch die E-Mail-Adresse in Contact Form 7.<\/p>\n<h3>Das Feld &#8222;From&#8220;<\/h3>\n<p>Die &#8222;Von&#8220;-Einstellung sollte das folgende Format verwenden \u2013 <code>Your Name<\/code>. F\u00fcr unsere Kontaktformular-Mail-Einstellungen verwenden wir <code>kinstalife &lt;<a href=\"mailto:wordpress@kinstalife.com\">wordpress@kinstalife.com<\/a>&gt;<\/code>.<\/p>\n<p>Standardm\u00e4\u00dfig wird Contact 7 dieses Feld mit <code><a href=\"mailto:wordpress@your-domain.com\">wordpress@your-domain.com<\/a><\/code> ausf\u00fcllen. Du solltest <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-keine-e-mails-versendet\/#fix-contact-form-7-not-sending-emails\">sicherstellen, dass diese E-Mail-Adresse g\u00fcltig ist<\/a>, da einige WordPress Hosts ausgehende E-Mails an ung\u00fcltige Adressen blockieren. Es gibt mehrere M\u00f6glichkeiten, diese E-Mail-Adresse g\u00fcltig zu machen. Du kannst entweder ein eigenes E-Mail-Konto f\u00fcr \u00a0<a href=\"mailto:wordpress@your-domain.com\">wordpress@your-domain.com<\/a> einrichten oder die Catch-All-Funktionalit\u00e4t bei deinem E-Mail-Dienstleister aktivieren. Wenn Sie diese E-Mail-Adresse nicht einrichten k\u00f6nnen, empfehlen wir Ihnen, sie in eine g\u00fcltige E-Mail-Adresse umzuwandeln, um Zustellungsprobleme zu vermeiden.<\/p>\n<h3>Das Feld &#8222;Subject&#8220;<\/h3>\n<p>Die Einstellung f\u00fcr &#8222;Betreff&#8220; kann verwendet werden, um eine Betreffzeile f\u00fcr Benachrichtigungsmails anzugeben. Standardm\u00e4\u00dfig legt Contact Form 7 den Betreff als <code>Site Name \u201c[your-subject]\u201d<\/code> fest \u2013der Name des Betreffs in der Standardformularvorlage von Contact Form 7.<\/p>\n<p>Wenn du keinen Formular-Tag mit dem Namen \u201c[your-subject]\u201d in Ihrem Formular hast, \u00e4ndere ihn unbedingt in etwas anderes. Wenn du beispielsweise nur ein Formular-Tag zur Erfassung des Namens eines Besuchers (z.B. [your-name]) hast, kannst du die Betreffzeile in <code>You\u2019ve Received a Message from [your-name]<\/code> \u00e4ndern.<\/p>\n<h3>Das Feld &#8222;Additional Headers&#8220;<\/h3>\n<p>Unter &#8222;Zus\u00e4tzliche Kopfzeilen&#8220; kannst E-Mail-Kopfzeilen wie reply-to, CC und BCC angeben. Standardm\u00e4\u00dfig f\u00fcgt Contact Form 7 die folgende Kopfzeile hinzu &#8211; <code>Reply-To: [your-email]<\/code>. Mit diesem Header kannst du an die E-Mail-Adresse antworten, die in einem eingereichten Kontaktformular angegeben ist.<\/p>\n<p>Die Standard-Kopfzeile Reply-to ist in Ordnung, wenn du das Standard-E-Mail-Formular-Tag von Contact Form 7 verwendest. Wenn dies nicht der Fall ist, stelle sicher, dass er mit dem Namen Ihres E-Mail-Formular-Tags \u00fcbereinstimmt. F\u00fcr unser Kontaktformular lautet der Name des E-Mail-Formular-Tags &#8222;email-632&#8220;, so dass der Reply-to-Formular-Tag in <code>Reply-To: [email-632]<\/code> ge\u00e4ndert werden m\u00fcsste.<\/p>\n<h3>Der &#8222;Message Body&#8220;<\/h3>\n<p>Als n\u00e4chstes kommt der &#8222;Message Body&#8220;, der den Inhalt der Benachrichtigungs-E-Mail bestimmt. Die Standardvorlage von Contact Form 7 verwendet die Formular-Tags [your-name], [your-email], [your-subject] und [your-message] und sieht wie folgt aus:<\/p>\n<pre><code>From: [your-name] \nSubject: [your-subject]\nMessage Body:\n[your-message]\n--\u00a0\nThis e-mail was sent from a contact form on kinstalife (http:\/\/kinstalife.com)<\/code><\/pre>\n<p>Achte darauf, diese Formular-Tags zu \u00e4ndern, wenn du sie nicht in deiner Kontaktformular-Vorlage verwendest. Da das Kontaktformular, das wir erstellt haben, eine Menge Informationen sammelt, k\u00f6nnen wir den Nachrichtentext mit zus\u00e4tzlichen Formular-Tags so einrichten:<\/p>\n<pre><code>Hello Brian, you\u2019ve received a message from [text-711] ([email-632]).\nWebsite: [url-601]\nPhone Number: Tel-842\nAppointment Date: date-389\nMessage: textarea-795<\/code><\/pre>\n<figure id=\"attachment_81348\" aria-describedby=\"caption-attachment-81348\" style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-81348 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/10\/contact-form-7-mail-message-body.jpg\" alt=\"Passe den Nachrichtentext f\u00fcr die Benachrichtigungs-E-Mails des Contact Form 7 an.\" width=\"1500\" height=\"712\"><figcaption id=\"caption-attachment-81348\" class=\"wp-caption-text\">Passe den Nachrichtentext f\u00fcr die Benachrichtigungs-E-Mails des Contact Form 7 an.<\/figcaption><\/figure>\n<h3>Contact Form 7 Mail-Einstellungen &#8211; Dateianh\u00e4nge<\/h3>\n<p>Wenn dein Kontaktformular das Hochladen einer Datei beinhaltet, kannst du die Datei der Benachrichtigungs-E-Mail beif\u00fcgen. In unserem Kontaktformular haben wir einen Datei-Upload-Formular-Tag namens &#8222;[Datei-658]&#8220;. So k\u00f6nnen wir diesen Formular-Tag unter &#8222;Dateianh\u00e4nge&#8220; hinzuf\u00fcgen, um sicherzustellen, dass die Datei in der E-Mail-Benachrichtigung enthalten ist.<\/p>\n<figure id=\"attachment_81349\" aria-describedby=\"caption-attachment-81349\" style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-81349 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/10\/contact-form-7-file-attachments.jpg\" alt=\"F\u00fcge Dateianh\u00e4nge in die Benachrichtigungs-E-Mails des Contact Form 7 ein.\" width=\"1500\" height=\"186\"><figcaption id=\"caption-attachment-81349\" class=\"wp-caption-text\">F\u00fcge Dateianh\u00e4nge in die Benachrichtigungs-E-Mails des Contact Form 7 ein.<\/figcaption><\/figure>\n<h2>Contact Form 7 Probleme bei der Postzustellung<\/h2>\n<p>Wenn du feststellst, dass das <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-keine-e-mails-versendet\/#fix-contact-form-7-not-sending-emails\">Contact Form 7 keine E-Mails verschickt<\/a>, kannst du ein paar Dinge \u00fcberpr\u00fcfen, bevor du einen WordPress-Entwickler um Hilfe bittest.<\/p>\n<ol>\n<li>\u00dcberpr\u00fcfe, ob dein Server andere Arten von E-Mails sendet. Um dies zu testen, kannst du eine weitere E-Mail-Zustellungsaktion ausl\u00f6sen, indem du einen Testkommentar zu einem Blog-Eintrag abgibst oder auf deiner WordPress-Login-Seite eine <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-passworter-andern\/#using-the-lost-password-link-to-reset-your-password\">Anfrage zur Passwort-R\u00fccksetzung stellst<\/a>. Wenn du nach Durchf\u00fchrung einer dieser Aktionen eine E-Mail erh\u00e4ltst, dann h\u00e4ngt das Problem wahrscheinlich mit der Konfiguration von Contact Form 7 zusammen. Wenn du keine E-Mails erh\u00e4lst, wende dich sich an das Support-Team Ihres Gastgebers und teile ihm mit, dass du ein Problem mit der E-Mail-Zustellung hast.<\/li>\n<li>Vergewissere dich, dass die Felder &#8222;An&#8220; und &#8222;Von&#8220; in den Einstellungen f\u00fcr den E-Mail-Versand deines Kontaktformulars richtig konfiguriert sind. Damit das Contact Form 7 richtig funktioniert, sollten diese beiden Felder mit echten E-Mail-Adressen ausgef\u00fcllt sein.<\/li>\n<\/ol>\n<h2>Contact Form 7 Formulareinreichungsnachrichten<\/h2>\n<p>Mit Contact Form 7 kannst du eine Vielzahl von Formulareinreichungsnachrichten anpassen. Diese Nachrichten werden angezeigt, wenn eine bestimmte Bedingung erf\u00fcllt ist. Wenn ein Besucher zum Beispiel vergisst, ein Pflichtfeld auszuf\u00fcllen, wird Contact Form 7 die Nachricht &#8222;Das Feld ist erforderlich&#8220; anzeigen. F\u00fcr die meisten Anwendungsf\u00e4lle sollten die Standardnachrichten einwandfrei funktionieren. Wenn du die Nachrichten jedoch anpassen m\u00f6chtest, kannst du dies tun, indem du im Kontaktformular-Editor auf den Tab &#8222;Messages&#8220; klickst.<\/p>\n<figure id=\"attachment_81350\" aria-describedby=\"caption-attachment-81350\" style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-81350 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/10\/contact-form-7-messages.jpg\" alt=\"Situationsbezogene Nachrichten in Contact Form 7 anpassen.\" width=\"1500\" height=\"796\"><figcaption id=\"caption-attachment-81350\" class=\"wp-caption-text\">Situationsbezogene Nachrichten in Contact Form 7 anpassen.<\/figcaption><\/figure>\n<h2>Wie man dein Kontaktformular sichert<\/h2>\n<p>Da automatisierte Bots im Laufe der Jahre immer intelligenter und durchdringender geworden sind, ist Spam zu einem gro\u00dfen Problem f\u00fcr Kontaktformulare geworden. Da Kontaktformulare normalerweise f\u00fcr das \u00f6ffentliche Internet zug\u00e4nglich sind, ist es f\u00fcr <a href=\"https:\/\/kinsta.com\/de\/blog\/content-scraping\/\">Web-Scraper<\/a> relativ einfach, sie zu erkennen und Spam-Nachrichten in den Posteingang abzufeuern. Gl\u00fccklicherweise gibt es verschiedene M\u00f6glichkeiten, Spammer abzuwehren und dein Kontaktformular zu sch\u00fctzen.<\/p>\n<h3>Sichere dein Contact Form 7 mit reCAPTCHA<\/h3>\n<p>Wenn du schon einmal ein Formular im Internet abgeschickt hast, kennst du wahrscheinlich schon <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-captcha\/\">reCAPTCHA<\/a>, eine von Google entwickelte Technologie zur Erkennung von automatisiertem Bot-Verhalten. \u00c4ltere Versionen von reCAPTCHA (V2) verlangten von den Nutzern, ein R\u00e4tsel oder eine Herausforderung zu bestehen.<\/p>\n<p>Die neueste Version von reCAPTCHA (V3) erfordert keine Interaktion der Nutzer. Stattdessen \u00fcberwacht es transparent die Benutzeraktivit\u00e4ten im Hintergrund, um zwischen menschlichen und Bot-Besuchern zu unterscheiden. Da Kontaktformular 7 reCAPTCHA V3 unterst\u00fctzt, empfehlen wir die Verwendung dieser neuesten Version, da sie eine bessere Benutzererfahrung f\u00fcr Besucher bietet.<\/p>\n<p>Um reCAPTCHA einzurichten, musst du zuerst einen API-Schl\u00fcssel generieren. Dazu loggst du dich in dein Google-Konto ein und gehst zur <a href=\"https:\/\/www.google.com\/recaptcha\/admin\/create\">reCAPTCHA-Einrichtungsseite<\/a>.<\/p>\n<figure id=\"attachment_81351\" aria-describedby=\"caption-attachment-81351\" style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-81351 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/10\/google-recapatcha-setup.jpg\" alt=\"Registriere eine neue Seite f\u00fcr die Integration von reCAPTCHA.\" width=\"1500\" height=\"797\"><figcaption id=\"caption-attachment-81351\" class=\"wp-caption-text\">Registriere eine neue Seite f\u00fcr die Integration von reCAPTCHA.<\/figcaption><\/figure>\n<p>Geh das Anmeldeformular durch, um dein reCAPTCHA zu erstellen.<\/p>\n<ul>\n<li><strong>Label<\/strong> <strong>&#8211;<\/strong> Gib ein Label deiner Wahl an.<\/li>\n<li>reCAPTCHA Type <strong>&#8211;<\/strong> Kontaktformular 7 unterst\u00fctzt reCAPTCHA v3, also w\u00e4hle diese Version.<\/li>\n<li><strong>Domains<\/strong> <strong>&#8211;<\/strong> Wenn deine Seite eine Root-Domain verwendet, f\u00fcge die nicht-wwww und www-Version deiner Domain hinzu. Wenn deine Site eine Subdomain verwendet, f\u00fcge einfach die Subdomain hinzu.<\/li>\n<li><strong>Owners<\/strong> <strong>&#8211;<\/strong> Die mit deinem Google-Konto verkn\u00fcpfte E-Mail-Adresse wird standardm\u00e4\u00dfig als Besitzer hinzugef\u00fcgt. Du kannst bei Bedarf weitere E-Mail-Adressen hinzuf\u00fcgen.<\/li>\n<\/ul>\n<p>Nachdem du alle Optionen ausgef\u00fcllt hast, klicke auf <strong>Submit<\/strong>. Daraufhin werden dir dein seitenspezifischer &#8222;Site-Key&#8220; und dein &#8222;Secret Key&#8220; angezeigt. Bewahre diese Schl\u00fcssel an einem sicheren Ort auf, denn du musst sie zum Contact Form 7 hinzuf\u00fcgen.<\/p>\n<figure id=\"attachment_81352\" aria-describedby=\"caption-attachment-81352\" style=\"width: 1791px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-81352 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/10\/google-recaptcha-site-secret-keys.jpg\" alt=\"Google reCAPTCHA Seite und Sicherheitsschl\u00fcssel.\" width=\"1791\" height=\"1040\"><figcaption id=\"caption-attachment-81352\" class=\"wp-caption-text\">Google reCAPTCHA Seite und Sicherheitsschl\u00fcssel.<\/figcaption><\/figure>\n<p>Als n\u00e4chstes klickst du auf &#8222;Contact&#8220; in der Sidebar deines WordPress-Dashboards und klickst auf <strong>Integration<\/strong>. W\u00e4hle die reCAPTCHA-Option und f\u00fcge deinen Seitenschl\u00fcssel und deinen geheimen Schl\u00fcssel in die entsprechenden Felder ein. Klicke abschlie\u00dfend auf <strong>Save Changes<\/strong>, um die reCAPTCHA-Integration abzuschlie\u00dfen.<\/p>\n<figure id=\"attachment_81353\" aria-describedby=\"caption-attachment-81353\" style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-81353 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/10\/contact-form-7-recaptcha-keys.jpg\" alt=\"Konfiguriere reCAPTCHA im Contact Form 7.\" width=\"1500\" height=\"871\"><figcaption id=\"caption-attachment-81353\" class=\"wp-caption-text\">Konfiguriere reCAPTCHA im Contact Form 7.<\/figcaption><\/figure>\n<p>Nachdem du reCAPTCHA in Contact Form 7 konfiguriert hast, siehst du ein reCAPTCHA Logo in der unteren rechten Ecke deiner Kontaktformularseite. Das bedeutet, dass reCAPTCHA aktiv ist und dein Kontaktformular vor Spam-Beitr\u00e4gen sch\u00fctzt.<\/p>\n<figure id=\"attachment_81354\" aria-describedby=\"caption-attachment-81354\" style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-81354 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/10\/contact-form-7-recaptcha-logo.jpg\" alt=\"WordPress Kontaktformular gesch\u00fctzt durch reCAPTCHA V3.\" width=\"1500\" height=\"830\"><figcaption id=\"caption-attachment-81354\" class=\"wp-caption-text\">WordPress Kontaktformular gesch\u00fctzt durch reCAPTCHA V3.<\/figcaption><\/figure>\n<h3>Sichere dein Kontaktformular mit Cloudflare (Optional)<\/h3>\n<p>Wenn du <a href=\"https:\/\/kinsta.com\/de\/blog\/cloudflare-einstellungen-wordpress\/\">Cloudflare verwendest, um deine Seite zu sch\u00fctzen<\/a>, kannst du eine spezielle Seitenregel f\u00fcr deine Kontaktformularseite aufstellen, um Spam beim Einreichen von Kontaktformularen zu reduzieren<\/p>\n<figure id=\"attachment_81355\" aria-describedby=\"caption-attachment-81355\" style=\"width: 1791px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-81355 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/10\/cloudflare-page-rule-contact-page.jpg\" alt=\"Sch\u00fctze dein Kontaktformular mit Cloudflare.\" width=\"1791\" height=\"969\"><figcaption id=\"caption-attachment-81355\" class=\"wp-caption-text\">Sch\u00fctze dein Kontaktformular mit Cloudflare.<\/figcaption><\/figure>\n<p>Um eine Seitenregel hinzuzuf\u00fcgen, klicke auf den Reiter &#8222;Seitenregeln&#8220; und verwende die folgenden Einstellungen, um deine Kontaktseite zu sichern.<\/p>\n<ul>\n<li><strong>If the URL Matches<\/strong> <strong>&#8211;<\/strong> *deine-domain.com\/deine-contact-page\/*<\/li>\n<li><strong>Browser Integrity Check<\/strong> <strong>&#8211;<\/strong> Ein<\/li>\n<li><strong>Security Level<\/strong> <strong>&#8211;<\/strong> Hoch<\/li>\n<\/ul>\n<p>Cloudflare&#8217;s &#8222;<a href=\"https:\/\/support.cloudflare.com\/hc\/en-us\/articles\/200170086-Understanding-the-Cloudflare-Browser-Integrity-Check\">Browser Integrity Check<\/a>&#8222;-Funktion analysiert HTTP-Header. Wenn es einen HTTP Header entdeckt, der \u00fcblicherweise von automatisierten Bot und Spammern verwendet wird, lehnt es die Anfrage an deine Seite ab. Wenn du die &#8222;Sicherheitsstufe&#8220; auf hoch setzt, werden alle Besucher herausgefordert, die sich in den letzten zwei Wochen b\u00f6sartig verhalten haben.<\/p>\n<p>Indem du diese Einstellungen mit der URL-\u00dcbereinstimmungsregel auf deine Kontaktseite beschr\u00e4nkst, werden andere Seiten auf deiner Site von diesen Seitenregeln nicht beeinflusst. Wir empfehlen diese Konfiguration, da normale &#8222;Nur-Lesen&#8220;-Seiten auf deiner Site normalerweise keine erh\u00f6hte Sicherheitsstufe erfordern.<\/p>\n\n<h2>Zusammenfassung<\/h2>\n<p>Contact Form 7 ist das beliebteste <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-kontaktformular-plugins\/\">Kontaktformular-Plugin<\/a> und das aus gutem Grund! Mit ihm kann man alles erstellen, von einfachen Kontaktformularen \u00fcber Frage-Antwort-Quiz bis hin zu komplexen Formularen, die Dateianh\u00e4nge und Dropdown-Men\u00fcs unterst\u00fctzen.<\/p>\n<p>Und das Beste daran ist, dass es mit integrierter reCAPTCHA-Unterst\u00fctzung geliefert wird, um dein Kontaktformular gegen Spammer zu sch\u00fctzen.<\/p>\n<p>Benutzt du Contact Form 7 auf deiner WordPress-Seite? Wenn nicht, was ist deine bevorzugte Wahl? Lass es uns in den Kommentaren unten wissen!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Im ist es sehr wichtig, mit deinem Publikum in Kontakt zu bleiben. Die Einrichtung einer E-Mail-Liste mit einem Service wie MailChimp hilft dir, Inhalte direkt an &#8230;<\/p>\n","protected":false},"author":125,"featured_media":39112,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[29,153],"topic":[999,1006],"class_list":["post-39107","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","tag-wordpress","tag-wpplugins","topic-wordpress-entwicklung","topic-wordpress-plugins"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.6 (Yoast SEO v24.6) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Wie du Contact Form 7 f\u00fcr deine WordPress-Seite konfigurierst<\/title>\n<meta name=\"description\" content=\"Lerne, wie du mit dem beliebten Contact Form 7 Plugin Kontaktformulare f\u00fcr deine WordPress-Seite erstellen kannst!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kinsta.com\/de\/blog\/contact-form-7\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Wie du Contact Form 7 f\u00fcr deine WordPress-Seite konfigurierst\" \/>\n<meta property=\"og:description\" content=\"Lerne, wie du mit dem beliebten Contact Form 7 Plugin Kontaktformulare f\u00fcr deine WordPress-Seite erstellen kannst!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/de\/blog\/contact-form-7\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Kinsta-Deutschland-207459890108303\/\" \/>\n<meta property=\"article:published_time\" content=\"2020-10-29T08:03:57+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-08-22T07:12:44+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2020\/10\/how-to-configure-contact-form-7-de.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1024\" \/>\n\t<meta property=\"og:image:height\" content=\"512\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Brian Li\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"Lerne, wie du mit dem beliebten Contact Form 7 Plugin Kontaktformulare f\u00fcr deine WordPress-Seite erstellen kannst!\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2020\/10\/how-to-configure-contact-form-7-de.jpg\" \/>\n<meta name=\"twitter:creator\" content=\"@bwhli\" \/>\n<meta name=\"twitter:site\" content=\"@Kinsta_DE\" \/>\n<meta name=\"twitter:label1\" content=\"Verfasst von\" \/>\n\t<meta name=\"twitter:data1\" content=\"Brian Li\" \/>\n\t<meta name=\"twitter:label2\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data2\" content=\"26\u00a0Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/de\/blog\/contact-form-7\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/contact-form-7\/\"},\"author\":{\"name\":\"Brian Li\",\"@id\":\"https:\/\/kinsta.com\/de\/#\/schema\/person\/3bc8c901f2ccaa0d9f04d20355a538c1\"},\"headline\":\"Wie du Contact Form 7 f\u00fcr deine WordPress-Seite konfigurierst\",\"datePublished\":\"2020-10-29T08:03:57+00:00\",\"dateModified\":\"2023-08-22T07:12:44+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/contact-form-7\/\"},\"wordCount\":4878,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/de\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/contact-form-7\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2020\/10\/how-to-configure-contact-form-7-de.jpg\",\"keywords\":[\"WordPress\",\"wpplugins\"],\"articleSection\":[\"Die besten WordPress Plugins und Themes\"],\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/de\/blog\/contact-form-7\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/de\/blog\/contact-form-7\/\",\"url\":\"https:\/\/kinsta.com\/de\/blog\/contact-form-7\/\",\"name\":\"Wie du Contact Form 7 f\u00fcr deine WordPress-Seite konfigurierst\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/de\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/contact-form-7\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/contact-form-7\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2020\/10\/how-to-configure-contact-form-7-de.jpg\",\"datePublished\":\"2020-10-29T08:03:57+00:00\",\"dateModified\":\"2023-08-22T07:12:44+00:00\",\"description\":\"Lerne, wie du mit dem beliebten Contact Form 7 Plugin Kontaktformulare f\u00fcr deine WordPress-Seite erstellen kannst!\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/contact-form-7\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/de\/blog\/contact-form-7\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/kinsta.com\/de\/blog\/contact-form-7\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2020\/10\/how-to-configure-contact-form-7-de.jpg\",\"contentUrl\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2020\/10\/how-to-configure-contact-form-7-de.jpg\",\"width\":1024,\"height\":512,\"caption\":\"how-to-configure-contact-form-7-de\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/de\/blog\/contact-form-7\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/de\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"WordPress Entwicklung\",\"item\":\"https:\/\/kinsta.com\/de\/thema\/wordpress-entwicklung\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Wie du Contact Form 7 f\u00fcr deine WordPress-Seite konfigurierst\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinsta.com\/de\/#website\",\"url\":\"https:\/\/kinsta.com\/de\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Schnelle, sichere und hochwertige Hosting-L\u00f6sungen\",\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/de\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinsta.com\/de\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinsta.com\/de\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/de\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/kinsta.com\/de\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/de\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/Kinsta-Deutschland-207459890108303\/\",\"https:\/\/x.com\/Kinsta_DE\",\"https:\/\/www.instagram.com\/kinstahosting\/\",\"https:\/\/www.linkedin.com\/company\/kinsta\/\",\"https:\/\/www.pinterest.com\/kinstahosting\/\",\"https:\/\/www.youtube.com\/c\/Kinsta\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/kinsta.com\/de\/#\/schema\/person\/3bc8c901f2ccaa0d9f04d20355a538c1\",\"name\":\"Brian Li\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/kinsta.com\/de\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/1c444780ab66925cacf9d02bc95c56be?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/1c444780ab66925cacf9d02bc95c56be?s=96&d=mm&r=g\",\"caption\":\"Brian Li\"},\"description\":\"Brian has been a WordPress user for over 10 years, and enjoys sharing his knowledge with the community. In his free time, Brian enjoys playing the piano and exploring Tokyo with his camera. Connect with Brian on his website at brianli.com.\",\"sameAs\":[\"https:\/\/brianli.com\",\"https:\/\/x.com\/bwhli\"],\"url\":\"https:\/\/kinsta.com\/de\/blog\/author\/brianli\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Wie du Contact Form 7 f\u00fcr deine WordPress-Seite konfigurierst","description":"Lerne, wie du mit dem beliebten Contact Form 7 Plugin Kontaktformulare f\u00fcr deine WordPress-Seite erstellen kannst!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kinsta.com\/de\/blog\/contact-form-7\/","og_locale":"de_DE","og_type":"article","og_title":"Wie du Contact Form 7 f\u00fcr deine WordPress-Seite konfigurierst","og_description":"Lerne, wie du mit dem beliebten Contact Form 7 Plugin Kontaktformulare f\u00fcr deine WordPress-Seite erstellen kannst!","og_url":"https:\/\/kinsta.com\/de\/blog\/contact-form-7\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/Kinsta-Deutschland-207459890108303\/","article_published_time":"2020-10-29T08:03:57+00:00","article_modified_time":"2023-08-22T07:12:44+00:00","og_image":[{"width":1024,"height":512,"url":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2020\/10\/how-to-configure-contact-form-7-de.jpg","type":"image\/jpeg"}],"author":"Brian Li","twitter_card":"summary_large_image","twitter_description":"Lerne, wie du mit dem beliebten Contact Form 7 Plugin Kontaktformulare f\u00fcr deine WordPress-Seite erstellen kannst!","twitter_image":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2020\/10\/how-to-configure-contact-form-7-de.jpg","twitter_creator":"@bwhli","twitter_site":"@Kinsta_DE","twitter_misc":{"Verfasst von":"Brian Li","Gesch\u00e4tzte Lesezeit":"26\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/de\/blog\/contact-form-7\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/de\/blog\/contact-form-7\/"},"author":{"name":"Brian Li","@id":"https:\/\/kinsta.com\/de\/#\/schema\/person\/3bc8c901f2ccaa0d9f04d20355a538c1"},"headline":"Wie du Contact Form 7 f\u00fcr deine WordPress-Seite konfigurierst","datePublished":"2020-10-29T08:03:57+00:00","dateModified":"2023-08-22T07:12:44+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/de\/blog\/contact-form-7\/"},"wordCount":4878,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/de\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/de\/blog\/contact-form-7\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2020\/10\/how-to-configure-contact-form-7-de.jpg","keywords":["WordPress","wpplugins"],"articleSection":["Die besten WordPress Plugins und Themes"],"inLanguage":"de","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/de\/blog\/contact-form-7\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/de\/blog\/contact-form-7\/","url":"https:\/\/kinsta.com\/de\/blog\/contact-form-7\/","name":"Wie du Contact Form 7 f\u00fcr deine WordPress-Seite konfigurierst","isPartOf":{"@id":"https:\/\/kinsta.com\/de\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/de\/blog\/contact-form-7\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/de\/blog\/contact-form-7\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2020\/10\/how-to-configure-contact-form-7-de.jpg","datePublished":"2020-10-29T08:03:57+00:00","dateModified":"2023-08-22T07:12:44+00:00","description":"Lerne, wie du mit dem beliebten Contact Form 7 Plugin Kontaktformulare f\u00fcr deine WordPress-Seite erstellen kannst!","breadcrumb":{"@id":"https:\/\/kinsta.com\/de\/blog\/contact-form-7\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/de\/blog\/contact-form-7\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/kinsta.com\/de\/blog\/contact-form-7\/#primaryimage","url":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2020\/10\/how-to-configure-contact-form-7-de.jpg","contentUrl":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2020\/10\/how-to-configure-contact-form-7-de.jpg","width":1024,"height":512,"caption":"how-to-configure-contact-form-7-de"},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/de\/blog\/contact-form-7\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/de\/"},{"@type":"ListItem","position":2,"name":"WordPress Entwicklung","item":"https:\/\/kinsta.com\/de\/thema\/wordpress-entwicklung\/"},{"@type":"ListItem","position":3,"name":"Wie du Contact Form 7 f\u00fcr deine WordPress-Seite konfigurierst"}]},{"@type":"WebSite","@id":"https:\/\/kinsta.com\/de\/#website","url":"https:\/\/kinsta.com\/de\/","name":"Kinsta\u00ae","description":"Schnelle, sichere und hochwertige Hosting-L\u00f6sungen","publisher":{"@id":"https:\/\/kinsta.com\/de\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinsta.com\/de\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Organization","@id":"https:\/\/kinsta.com\/de\/#organization","name":"Kinsta","url":"https:\/\/kinsta.com\/de\/","logo":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/kinsta.com\/de\/#\/schema\/logo\/image\/","url":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinsta.com\/de\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/Kinsta-Deutschland-207459890108303\/","https:\/\/x.com\/Kinsta_DE","https:\/\/www.instagram.com\/kinstahosting\/","https:\/\/www.linkedin.com\/company\/kinsta\/","https:\/\/www.pinterest.com\/kinstahosting\/","https:\/\/www.youtube.com\/c\/Kinsta"]},{"@type":"Person","@id":"https:\/\/kinsta.com\/de\/#\/schema\/person\/3bc8c901f2ccaa0d9f04d20355a538c1","name":"Brian Li","image":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/kinsta.com\/de\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/1c444780ab66925cacf9d02bc95c56be?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/1c444780ab66925cacf9d02bc95c56be?s=96&d=mm&r=g","caption":"Brian Li"},"description":"Brian has been a WordPress user for over 10 years, and enjoys sharing his knowledge with the community. In his free time, Brian enjoys playing the piano and exploring Tokyo with his camera. Connect with Brian on his website at brianli.com.","sameAs":["https:\/\/brianli.com","https:\/\/x.com\/bwhli"],"url":"https:\/\/kinsta.com\/de\/blog\/author\/brianli\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/posts\/39107","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/users\/125"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/comments?post=39107"}],"version-history":[{"count":6,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/posts\/39107\/revisions"}],"predecessor-version":[{"id":39116,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/posts\/39107\/revisions\/39116"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/39107\/translations\/en"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/39107\/translations\/fr"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/39107\/translations\/es"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/39107\/translations\/pt"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/39107\/translations\/it"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/39107\/translations\/nl"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/39107\/translations\/de"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/39107\/translations\/jp"},{"href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/39107\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/media\/39112"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/media?parent=39107"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/tags?post=39107"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/topic?post=39107"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}