Wie man WPForms zu einer Seite in WordPress hinzufügt [Schritt für Schritt]

Möchten Sie lernen, wie man WPForms zu einer Seite in WordPress hinzufügt?

Ich arbeite nun schon seit einiger Zeit mit WPForms. Eine der häufigsten Fragen, die mir von neuen Nutzern gestellt wird, ist, wie sie ihr Formular aus dem Builder auf eine konkrete Seite übertragen können.

Die gute Nachricht? WPForms bietet Ihnen 5 verschiedene Möglichkeiten, dies zu tun, und jede davon erfordert nur wenige Klicks. In dieser Anleitung werde ich Ihnen jede Methode Schritt für Schritt erklären, damit Sie diejenige auswählen können, die für Ihre Konfiguration am besten geeignet ist.

Erstelle jetzt dein WordPress-Formular! 😉

Wie füge ich WPForms zu einer Seite in WordPress hinzu?

Mit WPForms können Sie Ihre Formulare ganz einfach an beliebiger Stelle auf Ihrer Website einblenden.

Sie können den integrierten Einbettungsassistenten, den WordPress-Block-Editor, einen Shortcode, ein Widget oder einen Page Builder wie Elementor oder Divi verwenden.

Im Folgenden werde ich alle 5 Methoden vorstellen. Wenn du dir nicht sicher bist, welche du wählen sollst, fang mit Methode 1 an. Die geht am schnellsten.

Methode 1: Verwenden Sie den Einbettungsassistenten

Dies ist der schnellste Weg, um WPForms zu einer Seite hinzuzufügen. Sie müssen den Formular-Generator nicht einmal verlassen. Nachdem Sie Ihr Formular erstellt oder bearbeitet haben, klicken Sie oben rechts im Generator auf die Schaltfläche „Einbetten “.

In einem Popup-Fenster stehen Ihnen zwei Optionen zur Auswahl: eine neue Seite erstellen oder eine vorhandene auswählen.

Auf einer neuen Seite einbetten

Wenn Sie eine neue Seite für Ihr Formular erstellen möchten, klicken Sie auf „Neue Seite erstellen“. Geben Sie einen Namen für die Seite ein und klicken Sie auf „Los geht’s“.

Sie werden direkt zum Seiteneditor weitergeleitet, wo Ihr Formular bereits eingebettet ist. Sie müssen nur noch auf „Veröffentlichen“ klicken.

In eine bestehende Seite einbetten

Haben Sie bereits eine Seite, auf der Sie das Formular einfügen möchten? Klicken Sie auf „Vorhandene Seite auswählen“ und wählen Sie die Seite aus der Dropdown-Liste aus.

Klicken Sie auf „Los geht’s“, und Sie werden zum Editor dieser Seite weitergeleitet. Von hier aus müssen Sie möglicherweise den WPForms-Block zur Seite hinzufügen (wie das geht, erkläre ich in der nächsten Methode). Klicken Sie auf „Aktualisieren“, um Ihre Änderungen zu speichern.

Methode 2: Verwenden Sie den Block-Editor

Wenn Sie gerade eine Seite bearbeiten und ein Formular einfügen möchten, können Sie den WPForms-Block direkt hinzufügen.

Öffne die Seite, auf der du dein Formular einfügen möchtest. Klicke auf das Pluszeichen (+) in der oberen linken Ecke, um die Blockbibliothek zu öffnen.

Suchen Sie nach „WPForms“ oder scrollen Sie zum Abschnitt „Widgets “. Klicken Sie auf den WPForms -Block, um ihn Ihrer Seite hinzuzufügen.

Wählen Sie nun aus der Dropdown-Liste „Formular auswählen“ das Formular aus, das Sie anzeigen möchten.

Ihr Formular wird direkt im Editor angezeigt. Klicken Sie auf „Veröffentlichen“ oder „Aktualisieren“, wenn Sie fertig sind.

Konfigurieren Sie die WPForms-Blockeinstellungen

Sobald Sie das Formular hinzugefügt haben, werden Ihnen im rechten Seitenbereich weitere Einstellungen angezeigt.

Folgendes können Sie anpassen:

• Titel und Beschreibung anzeigen: Aktivieren Sie diese Optionen, um den Namen und die Beschreibung des Formulars über den Formularfeldern anzuzeigen.
• Formulargestaltung: Mit WPForms können Sie Ihre Formulare direkt im Block-Editor gestalten, ohne CSS-Code schreiben zu müssen. Sie können die Größe der Felder, die Farben und das Aussehen der Schaltflächen visuell anpassen.
• Fortgeschritten: Fügen Sie benutzerdefinierte CSS-Klassen hinzu, wenn Sie mehr Kontrolle über das Erscheinungsbild des Formulars benötigen.

