Erstellen Ihres ersten Formulars im klassischen Editor

Möchten Sie den klassischen WordPress-Editor verwenden, um Ihre WPForms zu veröffentlichen? Unser Formular-Builder funktioniert nahtlos, unabhängig davon, welchen Seiten-Editor Sie verwenden, und Sie können Ihren Seiten im klassischen Editor mit einem Klick auf eine Schaltfläche ganz einfach Formulare hinzufügen.

Dieses Tutorial zeigt Ihnen, wie Sie Ihr erstes Formular erstellen und mit dem klassischen Editor in WordPress veröffentlichen können.

Hinweis: Diese Anleitung setzt voraus, dass Sie eine ältere Version von WordPress verwenden (Version 4.9.18 oder älter) oder dass Sie das Classic Editor Plugin auf Ihrer Website installiert haben.

Wenn Sie WordPress 5.0 oder höher verwenden und das Classic Editor Plugin nicht installiert haben, lesen Sie unsere Anleitung zum Erstellen Ihres ersten Formulars mit dem Block-Editor.

Weitere Informationen darüber, wie Sie den Block-Editor deaktivieren und stattdessen den klassischen Editor verwenden können, finden Sie im Tutorial von WPBeginner.


Bevor Sie Ihr erstes Formular erstellen, müssen Sie WPForms bereits installiert haben. Wir empfehlen außerdem, dass Sie Ihren Lizenzschlüssel überprüfen.

Hinzufügen eines neuen Formulars

Um zu beginnen, müssen Sie sich in Ihrem WordPress-Administrationsbereich anmelden. Klicken Sie hier auf WPForms in der Admin-Seitenleiste, um zur Formularübersichtsseite zu gelangen. Klicken Sie dann auf die Schaltfläche Neu hinzufügen am oberen Rand des Bildschirms, um den Formularersteller zu öffnen.

Hinzufügen eines neuen Formulars

Auf der Einrichtungsseite des Form Builders können Sie einen Titel für Ihr Formular in das Eingabefeld Name Your Form eingeben. Dies ist nützlich für die Identifizierung des Formulars im Backend Ihrer Website.

Eingeben eines Formularnamens

Wenn Sie dieses Feld leer lassen, erhält Ihr Formular den Namen der von Ihnen gewählten Vorlage.

Unterhalb des Feldes Name Ihres Formulars finden Sie unsere Bibliothek mit Formularvorlagen. Sie können die Kategorien oder die Suchleiste auf der linken Seite verwenden, um die für Ihre Bedürfnisse am besten geeignete Vorlage zu finden.

Die WPForms-Vorlagenbibliothek

Klicken Sie auf die Schaltfläche Vorlage verwenden für die Vorlage, die Sie im Form Builder öffnen möchten.

Auswählen einer Vorlage

Hinweis: Das Formular in diesem Tutorial verwendet die Vorlage Simple Contact Form. Weitere Details zum Auswählen, Anwenden und Anpassen von Vorlagen finden Sie in unserem vollständigen Leitfaden zu Vorlagen in WPForms.

Vergessen Sie nicht, dass jede Vorlage vollständig anpassbar ist. Wenn Sie keine Vorlage finden, die Ihren Anforderungen vollständig entspricht, können Sie sie jederzeit im Formularersteller anpassen.

Wenn Sie Ihr Formular lieber von Grund auf neu erstellen möchten, wählen Sie die Option Leeres Formular erstellen, um fortzufahren.

Erstellen eines leeren Formulars

Ihr Formular anpassen

Sobald Sie eine Formularvorlage ausgewählt haben, führt Sie der Form Builder zum Abschnitt Felder.

Auf der linken Seite des Bildschirms sehen Sie die Felder, die Ihnen je nach Lizenztyp zur Verfügung stehen. Rechts sehen Sie eine Vorschau auf Ihr bisheriges Formular.

Verfügbare Felder in der Formularerstellung

