Möchten Sie mehr über die verschiedenen Möglichkeiten erfahren, die von Ihnen erstellten Formulare auf Ihrer WordPress-Website zu präsentieren? WPForms kann leicht in jeden Aspekt Ihrer Website integriert werden.
Dieses Tutorial zeigt Ihnen verschiedene Möglichkeiten, mit WPForms erstellte Formulare auf einer WordPress-Website anzuzeigen.
In diesem Artikel
Hinweis: Die folgenden Schritte gelten für WordPress Version 5 oder neuer. Wenn Sie eine ältere Version von WordPress verwenden, lesen Sie bitte unser Tutorial zur Arbeit mit Formularen im WordPress Classic Editor.
Bevor Sie beginnen, stellen Sie sicher, dass WPForms auf Ihrer WordPress-Website installiert und aktiviert ist und dass Sie Ihre Lizenz überprüft haben.
In diesem Tutorial geht es darum, wie Sie Formulare auf Ihrer Website innerhalb einer Seite oder eines Widgets anzeigen können.
Ihr Formular in eine WordPress-Seite einbetten
Es gibt zwei verschiedene Möglichkeiten, Ihre Formulare in eine WordPress-Seite einzubetten. Sie können den integrierten Einbettungsassistenten im Formular-Builder verwenden oder Ihr Formular manuell mit dem Block-Editor zu einer Seite hinzufügen.
Einbetten eines Formulars mit dem Einbettungsassistenten von WPForms
Zunächst müssen Sie ein neues Formular erstellen oder ein bestehendes bearbeiten, um auf den Formularersteller zugreifen zu können. Sobald Sie die Anpassung Ihres Formulars abgeschlossen haben, können Sie den Einbettungsassistenten direkt aus dem Formularersteller verwenden, indem Sie auf die Schaltfläche Einbetten klicken.
Von hier aus haben Sie die Möglichkeit, entweder eine neue Seite zu erstellen, in die Sie Ihr Formular einbetten, oder eine bestehende Seite auszuwählen, der Sie Ihr Formular hinzufügen möchten.
Wenn Sie die Option Neue Seite erstellen wählen, werden Sie aufgefordert, einen Namen für die Seite einzugeben. Klicken Sie dann auf die Schaltfläche Los geht's, um fortzufahren.
Danach werden Sie auf die neue Seite mit dem eingebetteten Formular weitergeleitet. Wenn Sie bereit sind, klicken Sie auf die Schaltfläche Veröffentlichen, um Ihr Formular zu veröffentlichen.
Wenn Sie die Option Vorhandene Seite auswählen wählen, werden Sie aufgefordert, die Seite, in die Ihr Formular eingebettet werden soll, aus dem Dropdown-Menü auszuwählen.
Nachdem Sie die Seite ausgewählt haben, klicken Sie auf die Schaltfläche Let's Go, um zum Block-Editor weitergeleitet zu werden. Im Blockeditor müssen Sie einen neuen Block hinzufügen, um WPForms in die Seite einzubetten.
Im nächsten Abschnitt werden wir Sie durch die einzelnen Schritte führen.
Einbetten eines Formulars mit dem Block-Editor
Sobald Sie den Seiteneditor geöffnet haben, können Sie einen neuen Block hinzufügen, indem Sie auf das Pluszeichen (+) in der oberen linken Ecke klicken.
Daraufhin wird ein Menü mit Blockoptionen geöffnet. Um den WPForms-Block zu finden, können Sie nach "WPForms" suchen oder zur Kategorie " Widgets " blättern. Klicken Sie dann auf den WPForms-Block .
Dadurch wird der WPForms-Block zum Seiteneditor hinzugefügt. Wählen Sie als Nächstes das Formular, das Sie einbetten möchten, aus der Dropdown-Liste " Formular auswählen" aus.
Nachdem Sie einen Formulartitel ausgewählt haben, wird das vollständige Formular innerhalb des WPForms-Blocks angezeigt. Im Menü der rechten Seitenleiste sehen Sie zusätzliche Anpassungseinstellungen. Innerhalb dieser Blockoptionen können Sie die folgenden Einstellungen anpassen:
- Formular: Mit dieser Einstellung können Sie ein anderes Formular für die Anzeige auswählen.
- Titel anzeigen und Beschreibung anzeigen: Mit diesen Optionen können Sie zusätzliche Formulardetails ein- oder ausblenden.
- Form Styling Optionen: WPForms ermöglicht es Ihnen, Ihre Formulare im Block-Editor zu gestalten, ohne CSS zu schreiben. Um mehr zu erfahren, stellen Sie sicher, dass Sie unser Tutorial über das Styling Ihres Formulars im Block-Editor überprüfen.
- Erweitert: Hier können Sie alle Anpassungen, die Sie auf dieses Formular angewendet haben, kopieren und in einem anderen Formular wiederverwenden. Sie können auch CSS-Klassen zu Ihrem Formular hinzufügen. Diese Option wird nur für fortgeschrittene Benutzer empfohlen.
Wenn Sie mit Ihrem Formular und seinen Einstellungen zufrieden sind, veröffentlichen Sie die Seite und besuchen Sie das Frontend Ihrer Website, um Ihr Formular in Aktion zu sehen. Hier sehen Sie, wie unser Beispiel auf einer Live-Site aussehen würde:
Einbetten Ihres Formulars in ein Widget
Hinweis: Diese Anleitung bezieht sich auf den Block-Widgets-Editor, der mit WordPress 5.8 ausgeliefert wurde. Wenn Sie noch den klassischen Widgets-Editor verwenden, lesen Sie bitte unser Tutorial über die Verwendung von Formularen mit dem klassischen Editor, um zu erfahren, wie Sie ein Formular in ein Widget einbetten.
Ein WordPress-Widget ist ein kleiner Inhaltsblock auf Ihrer Website, der eine bestimmte Funktion ausführt. Sie können zum Beispiel den WPForms-Block zu einem Widget-Bereich hinzufügen, um ein Formular in der Seitenleiste oder Fußzeile Ihrer Website einzubetten.
Hinweis: Sie möchten mehr über WordPress-Widgets erfahren? Sehen Sie sich den WPBeginner-Leitfaden zur Verwendung von Widgets an.
Um auf die Widgets Ihrer Website zuzugreifen, navigieren Sie im WordPress-Verwaltungsbereich zu Erscheinungsbild " Widgets. Dadurch wird der Bearbeitungsbildschirm für Widgets geöffnet.
Von hier aus ist der Prozess dem Einbetten eines Formulars in einen Beitrag oder eine Seite sehr ähnlich. Suchen Sie zunächst den Widget-Bereich, dem Sie Ihr Formular hinzufügen möchten. Klicken Sie darauf, um sicherzustellen, dass Sie den richtigen Bereich bearbeiten.
Klicken Sie dann auf die blaue Plus-Schaltfläche (+) in der oberen linken Ecke des Editors.
Suchen Sie in der Blockbibliothek nach "WPForms" oder scrollen Sie zum Abschnitt " Widgets" und klicken Sie auf den Block "WPForms".
Dadurch wird der WPForms-Block dem ausgewählten Widget-Bereich hinzugefügt. Sie können die Blöcke durch Ziehen und Ablegen nach Bedarf neu anordnen. Wählen Sie dann das Formular, das Sie anzeigen möchten, aus der Dropdown-Liste Formular auswählen aus.
Klicken Sie unbedingt auf die Schaltfläche Aktualisieren in der oberen rechten Ecke des Bearbeitungsbildschirms für Widgets, um Ihre Änderungen zu speichern.
Hier sehen Sie ein Beispiel dafür, wie ein Formular in der Fußzeile einer Live-Site aussehen würde:
Häufig gestellte Fragen
Im Folgenden haben wir einige wichtige Fragen zur Erstellung Ihres ersten Formulars beantwortet.
Kann ich das Formular in eine Elementor-Seite einbetten?
Ja, Sie können das WPForms Elementor-Widget verwenden, um Ihrer Elementor-Seite ganz einfach ein Formular hinzuzufügen. Sobald Sie im Elementor-Builder sind, ziehen Sie das WPForms-Widget einfach per Drag & Drop auf Ihre Seite.
Eine vollständige Anleitung finden Sie in unserem Leitfaden zum Hinzufügen von WPForms zu einer Elementor-Seite.
Das war's! Jetzt haben Sie die verschiedenen Möglichkeiten kennengelernt, wie Sie WPForms in Ihre WordPress-Site einbinden können.
Möchten Sie als Nächstes die von Benutzern über Ihre WordPress-Formulare eingereichten Einträge anzeigen? Schauen Sie sich unseren vollständigen Leitfaden zur Verwaltung von Einträgen in WPForms an, um einen vollständigen Überblick zu erhalten.