Methode 3: Verwenden Sie einen Shortcode

WPForms generiert für jedes Formular, das Sie erstellen, einen eindeutigen Shortcode. Dies ist nützlich, wenn Sie mit dem klassischen Editor, einem Theme, das Blöcke nicht vollständig unterstützt, oder einem anderen Bereich arbeiten, der Shortcodes akzeptiert.

Um den Shortcode Ihres Formulars zu finden, gehen Sie in Ihrem WordPress-Dashboard zu „WPForms“ » „Alle Formulare “. Dort wird der Shortcode neben jedem Formular angezeigt. Er sieht in etwa so aus:

Kopieren Sie den Shortcode und öffnen Sie dann die Seite oder den Beitrag, in den Sie Ihr Formular einfügen möchten. Fügen Sie einen Shortcode -Block ein (oder fügen Sie den Code direkt ein, wenn Sie den klassischen Editor verwenden), geben Sie den Shortcode ein und klicken Sie auf „Veröffentlichen“ oder „Aktualisieren“.

Methode 4: Verwenden Sie ein Widget (Seitenleiste oder Fußzeile)

Möchten Sie ein Formular in Ihrer Seitenleiste oder Fußzeile anzeigen? Sie können es als Widget hinzufügen. Das eignet sich hervorragend für Newsletter-Anmeldungen, Schnellkontaktformulare oder Formulare zur Lead-Erfassung, die auf Ihrer gesamten Website erscheinen sollen.

Gehen Sie in Ihrem WordPress-Dashboard zu „Darstellung“ » „Widgets “.

Suchen Sie den Widget-Bereich, in dem Sie Ihr Formular einfügen möchten (Seitenleiste, Fußzeile usw.), und klicken Sie darauf, um ihn zu erweitern.

Klicken Sie auf die Plus-Schaltfläche (+) in der oberen linken Ecke des Editors und suchen Sie nach dem WPForms-Block, genau wie auf einer normalen Seite.

Wählen Sie Ihr Formular aus der Dropdown-Liste aus.

Klicken Sie oben rechts auf die Schaltfläche „Aktualisieren“, um Ihre Widget-Einstellungen zu speichern.

So sieht ein Formular in einem Fußzeilen-Widget auf einer Live-Website aus:

Eine ausführlichere Anleitung findest du in unserem Leitfaden zum Einfügen eines Kontaktformulars in ein WordPress-Seitenleisten-Widget.

Methode 5: Verwenden Sie einen Page Builder

Wenn Sie Ihre Seiten mit Elementor oder Divi erstellen, bietet WPForms für beide eine native Integration. Sie benötigen weder Shortcodes noch Umgehungslösungen.

WPForms zu einer Elementor-Seite hinzufügen

Öffnen Sie Ihre Seite im Elementor-Builder. Suchen Sie in der linken Seitenleiste unter dem Abschnitt „Basic“ nach dem WPForms-Widget. Ziehen Sie es an die Stelle auf Ihrer Seite, an der das Formular erscheinen soll.

Wählen Sie Ihr Formular aus der Dropdown-Liste in den Widget-Einstellungen aus. Elementor zeigt direkt auf der Seite eine Live-Vorschau Ihres Formulars an.

Wenn Sie Änderungen am Formular selbst vornehmen möchten, klicken Sie auf den Link „Ausgewähltes Formular bearbeiten“, um den Formular-Generator in einem Popup-Fenster zu öffnen.

Wenn alles in Ordnung ist, klicke unten im Elementor-Builder auf „Veröffentlichen “ oder „Aktualisieren “.

WPForms unterstützt außerdem die vollständige Gestaltung von Formularen innerhalb von Elementor, einschließlich Feldfarben, Schaltflächenstilen und Container-Hintergründen.

Eine vollständige Anleitung findest du in unserem Leitfaden zum Einbinden von WPForms in eine Elementor-Seite.

WPForms zu einer Divi-Seite hinzufügen

Öffnen Sie Ihre Seite und klicken Sie auf „Divi Builder verwenden“, um den visuellen Editor zu starten. Wählen Sie Ihr Layout aus und fügen Sie Ihrer Seite eine neue Zeile hinzu.

Wenn Divi Sie auffordert, ein Modul einzufügen, suchen Sie nach „WPForms“ und wählen Sie es aus.

Wählen Sie in den Moduleinstellungen Ihr Formular aus der Dropdown-Liste „Formular auswählen“ aus. Sie können auch den Formulartitel und die Beschreibung aktivieren, falls Sie diese anzeigen möchten.

Klicken Sie auf das grüne Häkchen, um das Modul zu speichern, und veröffentlichen Sie anschließend Ihre Seite. Weitere Informationen zur Gestaltung und zu erweiterten Optionen finden Sie in unserer Anleitung zum Hinzufügen von WPForms zu einer Divi-Seite.