Um ein Feld zu Ihrem Formular hinzuzufügen, können Sie darauf klicken oder es per Drag & Drop aus dem linken Bereich direkt in den Vorschaubereich des Formulars ziehen.

Hinzufügen eines Absatztextfeldes

Sobald Sie ein Feld zu Ihrem Formular hinzugefügt haben, können Sie verschiedene Einstellungen dafür vornehmen.

Zugriff auf Feldoptionen

Mit den Feldoptionen können Sie die Details und Einstellungen der einzelnen Felder konfigurieren, z. B. ihre Beschriftung und Beschreibung.

Um die für ein Feld verfügbaren Optionen anzuzeigen und zu bearbeiten, klicken Sie auf das Feld im Vorschaubereich. Die Feldoptionen werden dann im linken Bereich angezeigt, wo Sie alle gewünschten Änderungen vornehmen können.

Öffnen des Feldoptionen-Panels

Hinweis: Möchten Sie mehr über alle Feldoptionen erfahren, die Sie im Formularersteller ändern können? In unserem vollständigen Leitfaden zu den Feldoptionen finden Sie weitere Informationen.

Wenn Sie mit der Bearbeitung der Feldoptionen fertig sind, klicken Sie auf die Schaltfläche Speichern am oberen Rand des Formularerstellers, um Ihre Änderungen zu speichern.

Speichern eines Formulars

Bearbeiten von Formulareinstellungen

Der Formularersteller gibt Ihnen auch die Möglichkeit, verschiedene Einstellungen anzupassen, die für Ihr gesamtes Formular gelten.

Um diese Optionen zu konfigurieren, klicken Sie auf die Registerkarte Einstellungen auf der linken Seite des Form Builders.

Öffnen der Einstellungen im Form BuilderEs gibt mehrere Abschnitte auf diesem Bildschirm, die je nach installierten Addons variieren können. In diesem Lernprogramm konzentrieren wir uns auf die drei grundlegenden Arten von Einstellungen: Allgemein, Benachrichtigungen und Bestätigungen.

Im Abschnitt "Allgemein" können Sie den Namen und die Beschreibung Ihres Formulars ändern. Sie können auch die Schaltfläche "Senden" anpassen und den Spamschutz ein- oder ausschalten.

Die allgemeinen Einstellungen im Formularersteller

Formularbenachrichtigungen sind automatische E-Mails, die verschickt werden, wenn Benutzer Formulare einreichen. Im Abschnitt "Benachrichtigungen" können Sie die Einstellungen nach Ihren Wünschen konfigurieren.

Die Einstellungen für Benachrichtigungen in der Formularerstellung

Hinweis: Suchen Sie nach weiteren Anleitungen zur Erstellung von E-Mail-Benachrichtigungen für Formularübermittlungen? In unserem Tutorial zu E-Mail-Benachrichtigungen finden Sie alle Details.

Formularbestätigungen informieren die Benutzer darüber, dass sie ein Formular erfolgreich abgeschickt haben, und bieten ihnen weitere Informationen und Optionen.

Die Bestätigungseinstellungen in der Formularerstellung

Hinweis: Weitere Einzelheiten zu den Bestätigungseinstellungen finden Sie in unserem Tutorial zur Einrichtung von Formularbestätigungen.

Wenn Sie mit dem Einrichten Ihres Formulars fertig sind, klicken Sie auf die Schaltfläche Speichern oben im Builder.

Anzeige von Formularen auf Ihrer Website

Es gibt verschiedene Möglichkeiten, Formulare zu Ihrer Website hinzuzufügen. Hier sehen wir uns an, wie man Formulare auf einer Seite oder in einem Widget-Bereich anzeigt.

Ihr Formular in eine WordPress-Seite einbetten

