So erstellen Sie eine Website oder ein Blog im Jahr 2020 - Kostenlose und einfache Anleitung zum Erstellen einer Website

So erstellen Sie ein grundlegendes Kontaktformular für WordPress mit WPForms (2020)

Ein Kontaktformular ist ein wesentliches Merkmal fast aller Arten von Websites. Unabhängig davon, ob Sie Feedback von Ihren Besuchern oder Anfragen von Kunden und Leads erhalten möchten, ist das Hinzufügen eines Kontaktformulars eine der besten Möglichkeiten, um Menschen die Kommunikation zu ermöglichen.

Es überrascht nicht, dass beim Hinzufügen eines Kontaktformulars zu Ihrer WordPress-Website am einfachsten ein speziell gestaltetes Plugin verwendet werden kann. Eines davon sind die beliebten und leistungsstarken WPForms des Teams hinter OptinMonster und Soliloquy.

In diesem Handbuch zeigen wir Ihnen, wie Sie mit der kostenlosen Version von WPForms schnell und einfach ein einfaches Kontaktformular für Ihre WordPress-Website erstellen können: WPForms Lite.

Warum WPForms verwenden?

Wenn es um WordPress-Kontaktformular-Plugins geht, gibt es eine große Auswahl. WPForms ist jedoch eine der schnellsten und einfachsten Möglichkeiten, ein Kontaktformular zu Ihrer Website hinzuzufügen, und bietet Ihnen dennoch die Möglichkeit, Ihre Formulare zu aktualisieren, wenn Sie in Zukunft erweiterte Anforderungen haben.

WPForms Lite ist im WordPress Plugin Directory verfügbar.

Dank der WPForms-Vorlagen können Sie Ihrer WordPress-Website in kürzester Zeit ein Kontaktformular hinzufügen. Bei Bedarf steht Ihnen das intuitive Tool zum Erstellen von Drag & Drop-Formularen zur Verfügung, mit dem Sie benutzerdefinierte Formulare für Almost erstellen können jeden Zweck.

Nachdem Sie nun wissen, warum WPForms eine gute Option ist, zeigen wir Ihnen im Folgenden, wie Sie mit diesem kostenlosen Plugin ein grundlegendes Kontaktformular zu WordPress hinzufügen können.

So fügen Sie das WPForms Lite-Plugin zu Ihrer WordPress-Website hinzu

Der erste Schritt beim Erstellen eines grundlegenden Kontaktformulars mit WPForms besteht darin, das Plugin zu Ihrer Website hinzuzufügen. WPForms gibt es in zwei Hauptversionen: einer kostenlosen Version und einer erweiterten kommerziellen Option. Wenn Sie jedoch nur nach einem einfachen Kontaktformular suchen, ist die kostenlose Version mehr als ausreichend.

Der schnellste Weg, das Plugin zu Ihrer Website hinzuzufügen, besteht darin, sich in Ihrem WordPress-Administrationsbereich anzumelden und zum Plugin-Bereich des Dashboards zu navigieren.

WordPress-Plugin-Menü

WPForms Lite kann direkt von Ihrem WordPress-Dashboard installiert werden.

Geben Sie auf der Seite Plugins hinzufügen "WPForms Lite" in das Suchfeld ein und installieren Sie das erste in den Ergebnissen zurückgegebene Plugin.

Suchen Sie nach WPForms Lite

Suchen Sie nach "WPForms Lite" und klicken Sie auf die Schaltfläche Jetzt installieren.

Klicken Sie im nächsten Bildschirm auf die Schaltfläche Aktivieren, und WPForms kann auf Ihrer WordPress-Website verwendet werden.

So erstellen Sie ein einfaches WordPress-Kontaktformular mit WPForms

Als Teil des Versuchs, das am einfachsten zu verwendende verfügbare WordPress-Formular-Plugin zu sein, zeigt WPForms nach Aktivierung des Plugins eine hilfreiche Begrüßungsnachricht an.

Der Add-On-Begrüßungsbildschirm

Der Begrüßungsbildschirm von WPForms Lite enthält ein Video, mit dem Sie Ihr erstes Formular erstellen können.

