### [WPForms zu einer Divi-Seite hinzufügen](https://wpforms.com/docs/how-to-add-wpforms-to-a-divi-page/)

**Veröffentlicht:** 26. November 2023
**Autor:** David Ozokoye

**Auszug:** Erfahren Sie, wie Sie WPForms mit dem Divi Page Builder zu einer Seite hinzufügen können.

**Inhalt:**

Möchten Sie mit Divi ein WordPress-Formular zu Ihrer Website hinzufügen? Mit dem WPForms-Modul in Divi können Sie ganz einfach Formulare zu einer Seite hinzufügen und diese nach Ihren Wünschen gestalten.

In diesem Tutorial erfahren Sie, wie Sie WPForms mit dem Divi Page Builder zu einer Seite hinzufügen können.

![WPForms Divi Integration](https://wpforms.com/wp-content/uploads/2023/06/wpforms-divi-integration.gif „WPForms Divi Integration”)

---

Bevor Sie beginnen, müssen Sie zunächst sicherstellen, dass WPForms auf Ihrer WordPress-Website [installiert und aktiviert](https://wpforms.com/docs/install-wpforms-plugin/) ist und dass Sie [Ihre Lizenz überprüft](https://wpforms.com/docs/verify-wpforms-license/) haben. Anschließend können Sie [ein neues Formular erstellen](https://wpforms.com/docs/creating-first-form/) oder ein bestehendes bearbeiten, um auf den Formular-Builder zuzugreifen.

### Öffnen des Divi-Builders

Nachdem Sie Ihr Formular erstellt haben, öffnen Sie die Seite, auf der Sie Ihr Formular einbetten möchten. Wenn es sich um eine neue Seite handelt, sehen Sie die Option **Divi-Builder verwenden**. Klicken Sie auf diese Option, um zum Divi Builder weitergeleitet zu werden.

![Divi Builder verwenden](https://wpforms.com/wp-content/uploads/2020/10/Use-Divi-Builder-1.png)

Sobald Sie den Builder geöffnet haben, werden Sie aufgefordert, entweder eine Seite von Grund auf neu zu erstellen, aus einem vorgefertigten Layout auszuwählen oder eine vorhandene Seite zu klonen. In unserem Beispiel erstellen wir unsere Seite von Grund auf neu, indem wir auf die Schaltfläche **Mit dem Erstellen beginnen** klicken.

![Mit dem Erstellen von Divi beginnen](https://wpforms.com/wp-content/uploads/2021/12/start-building-divi.png)

Dadurch wird eine leere Seite geöffnet, auf der Sie mit dem Erstellen beginnen können.

### Hinzufügen des WPForms-Moduls

Standardmäßig sollte ein Popup-Fenster erscheinen, in dem Sie gefragt werden, welche Art von Zeilenlayout Sie der Seite hinzufügen möchten. In unserem Beispiel wählen wir die erste Option, wodurch unser Modul das einzige Objekt in der Zeile ist.

![Einzelne Zeile Divi einfügen](https://wpforms.com/wp-content/uploads/2020/10/Insert-Single-Row-Divi.png)

Sobald die Zeile erstellt wurde, werden Sie aufgefordert, ein Modul einzufügen. Suchen Sie im Suchfeld nach **WPForms** und wählen Sie das angezeigte Modul aus.

![WPForms-Block zu einer Divi-Seite hinzufügen](https://wpforms.com/wp-content/uploads/2020/10/Select-WPForms-Module.png „WPForms-Block zu einer Divi-Seite hinzufügen”)

Sobald das Modul hinzugefügt wurde, werden die Moduleinstellungen geöffnet. Hier können Sie mit dem Dropdown-Menü **Formular auswählen** ein Formular zur Seite hinzufügen. Zusätzlich können Sie auch den Titel und die Beschreibung des Formulars anzeigen, indem Sie diese Optionen in den Moduleinstellungen aktivieren.

Wenn Sie bereit sind, wählen Sie Ihr Formular aus dem Dropdown-Menü aus.

![WPForms-Einstellungen Divi](https://wpforms.com/wp-content/uploads/2021/12/wpforms-settings-divi.png)

Dadurch wird Ihr Formular automatisch in die Seite eingebettet, und Sie können Ihren Fortschritt speichern, indem Sie auf die grüne Häkchen-Schaltfläche klicken.

![Formular in Divi speichern](https://wpforms.com/wp-content/uploads/2020/10/Save-form-in-Divi.png)

Wenn Sie möchten, können Sie das Erscheinungsbild des Formulars auch über die Registerkarten **Design** oder **Erweitert** des Moduls bearbeiten.

**Hinweis:** Wenn Sie weitere Informationen zur Gestaltung Ihres Formulars mit Divi wünschen, lesen Sie bitte die Anleitung zu [Design- und erweiterten Moduleinstellungen](https://www.elegantthemes.com/documentation/divi/advanced-design-settings/).

### Veröffentlichen Ihres Formulars

Sobald Sie Ihr Formular eingebettet haben und es einsatzbereit ist, müssen Sie Ihre Seite entweder speichern oder veröffentlichen. Klicken Sie dazu auf die drei Punkte am unteren Rand des Seitenerstellers, um zusätzliche Einstellungen zu öffnen.

![Klicken Sie auf das Symbol mit den drei Punkten, um zusätzliche Optionen zu öffnen](https://wpforms.com/wp-content/uploads/2020/10/Save-Options-in-Divi.png „Klicken Sie auf das Symbol mit den drei Punkten, um zusätzliche Optionen zu öffnen”)

Anschließend können Sie wählen, ob Sie einen Entwurf Ihrer Arbeit speichern oder auf der Benutzeroberfläche Ihrer Website veröffentlichen möchten. Wählen Sie die Option, die für Sie am sinnvollsten ist.

![Speichern und veröffentlichen Sie Ihre Änderungen](https://wpforms.com/wp-content/uploads/2020/10/Save-or-Publish-Divi-Form.png „Speichern und veröffentlichen Sie Ihre Änderungen”)

Das war's! Jetzt wissen Sie, wie Sie WPForms mit dem Divi Builder einbetten können.

Als Nächstes empfehlen wir Ihnen, Ihr Formular zu testen, um sicherzustellen, dass es genau so aussieht und funktioniert, wie Sie es möchten. Um Sie durch diesen Prozess zu führen, lesen Sie bitte unsere [Checkliste zum Testen von Formularen](https://wpforms.com/docs/how-to-properly-test-your-wordpress-forms-before-launching-checklist/).

**Kategorien:** Erweitern, Funktionalität erweitern

---