Bonus: Verfolgen Sie, wo Ihre Formulare eingebettet sind

Sobald Sie Formulare auf Ihrer Website hinzugefügt haben, kann es schwierig werden, den Überblick darüber zu behalten, wo sich jedes einzelne befindet. WPForms verfügt über eine integrierte Funktion, die Ihnen genau anzeigt, wo jedes Formular eingebettet ist.

Gehen Sie zu „WPForms“ » „Alle Formulare“. Öffnen Sie dann oben auf der Seite die „Bildschirmoptionen“ und aktivieren Sie das Kontrollkästchen „Standorte “.

Dadurch wird der Tabelle mit all Ihren Formularen eine Spalte hinzugefügt, die die Anzahl der Orte anzeigt, an denen Sie jedes Formular hinzugefügt haben. Klicken Sie darauf, um alle Orte für ein bestimmtes Formular anzuzeigen.

So kannst du jederzeit sehen, auf welcher Seite sich dein Kontaktformular befindet, ohne die gesamte Website durchsuchen zu müssen.

Häufig gestellte Fragen zum Hinzufügen von WPForms zu WordPress

Das Hinzufügen von Formularen zu Ihrer WordPress-Website ist ganz einfach, doch es tauchen regelmäßig einige Fragen auf. Hier sind die häufigsten davon.

Warum wird mein WPForms-Formular nicht auf der Seite angezeigt?

Es gibt ein paar Dinge zu überprüfen. Stellen Sie zunächst sicher, dass Sie die Seite nach dem Hinzufügen des Formulars tatsächlich veröffentlicht oder aktualisiert haben. Wenn Sie einen Shortcode verwendet haben, überprüfen Sie noch einmal, ob die Formular-ID korrekt ist.

Ein Tippfehler im Shortcode führt dazu, dass nichts angezeigt wird. Manche Caching-Plugins zeigen unter Umständen eine ältere Version der Seite an; versuche daher, den Cache deiner Website zu leeren und es erneut zu überprüfen.

Kann ich dasselbe Formular auf mehreren Seiten einfügen?

Ja. Sie können dasselbe Formular auf so vielen Seiten, Beiträgen oder Widget-Bereichen einbinden, wie Sie möchten. Alle in dieser Anleitung beschriebenen Methoden eignen sich für die Wiederverwendung eines Formulars auf Ihrer gesamten Website. Alle übermittelten Daten werden weiterhin an einem Ort unter „WPForms“ » „Einträge“ gesammelt.

Welche Einbettungsmethode sollte ich verwenden?

Das hängt von Ihrer Situation ab. Hier ist eine kurze Anleitung:

• Einbettungsassistent: Die schnellste Option. Verwenden Sie diese Option, wenn Sie ein Formular erstellen oder bearbeiten und es sofort veröffentlichen möchten.
• Block-Editor: Ideal, wenn Sie bereits an einer Seite arbeiten. Bietet Ihnen Steuerelemente für die Gestaltung auf Blockebene.
• Shortcode: Verwenden Sie diesen im klassischen Editor oder überall dort, wo Shortcodes, aber keine Blöcke unterstützt werden.
• Widget: Für Seitenleisten und Fußzeilen. Ideal für Formulare, die auf jeder Seite Ihrer Website angezeigt werden sollen.
• Page Builder: Wenn Sie Elementor oder Divi verwenden, sorgt die native WPForms-Integration dafür, dass alles innerhalb des Workflows Ihres Builders bleibt.

Als Nächstes: Passen Sie Ihre WordPress-Formulare an

Das war’s schon! Jetzt kennst du 5 verschiedene Möglichkeiten, WPForms auf einer Seite in WordPress einzubinden. Nachdem dein Formular nun online ist, findest du hier ein paar Dinge, die du als Nächstes tun könntest:

• Passen Sie das Erscheinungsbild Ihres Formulars mit Farben, Schriftarten und Layoutoptionen an
• Verhindern Sie Spam in Kontaktformularen mit CAPTCHA, Anti-Spam-Token und Zulassungs-/Sperrlisten
• Richten Sie mehrere E-Mail-Benachrichtigungen ein, um Formularübermittlungen an die richtigen Personen in Ihrem Team weiterzuleiten

Erstellen Sie jetzt Ihr WordPress-Formular

Sind Sie bereit, Ihr Formular zu erstellen? Starten Sie noch heute mit dem einfachsten WordPress-Formularerstellungs-Plugin. WPForms Pro enthält viele kostenlose Vorlagen und bietet eine 14-tägige Geld-zurück-Garantie.

Wenn dieser Artikel Ihnen geholfen hat, folgen Sie uns bitte auf Facebook und Twitter für weitere kostenlose WordPress-Tutorials und -Anleitungen.