Auf dem Begrüßungsbildschirm können Sie eine hilfreiche Videoanleitung zum Erstellen Ihres ersten Kontaktformulars mit WPForms anzeigen. Alternativ können Sie einfach auf die Schaltfläche Erstes Formular erstellen klicken, um loszulegen. Wenn der Begrüßungsbildschirm aus irgendeinem Grund nicht angezeigt wird, können Sie ein neues Kontaktformular erstellen, indem Sie auf das Seitenleistenmenü von WPForms klicken und dann auf Neues Element hinzufügen klicken.

WPForms Lite Neues Formularmenü hinzufügen

Das dedizierte WPForms-Menü bietet einfachen Zugriff auf die Plug-In-Funktionen.

Zusätzlich zum Klicken auf die Schaltfläche "Erstes Formular erstellen" haben Sie jetzt auch die Möglichkeit, die WPForms-Herausforderung anzunehmen, die Sie durch den Prozess des Erstellens Ihres ersten Formulars in weniger als fünf Minuten führen soll. Wenn Sie sich der Herausforderung stellen möchten, führt Sie der Setup-Assistent durch die fünf Schritte zum Erstellen eines Formulars, von der Benennung bis zur Veröffentlichung auf Ihrer Website.

Nehmen Sie die WPForms-Herausforderung an

Der WPForms-Setup-Assistent führt Sie durch die fünf Schritte zum Erstellen Ihres ersten Formulars.

Unabhängig davon, ob Sie es alleine oder mit dem Assistenten verwenden, werden Sie beim Start feststellen, dass die benutzerdefinierte WPForms-Benutzeroberfläche das WordPress-Dashboard übernimmt, um Ihnen den größtmöglichen Speicherplatz für die Bearbeitung Ihres Formulars zu bieten. Nachdem die Formularerstellungsoberfläche geladen wurde, müssen Sie Ihrem Formular zunächst einen Namen geben. Versuchen Sie, etwas Sinnvolles und Relevantes auszuwählen, mit dessen Hilfe Sie das Formular in Zukunft identifizieren können.

Geben Sie einen Formularnamen ein

Jedes Formular, das Sie mit WPForms erstellen, benötigt einen Namen.

Sie können zwar mit einem leeren Formular beginnen, es wird jedoch empfohlen, die einfache Kontaktformularvorlage auszuwählen.

Form Builder-Benutzeroberfläche

Die einfache Kontaktformularvorlage enthält alle wichtigen Felder, die Sie benötigen.

Für die meisten Zwecke sollte die einfache Kontaktformularvorlage ausreichen. Wenn Sie Ihrem Kontaktformular jedoch zusätzliche Felder hinzufügen müssen, klicken Sie einfach auf eines der Standardfelder im linken Bereich, um sie in Ihr Formular einzufügen. Wenn Sie jedoch eines der Deluxe-Felder oder Zahlungsfelder verwenden möchten, müssen Sie auf die Pro-Version von WPForms aktualisieren.

Luxuskurse und Prämienzahlung

Deluxe-Felder und Zahlungsfelder sind für die Premium-Version von WPForms reserviert.

Wenn Sie im linken Bereich auf ein Standardfeld klicken, wird es sofort zu Ihrem Formular hinzugefügt. Von dort aus können Sie es per Drag & Drop an eine neue Position ziehen oder in das Feld klicken, um mit der Bearbeitung zu beginnen.

Richten Sie ein Formularfeld ein

Wenn Sie in Ihrem Formular auf ein Feld klicken, werden die Feldeinstellungen im linken Bereich angezeigt.

Das Bearbeiten des Formularfelds erfolgt im linken Bereich des Generators, sodass Sie die Beschriftung und Beschreibung des Felds ändern, die Feldgröße festlegen und einen beliebigen Platzhaltertext eingeben können. Die verfügbaren Einstellungen hängen von der Art des Felds ab, das Sie bearbeiten. Mit dem E-Mail-Feld können Sie beispielsweise einfach ein Bestätigungsfeld aktivieren, in dem der Benutzer seine E-Mail-Adresse zweimal eingeben muss. Wenn Sie mit den Formularfeldern und ihren Einstellungen zufrieden sind, klicken Sie auf die Schaltfläche Speichern.