Um Ihr Formular mit dem klassischen Editor in WordPress zu einer Seite hinzuzufügen, müssen Sie einen Shortcode verwenden. Sie können das Embed Tool verwenden, das in den Form Builder integriert ist, um Sie durch diesen Prozess zu führen, oder Sie können den Shortcode über die Schaltfläche WPForms Add Form im klassischen Editor hinzufügen.

Im Folgenden zeigen wir Ihnen, wie diese beiden Optionen funktionieren.

Verwendung des Einbettungswerkzeugs des Form Builders

Vom Formularersteller aus können Sie Ihr Formular zu einer Seite hinzufügen, indem Sie auf die Schaltfläche Einbetten am oberen Rand des Bildschirms klicken.

Öffnen des Einbettungswerkzeugs im Form Builder

Daraufhin öffnet sich ein Popup-Fenster. Hier können Sie wählen, ob Sie eine neue Seite für dieses Formular erstellen oder es einer bestehenden Seite hinzufügen möchten.

Das Popup-Fenster des Einbettungswerkzeugs

Hinzufügen eines Formulars zu einer bestehenden Seite

Wenn Sie auf Vorhandene Seite auswählen klicken, wird im Popup-Fenster eine Dropdown-Liste angezeigt, aus der Sie die Seite auswählen können, der Sie Ihr Formular hinzufügen möchten. Klicken Sie dann auf die Schaltfläche Let's Go!

Auswahl der Option Vorhandene Seite auswählen im Einbettungstool

Dadurch wird die von Ihnen ausgewählte Seite im klassischen Editor geöffnet. Sie sollten eine Aufforderung sehen, auf die Schaltfläche Formular hinzufügen oberhalb des Textbereichs zu klicken.

Die Eingabeaufforderung der Schaltfläche Formular hinzufügen im klassischen Editor

Wenn Sie darauf klicken, wird ein Popup-Fenster angezeigt. Wählen Sie aus der Dropdown-Liste das Formular aus, das Sie Ihrer Seite hinzufügen möchten.

Das Popup-Fenster "Formular hinzufügen" im klassischen Editor

Sie können auch die Kontrollkästchen Formularname anzeigen und Formularbeschreibung anzeigen aktivieren, um diese Funktionen anzuzeigen, wenn Sie dies wünschen. Klicken Sie auf Formular hinzufügen, um den gewünschten Shortcode einzufügen.

Hinzufügen eines Formulars zu einer Seite im klassischen Editor

Sie sehen dann den Shortcode des Formulars im Editor. Achten Sie darauf, Ihre Seite zu aktualisieren, sobald Sie fertig sind.

Aktualisieren einer Von-Seite im klassischen Editor

Erstellen einer neuen Seite für Ihr Formular

Wenn Sie im Einbettungstool Neue Seite erstellen wählen, erscheint ein Feld, in das Sie einen Titel für Ihre neue Seite eingeben können. Klicken Sie anschließend auf Los geht's!

Erstellen einer neuen Seite mit dem Einbettungswerkzeug

Dadurch wird der klassische Editor geöffnet. Der Shortcode für Ihr Formular wird der Seite automatisch hinzugefügt.

Der Shortcode eines Formulars im klassischen Editor

Standardmäßig wird die title und description Werte werden gesetzt auf false. Dies bedeutet, dass der Titel und die Beschreibung Ihres Formulars (die Sie in den allgemeinen Einstellungen im Formularersteller ändern können) nicht im Frontend angezeigt werden.

Wenn Sie den Titel oder die Beschreibung anzeigen möchten, ändern Sie den entsprechenden Wert im Shortcode in true.

Einstellen der Werte für Titel und Beschreibung eines Formulars in seinem Shortcode auf true

Klicken Sie dann auf die Schaltfläche Veröffentlichen rechts neben dem Editor, um die Seite und Ihr Formular zu aktivieren.

Veröffentlichung einer neuen Seite für ein Formular

Verwendung der Schaltfläche Formular hinzufügen im klassischen Editor

