--- title: "3 einfache Wege, ein WordPress-Kontaktformular zu erstellen" date: 2021-08-11 canonical_id: wordpress-contact-form author: "osogovo" category: - feedback - wordpress locale_slug: "wordpress-kontaktformular" summary: "Erstellen Sie mit diesen drei einfachen Methoden ein WordPress-Kontaktformular für jedes Unternehmen." draft: false seo: title: "3 einfache Wege, ein WordPress-Kontaktformular zu erstellen" description: "Erstellen Sie mit diesen drei einfachen Methoden ein WordPress-Kontaktformular für jedes Unternehmen." structured_data: article --- Wir wissen bereits, dass Kontaktformulare eine der bequemsten Möglichkeiten sind, mit Ihren Kunden in Kontakt zu treten. Sie sind auf jeder Website erforderlich, egal ob es sich um eine E-Commerce-Website oder eine andere Art handelt. Sie sehen professionell aus und sind eine großartige Möglichkeit, Kundendaten zu sammeln; außerdem kann das Hinzufügen eines einfachen Captcha-Buttons hervorragenden Spamschutz bieten. In diesem Blogbeitrag erläutern wir also, wie Sie mit dem WordPress-Formular-Builder, einem Plugin und HTML schnell und einfach ein Kontaktformular erstellen können, sodass Sie alle Vorteile genießen können, die Kontaktformulare bieten. Tauchen wir ein! In diesem Leitfaden: anzeigen - [1\. Kontaktformulare mit dem Formular-Builder erstellen](#1-kontaktformulare-mit-dem-formular-builder-erstellen) - [2\. Kontaktformulare mit einem WordPress-Plugin erstellen](#2-kontaktformulare-mit-einem-wordpress-plugin-erstellen) - [3\. HTML-Kontaktformular erstellen](#3-html-kontaktformular-erstellen) .gutentoc-toc-wrap ul li a, .gutentoc-toc-title-wrap .text\_open{ color: #0033ff}} ## 1\. Kontaktformulare mit dem Formular-Builder erstellen ![Online-Formular-Builder](https://embedsocial.com/wp-content/uploads/2021/08/Embedforms.jpg) Online-Formular-Builder sind die erste Wahl für Nutzer, denen technisches Wissen über HTML, CSS und andere Programmiersprachen fehlt oder die zu beschäftigt sind, eines von Grund auf selbst zu erstellen. Der Prozess, Kontaktformulare mit einem Formular-Builder für Ihre WordPress-Website zu erstellen, ist einfach und dauert in den meisten Fällen weniger als fünf Minuten. Moderne Formular-Builder haben eine einfache Benutzeroberfläche, die eine intuitive Navigation durch die Einstellungen ermöglicht und es Ihnen erlaubt, schnell jedes Formular zu erstellen. Die Formularvorlagen innerhalb der Bibliothek des Formular-Builders, d. h. die organisierten Dokumente zur Datenerfassung, sind im Voraus gestaltet. Den Nutzern bleibt nur noch, das Formular nach ihren Bedürfnissen anzupassen. Wir werden den Anpassungsprozess und die Möglichkeiten, die die Formular-Builder bieten, später im Beitrag erläutern. Jetzt beginnen wir mit der Schritt-für-Schritt-Anleitung, ein Kontaktformular mithilfe von [EmbedForms](/forms/) zu erstellen. 1. Erstellen Sie zunächst ein [Konto](/admin/purchase_plugin/forms/month). 2. Wählen Sie die Vorlage **Kontaktformular** 3. Klicken Sie auf **'Veröffentlichen** Das ist alles. Wenn Sie das Formular veröffentlichen, ist es sofort bereit, auf Ihrer WordPress-Kontaktseite eingebettet zu werden. Nutzer können das Formular auf der Seite implementieren, indem sie zuerst den Code kopieren und ihn dann auf der Website einfügen, wo das Formular erscheinen soll. Das Formular kann als [Feedback-Button](/blog/feedback-buttons/) oder als gewöhnliches Kontaktformular auf einer separaten Kontaktseite eingebettet werden. Hier ist ein Beispiel, wie Ihr Kontaktformular aussehen wird, sobald es auf Ihrer WordPress-Website eingebettet ist. (function(d, s, id){var js; if (d.getElementById(id)) {return;} js = d.createElement(s); js.id = id; js.src = "/cdn/ef.js?v=1.1"; d.getElementsByTagName("head")\[0\].appendChild(js);}(document, "script", "EmbedSocialFormsScript")); Wenn Sie die Feedback-Buttons wählen, kann das Formular in der Seitenleiste oder im Kopfbereich der Seite eingebettet werden, und sobald es von den Nutzern ausgelöst wird, kann es als Pop-up, Floater oder Banner erscheinen. ![EmbedForms-Feedback-Button](https://embedsocial.com/wp-content/uploads/2021/08/feedback-button-gif.gif) Und das ist alles. Sie sind fertig! Jetzt gehen wir zurück und sprechen über die Anpassungsoptionen und was passiert, wenn Sie das Formular bearbeiten möchten. Grundlegende Kontaktformulare enthalten mehrere wichtige Felder für Name, E-Mail und Nachricht. Aber irgendwann möchten Sie vielleicht neue [Formularfelder](/blog/survey-questions/) hinzufügen oder das Design des Formulars ändern. Die Verwendung eines Online-Formular-Builders kann Ihnen auch dabei helfen. **Klicken Sie einfach auf eine beliebige Frage und im linken Menü auf Frageeinstellungen.** Das Menü der Frageeinstellungen bietet Ihnen verschiedene Felder, angefangen bei Absätzen, Feldern für E-Mail, Optionsschaltflächen, Dropdown-Menüs, Kontrollkästchen und vielen weiteren Feldtypen, die beim Erstellen anderer Formulare wie Bestellformulare oder Registrierungsformulare nützlich sein könnten. Außerdem können Sie das Formular an das Design Ihrer Website anpassen, indem Sie eines der professionell gestalteten Themes wählen, Ihr Foto an das Kontaktformular anhängen oder die Option für benutzerdefiniertes CSS verwenden. Zusätzliche Optionen, die Sie von Formular-Buildern nutzen können, sind: - E-Mail-Benachrichtigung - Weiterleitungslink - Dankesnachricht nach dem Ausfüllen des Formulars - Hinzufügen Ihres eigenen Textes für den Senden-Button - Option für erforderliche Felder - organisierte Übersichtsansicht des Formulars, in der Sie alle Formularübermittlungen überwachen können - Drag-and-drop-Oberfläche, um die Fragen neu anzuordnen - Integration mit mehreren E-Mail-Marketing-Apps und Zahlungssystemen wie Stripe Wenn Sie noch nicht sicher sind, wie Sie beginnen sollen, können Sie sich unsere [Anleitung](https://help.embedsocial.com/en/articles/5015688-setup-guide-create-an-online-form) ansehen. ### Warum einen Formular-Builder wählen? Formular-Builder bieten eine hohe Funktionalität und leistungsstarke Funktionen, sind aber meistens einsteigerfreundlich, und jeder kann sie verwenden, um ein Formular zu erstellen, indem er auf die gewünschten Optionen klickt. Das Beste daran ist, dass keine zusätzlichen Add-ons installiert werden müssen, die die Geschwindigkeit Ihrer Website beeinträchtigen könnten. Außerdem können Formular-Builder neben WordPress mit jedem Page-Builder und CMS zusammenarbeiten, und einige der Pro-Versionen bieten erweiterte Funktionalitäten wie mehrseitige Formulare und sogar Paypal-Integrationen. ## 2\. Kontaktformulare mit einem WordPress-Plugin erstellen ![WordPress-Formular-Plugins](https://embedsocial.com/wp-content/uploads/2021/08/wordpress-pug-in-contact-form.jpg) Formular-Builder-Plugins sind ein weiteres hilfreiches Werkzeug, zu dem viele Nutzer greifen, wenn sie ein WordPress-Kontaktformular benötigen. Es gibt eine breite Palette von WordPress-Plugins, die auf dem Markt beliebt sind und von kostenlosen Plugins, die einfache, mit Shortcode eingebettete Formulare ermöglichen, bis hin zu vollständig in WordPress integrierten Plugins reichen. Und welches das beste WordPress-Plugin ist, hängt meistens von den Vorlieben und Bedürfnissen der Nutzer ab. Hier sind jedoch einige der beliebtesten WordPress-Plugins, die Sie finden können: - WPForms Lite - Formidable Forms - Contact Form 7 - Gravity forms - Caldera forms - Ninja Forms ***Hinweis: Um Plugins zu finden und zu installieren, müssen Sie wordpress.org verwenden.*** Wir werden über die Möglichkeiten von WordPress-Kontaktformular-Plugins sprechen, aber zuerst gehen wir die Schritte zum Erstellen eines einfachen Kontaktformulars mithilfe von Add-ons durch. 1\. Gehen Sie zuerst zu Ihrem WordPress-Dashboard, klicken Sie auf **'Plugins**' ![WordPress-Plugin-Option](https://embedsocial.com/wp-content/uploads/2021/08/wordpress-plug-in-menu.jpg) 2. **Suchen** Sie nach Ihrem bevorzugten Plugin. Es kann eines der oben genannten sein, oder Sie können das wählen, das Ihnen am besten gefällt. 3. Klicken Sie auf **'Aktivieren'** Sobald das Plugin zu Ihrer WordPress-Website hinzugefügt wurde, können Sie beginnen, Ihr neues Kontaktformular zu erstellen. Normalerweise sehen Sie als Nächstes einen Drag-and-drop-Formular-Builder, von dem aus Sie die erforderlichen Felder wählen und das Formular nach Ihren Bedürfnissen anpassen können. Verschiedene WordPress-Plugins bieten verschiedene Funktionalitäten; einige sind grundlegender, wie Datei-Uploads, und einige sind fortgeschrittener, wie Funktionen für bedingte Logik. Als Nächstes müssen Sie, um das Formular auf Ihrer Website einzubetten, eine neue Seite erstellen oder eine bestehende bearbeiten. - Dann ist der erste Schritt, auf den Button **Neuen Block hinzufügen zu klicken und nach dem Plugin zu suchen**. - Die meisten Formular-Widgets werden automatisch zur Seite hinzugefügt, von wo aus Sie das **Kontaktformular wählen** sollten. - Sie können auf Vorschau klicken, prüfen, wie das Formular im Frontend aussehen wird, und auf Veröffentlichen klicken. Wenn Sie sich für ein Plugin entscheiden, hier sind einige einfache, aber wichtige Funktionen, die Sie im Hinterkopf behalten sollten: - Benutzerfreundliche Oberfläche - Verschiedene WordPress-Themes - Unbegrenzte Formularübermittlungen - Einfache Anpassung - Mobilfreundliche Formulare - Exportoptionen wie CSV-Dateien. Einige der besten Kontaktformular-Plugins haben auch eine kostenlose Version, wenn Sie sie ausprobieren und sehen möchten, ob der Preis für die Funktionalitäten, die Sie erhalten, zu Ihnen passt. ### Warum ein Plugin wählen? Plugins bieten große Flexibilität und erlauben es Ihnen, ein Kontaktformular direkt auf Ihrer WordPress-Seite zu erstellen. Mithilfe von Plugins können Sie das Styling des Formulars ändern und Schriftarten und Farben verwenden, die zum Design Ihrer Website passen. ## 3\. HTML-Kontaktformular erstellen ![HTML-Kontaktformular](https://embedsocial.com/wp-content/uploads/2021/08/html-contact-form.jpg) HTML, CSS und andere Programmiersprachen zu verwenden, um ein Kontaktformular zu erstellen, ist wahrscheinlich der fortgeschrittenste Weg von allen, die in diesem Blogbeitrag genannt werden. Das Erstellen eines Kontaktformulars mit einer Auszeichnungssprache ist jedoch ein gängiger Ansatz, den viele Website-Inhaber praktizieren. Bevor Sie also anfangen, den Code zu tippen, überlegen Sie, welche Eingabefelder das Kontaktformular zusätzlich zu den wichtigsten wie Name, E-Mail-Adresse, Nachrichtenfeld und Senden-Button haben soll. Öffnen Sie als Nächstes einen HTML-Editor; es kann jeder Editor sein, von Notepad bis Brackets; vergessen Sie nur nicht, die HTML-Erweiterung hinzuzufügen, wenn Sie das Dokument benennen. Als Nächstes können Sie den folgenden Beispielcode verwenden, um das einfachste Kontaktformular für Ihre Webseite zu erstellen. Bitte ändern Sie den Action-Link mit Ihrer Domain und Ihrer E-Mail, um die Antworten an Ihre E-Mail zu erhalten. ```
``` Wenn Sie jedoch etwas Stilvolles und Vorzeigbares suchen, was Sie tun, müssen Sie ein paar fortgeschrittenere Programmiersprachen wie CSS und PHP verwenden. Aber wenn Sie Anfänger sind, müssen Sie viel Zeit damit verbringen, zuerst die Sprachen zu lernen, was möglicherweise nicht die beste Entscheidung ist, wenn Sie so schnell wie möglich ein Kontaktformular zu Ihrer Website hinzufügen möchten. ### Fazit Das Hinzufügen eines Kontaktformulars kann schnell und einfach sein, und je nach Ihren Fähigkeiten kann es auf jede der oben genannten Arten gestaltet werden. Das Wichtigste ist, dass eine Website eine Möglichkeit für die Kunden bieten muss, mit Ihnen in Kontakt zu treten, was zusätzlich zur Ermöglichung der Kommunikation ein Gefühl von Vertrauen und Glaubwürdigkeit in Unternehmen weckt.