<html lang="fr-fr" dir="ltr"><head></head><body>### [Ajouter WPForms à une page Divi](https://wpforms.com/docs/how-to-add-wpforms-to-a-divi-page/)

**Publié :** 26 novembre 2023
**Auteur :** David Ozokoye

**Extrait :** Apprenez à ajouter WPForms à une page avec le constructeur de pages Divi.

**Contenu :**

Voulez-vous ajouter un formulaire WordPress à votre site Web en utilisant Divi ? Vous pouvez facilement utiliser le module WPForms dans Divi pour ajouter des formulaires à une page et leur donner l'apparence que vous souhaitez.

Ce tutoriel vous montrera comment ajouter WPForms à une page avec le constructeur de pages Divi.

![Intégration WPForms Divi](https://wpforms.com/wp-content/uploads/2023/06/wpforms-divi-integration.gif "Intégration WPForms Divi")

---

Avant de commencer, vous devez d'abord vous assurer que WPForms est [installé et activé](https://wpforms.com/docs/install-wpforms-plugin/) sur votre site WordPress et que vous avez [vérifié votre licence](https://wpforms.com/docs/verify-wpforms-license/). Ensuite, vous pouvez [créer un nouveau formulaire](https://wpforms.com/docs/creating-first-form/) ou modifier un formulaire existant pour accéder au constructeur de formulaires.

### Ouverture du constructeur Divi

Une fois votre formulaire créé, ouvrez la page sur laquelle vous souhaitez intégrer votre formulaire. S'il s'agit d'une nouvelle page, vous verrez l'option **Utiliser le constructeur Divi**. Cliquez sur cette option pour être redirigé vers le constructeur de Divi.

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

Une fois le constructeur ouvert, vous serez invité à choisir entre construire une page à partir de zéro, choisir parmi une mise en page pré-faite ou cloner une page existante. Pour notre exemple, nous allons construire notre page à partir de zéro en cliquant sur le bouton **Commencer la construction**.

![Commencer la construction Divi](https://wpforms.com/wp-content/uploads/2021/12/start-building-divi.png)

Cela ouvrira une page vierge sur laquelle vous pourrez commencer à construire.

### Ajout du module WPForms

Par défaut, une fenêtre contextuelle devrait apparaître vous demandant quel type de mise en page de ligne vous souhaitez ajouter à la page. Pour notre exemple, nous choisirons la première option, qui permettra à notre module d'être le seul objet de la ligne.

![Insérer une ligne unique Divi](https://wpforms.com/wp-content/uploads/2020/10/Insert-Single-Row-Divi.png)

Une fois la ligne créée, vous serez invité à insérer un module. Recherchez **WPForms** dans la boîte de recherche et sélectionnez le module qui apparaît.

![Ajouter le bloc WPForms à une page Divi](https://wpforms.com/wp-content/uploads/2020/10/Select-WPForms-Module.png "Ajouter le bloc WPForms à une page Divi")

Une fois le module ajouté, cela ouvrira les paramètres du module. Ici, vous pouvez ajouter un formulaire à la page avec le menu déroulant **Sélectionner un formulaire**. De plus, vous pouvez également afficher le titre et la description du formulaire en activant ces options dans les paramètres du module.

Lorsque vous êtes prêt, sélectionnez votre formulaire dans le menu déroulant.

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

Cela intégrera automatiquement votre formulaire dans la page, et vous pourrez enregistrer votre progression en cliquant sur le bouton de coche verte.

![Enregistrer le formulaire dans Divi](https://wpforms.com/wp-content/uploads/2020/10/Save-form-in-Divi.png)

Si vous le souhaitez, vous pouvez également modifier l'apparence du formulaire en utilisant les onglets **Design** ou **Avancé** du module.

**Remarque :** Si vous souhaitez plus de détails sur la façon de styliser votre formulaire à l'aide de Divi, consultez leur guide sur les [paramètres de conception et avancés du module](https://www.elegantthemes.com/documentation/divi/advanced-design-settings/) pour plus d'informations.

### Publication de votre formulaire

Une fois que votre formulaire est intégré et prêt à l'emploi, vous devrez vous assurer d'enregistrer ou de publier votre page. Pour ce faire, cliquez sur les trois points en bas du constructeur de page pour ouvrir des options supplémentaires.

![Cliquez sur l'icône des 3 points pour ouvrir des options supplémentaires](https://wpforms.com/wp-content/uploads/2020/10/Save-Options-in-Divi.png "Cliquez sur les icônes des 3 points pour ouvrir des options supplémentaires")

Ensuite, vous pouvez choisir d'enregistrer un brouillon de votre travail ou de le publier sur le devant de votre site. Choisissez l'option qui vous convient le mieux.

![Enregistrer et publier vos modifications](https://wpforms.com/wp-content/uploads/2020/10/Save-or-Publish-Divi-Form.png "Enregistrer et publier vos modifications")

Voilà ! Vous savez maintenant comment intégrer WPForms avec le constructeur Divi.

Ensuite, nous vous recommandons de tester votre formulaire pour vous assurer qu'il a l'apparence et le fonctionnement exacts que vous souhaitez. Pour vous guider dans ce processus, veuillez consulter notre [liste de contrôle pour tester correctement vos formulaires WordPress avant le lancement](https://wpforms.com/docs/how-to-properly-test-your-wordpress-forms-before-launching-checklist/).

**Catégories :** Extension, Extension de fonctionnalités

---</body></html>