Feldeinstellung des E-Mail-Formulars

Einige Feldtypen haben ihre eigenen eindeutigen Einstellungen, z. B. die Feldoption für die E-Mail-Bestätigung.

Einrichten Ihres Kontaktformulars

Jedes Formular, das Sie mit WPForms erstellen, kann individuell konfiguriert werden, um Ihren Anforderungen zu entsprechen. Um die aktuellen Einstellungen anzuzeigen oder die Funktionsweise Ihres Formulars anzupassen, klicken Sie einfach auf die Registerkarte Einstellungen im Formularerstellungsbildschirm, um die Konfigurationsoptionen für das Formular zu öffnen, an dem Sie arbeiten.

Die Einstellungen sind in drei Abschnitte unterteilt, die die Optionen Allgemein, Benachrichtigung und Bestätigung des Formulars abdecken.

WPForms-Kontaktformulareinstellungen

Jedes Formular, das Sie mit WPForms erstellen, kann individuell konfiguriert werden.

Über die allgemeinen Einstellungen können Sie den Titel und die Beschreibung des Formulars bearbeiten, den Text der Senden-Schaltfläche ändern und die Honeypot-Anti-Spam-Funktionen aktivieren. Es wird empfohlen, die Honeypot-Anti-Spam-Funktion zu verwenden, da dies dazu beiträgt, die Anzahl der Spam-Einreichungen zu verringern, ohne die Benutzererfahrung Ihrer Formulare zu beeinträchtigen, da Besucher ein Captcha-Feld ausfüllen müssen.

Mit den Benachrichtigungseinstellungen können Sie festlegen, an welche E-Mail-Adressformulareinträge gesendet werden soll. Bei Bedarf können Sie mehrere Adressen eingeben. WPForms verwendet Smart Tags, um die Benachrichtigungs-E-Mail dynamisch mit Inhalten aus Formularfeldern wie dem Betreff der E-Mail und dem Formularnamen zu füllen. Wenn Sie mehrere Benachrichtigungen erstellen möchten, z. B. eine separate Nachricht, die per E-Mail an den Benutzer gesendet wird, der den Formulareintrag gesendet hat, müssen Sie auf die Premium-Versionen von WPForms aktualisieren. Sie können jedoch Smart Tags verwenden, um dieselbe Benachrichtigungs-E-Mail an die Person zu senden, die das Formular gesendet hat, sowie an jeden anderen von Ihnen angegebenen Empfänger.

Formulareingabemeldungen

WPForms sendet eine E-Mail mit dem Formulareintrag an die von Ihnen gewählte Adresse.

Sie können auch die Bestätigungseinstellungen verwenden, um die Nachricht anzupassen, die angezeigt wird, nachdem ein Besucher das Formular gesendet hat. Anstatt eine personalisierte Nachricht anzuzeigen, können Sie alternativ eine Seite auf Ihrer Website anzeigen oder den Benutzer nach dem Absenden eines Formulareintrags zur URL seiner Wahl führen.

Formularbestätigungseinstellungen

Mit WPForms können Sie auswählen, was nach dem Absenden eines Formulareintrags geschieht.

Wenn Sie mit Ihrer Formularbestätigung zufrieden sind, klicken Sie erneut auf die Schaltfläche Speichern, um Ihre Änderungen zu bestätigen.

Veröffentlichen Sie das Kontaktformular auf Ihrer Website

Sobald Sie Ihr Formular gespeichert haben, können Sie es auf Ihrer WordPress-Website veröffentlichen, um es Ihren Besuchern zur Verfügung zu stellen. Durch Klicken auf die Schaltfläche Einfügen im Formularerstellungsbildschirm wird ein Funktionscode für das Formular angezeigt, an dem Sie arbeiten. Anschließend können Sie diesen Shortcode kopieren und in einen WordPress-Beitrag oder eine WordPress-Seite einfügen, um das Formular zugänglich zu machen. Ein Video-Tutorial wird hilfreich gezeigt, um zu demonstrieren, was Sie tun müssen, um Ihren Kurzformularcode in einen Beitrag oder eine Seite einzufügen. Der Vorgang ist jedoch sehr einfach.

Der WPForms-Shortcode