Sie können jederzeit eine Seite im klassischen Editor öffnen und über die Schaltfläche Formular hinzufügen in der Symbolleiste oberhalb des Textbereichs ein Formular hinzufügen.

Die Schaltfläche Formular hinzufügen im klassischen Editor

Klicken Sie auf diese Schaltfläche, um das Popup-Fenster zu öffnen, und wählen Sie dann aus dem Dropdown-Menü das Formular aus, das Sie veröffentlichen möchten.

Das Popup-Fenster "Formular hinzufügen" im klassischen Editor

Aktivieren Sie die Kontrollkästchen Formularname anzeigen und Formularbeschreibung anzeigen, wenn Sie dies wünschen, und wählen Sie dann Formular hinzufügen.

Hinzufügen eines Formulars zu einer Seite im klassischen Editor

Aktualisieren oder veröffentlichen Sie schließlich Ihre Seite, damit Ihr Formular im Frontend Ihrer Website sichtbar wird.

Hinzufügen Ihres Formulars zu einem Widget

Hinweis: Die folgenden Schritte setzen voraus, dass Sie das Classic Widgets Plugin verwenden. Wenn Sie dieses Plugin nicht auf Ihrer Website installiert und aktiviert haben, lesen Sie bitte unsere Anleitung zum Hinzufügen eines Formulars zu einem Block-Widget.

Ein WordPress-Widget ist ein kleiner Inhaltsblock auf Ihrer Website, der eine bestimmte Funktion erfüllt. Sie werden oft verwendet, um Text, Links oder andere Funktionen in Bereichen wie der Seitenleiste oder der Fußzeile hinzuzufügen.

Hinweis: Sie möchten mehr über WordPress-Widgets erfahren? In WPBeginners vollständigem Leitfaden zu diesem Thema finden Sie weitere Details.

Sie können Ihre Formulare zu jedem Widget-Bereich hinzufügen, den Ihr WordPress-Theme unterstützt. Gehen Sie zunächst in Ihrem Verwaltungsbereich zu Darstellung " Widgets.

Zugriff auf den klassischen Widgets-Editor

Suchen Sie hier unter Verfügbare Widgets nach dem WPForms-Widget.

Auffinden des WPForms-Widgets in der Liste der verfügbaren Widgets

Ziehen Sie dann das WPForms-Widget per Drag & Drop in den Widget-Bereich, in dem Sie es anzeigen möchten.

Hinzufügen des WPForms-Widgets zu einem Widget-Bereich

Sie können einen Titel für Ihr Widget eingeben, wenn Sie möchten. Wählen Sie dann das Formular, das Sie anzeigen möchten, aus der Dropdown-Liste aus. Wenn Sie den Titel oder die Beschreibung des Formulars im Widget anzeigen möchten, können Sie auch die entsprechenden Kästchen markieren.

Einrichten eines WPForms-Widgets

Sobald Ihr Widget so eingerichtet ist, wie Sie es wünschen, klicken Sie auf die Schaltfläche Speichern. Auf dem Frontend könnte ein WPForms-Widget in Ihrer Fußzeile etwa so aussehen:

Ein Formular in einem Fußzeilen-Widget auf dem Frontend

Das war's! Jetzt wissen Sie, wie Sie Ihr erstes Formular mit WPForms erstellen und es mit dem klassischen WordPress-Editor veröffentlichen können.

Als nächstes empfehlen wir Ihnen, Ihr Formular zu testen, um sicherzustellen, dass es so funktioniert, wie Sie es erwarten. In unserer detaillierten Test-Checkliste können Sie sicherstellen, dass Ihr Formular so aussieht und funktioniert, wie Sie es sich wünschen.

Das beste WordPress Drag and Drop Form Builder Plugin

Einfach, schnell und sicher. Schließen Sie sich über 6 Millionen Website-Besitzer, die WPForms vertrauen.

Bitte aktivieren Sie JavaScript in Ihrem Browser, um dieses Formular auszufüllen.