Nach dem Klicken auf die Schaltfläche Einbetten wird der Funktionscode für das Formular angezeigt, an dem Sie arbeiten.

Eine andere Möglichkeit, eines Ihrer Formulare zu Ihrer Website hinzuzufügen, besteht darin, einen neuen Beitrag oder eine neue Seite zu erstellen oder ein vorhandenes zu öffnen, um es zu bearbeiten, und dann auf die Schaltfläche Formular hinzufügen zu klicken.

Formularschaltfläche hinzufügen

WPForms fügt dem WordPress-Editor eine nützliche Schaltfläche zum Einfügen von Formularen hinzu.

Nachdem Sie auf die Schaltfläche Formular hinzufügen geklickt haben, können Sie auswählen, welches Formular eingefügt werden soll und ob Sie den Titel oder die Beschreibung des Formulars anzeigen möchten.

Fügen Sie ein Formular ein

WPForms bietet Ihnen die Möglichkeit, den Namen und die Beschreibung des Formulars anzuzeigen oder nicht.

Nach dem Einfügen des Formulars wird Ihrem Beitrag oder Ihrer Seite ein Funktionscode hinzugefügt. Nach der Veröffentlichung wird der Shortcode durch das entsprechende Formular ersetzt. Aufgrund der Funktionsweise von Shortcodes werden Änderungen an Ihrem Formular automatisch auf Ihr veröffentlichtes Formular angewendet (weitere Informationen finden Sie in unserem vorherigen Artikel, Erklärung zum WordPress-Shortcode).

Die WPForms bilden einen Shortcode

Der Shortcode für das Formular, das Sie anzeigen möchten, wird in den Beitrag oder die Seite eingefügt.

Wenn Ihre Besucher Ihnen eine Nachricht senden möchten, müssen sie nur das Formular ausfüllen und auf die Schaltfläche Senden klicken.

Beispiel eines veröffentlichten Formulars

Wenn Ihr Formular veröffentlicht wird, sollte sein Erscheinungsbild in Ihr WordPress-Theme integriert sein.

WPForms Lite enthält auch ein Widget, mit dem Sie Ihre Formulare in der Seitenleiste und in anderen Widget-fähigen Bereichen Ihres WordPress-Themas anzeigen können. Abhängig von Ihrer Wahl des Themas können Sie mit dem WPForms-Widget möglicherweise ein Formular in der Fußzeile Ihrer Website anzeigen, wie unten gezeigt.

Verwenden des WPForms-Widgets

Mit dem WPForms-Widget können Sie Formulare in den Widgetbereichen Ihres Themas anzeigen.

Verwalten Sie Ihre WordPress-Kontaktformulare

Wenn Sie Änderungen an Ihren Formularen vornehmen müssen, können Sie über das Element Alle Formulare im Menü WPForms darauf zugreifen.

Formularverwaltungsbildschirm

Sie können Ihre Formulare über die WPForms-Seite in Ihrem WordPress-Dashboard anzeigen und verwalten.

In diesem Abschnitt Ihres WordPress-Dashboards können Sie vorhandene Formulare löschen oder bearbeiten. Wenn Sie ein Upgrade auf WPForms Pro durchführen, werden die von Ihren Website-Besuchern übermittelten Formulareinträge angezeigt.

Wie oben erwähnt, werden alle Änderungen, die Sie vornehmen, dank der Leistungsfähigkeit von WordPress-Shortcodes sofort in Ihren veröffentlichten Formularen angezeigt.

Letzte Gedanken

Wie Sie sehen können, bietet das kostenlose Plugin WPForms Lite eine sehr einfache Möglichkeit, Kontaktformulare zu WordPress-Websites hinzuzufügen.

Mithilfe der Standardvorlage für Kontaktformulare können Sie diese Art von Formular mit nur wenigen Klicks zu Ihrer Website hinzufügen und dank des Drag & Drop-Editors Änderungen an der Vorlage vornehmen (z. B. Hinzufügen von Formularfeldern oder Ändern) der Standardtext), der gesamte Vorgang ist wirklich sehr einfach.

Hinweis: Weitere Informationen zu den erweiterten Features und Funktionen von WPForms finden Sie in unserem ausführlichen Test von WPForms Pro.