Affichage des formulaires sur votre site

Vous voulez connaître les différentes façons de présenter les formulaires que vous avez créés sur votre site WordPress ? WPForms peut facilement être intégré dans n'importe quel aspect de votre site web.

Ce tutoriel vous montrera différentes façons d'afficher les formulaires créés avec WPForms sur un site WordPress.

Note : Les étapes ci-dessous concernent la version 5 de WordPress ou une version plus récente. Si vous utilisez une version plus ancienne de WordPress, veuillez consulter notre tutoriel sur l'utilisation des formulaires dans l'éditeur classique de WordPress.


Avant de commencer, assurez-vous que WPForms est installé et activé sur votre site WordPress et que vous avez vérifié votre licence.

Ce tutoriel se concentre sur la manière d'afficher des formulaires sur votre site dans une page ou un widget.

Intégrer votre formulaire sur une page WordPress

Il y a deux façons différentes d'intégrer vos formulaires sur une page WordPress. Vous pouvez utiliser l'assistant d'intégration intégré dans le générateur de formulaires ou ajouter votre formulaire à une page manuellement avec l'éditeur de blocs.

Intégrer un formulaire avec l'assistant d'intégration de WPForms

Pour commencer, vous devez créer un nouveau formulaire ou modifier un formulaire existant pour accéder au générateur de formulaires. Une fois que vous avez fini de personnaliser votre formulaire, vous pouvez utiliser l'assistant d'intégration directement à partir du générateur de formulaires en cliquant sur le bouton Intégrer.

Accéder à l'assistant d'intégration de WPForms dans le constructeur de formulaires

À partir de là, vous avez la possibilité de créer une nouvelle page pour y intégrer votre formulaire ou de sélectionner une page existante pour y ajouter votre formulaire.

Choix de créer une nouvelle page pour y intégrer un formulaire ou de sélectionner une page existante

Si vous sélectionnez l'option Créer une nouvelle page, vous serez invité à saisir un nom pour la page. Cliquez ensuite sur le bouton " Let's Go" pour continuer.

L'option Créer une nouvelle page dans l'assistant d'intégration de formulaire

Ensuite, vous serez redirigé vers la nouvelle page contenant le formulaire. Lorsque vous êtes prêt, cliquez sur le bouton Publier pour publier votre formulaire.

Publier une page

Si vous choisissez l'option Sélectionner une page existante, il vous sera demandé de choisir la page sur laquelle vous souhaitez intégrer votre formulaire dans le menu déroulant.

L'option Sélectionner une page existante dans l'assistant d'incorporation de formulaire

Après avoir sélectionné la page, cliquez sur le bouton " Let's Go" pour être redirigé vers l'éditeur de blocs. Dans l'éditeur de blocs, vous devrez ajouter un nouveau bloc pour intégrer WPForms à la page.

Afficher le formulaire sur une page existante

Nous vous guiderons à travers les différentes étapes dans la section suivante.

Intégrer un formulaire avec l'éditeur de blocs

Une fois l'éditeur de pages ouvert, vous pouvez ajouter un nouveau bloc en cliquant sur l'icône plus (+) dans le coin supérieur gauche.

Ajouter un nouveau bloc à une page

Cela ouvrira un menu d'options de blocs. Pour localiser le bloc WPForms, vous pouvez rechercher "WPForms" ou faire défiler la page jusqu'à la catégorie Widgets. Cliquez ensuite sur le bloc WPForms .

Ajouter le bloc WPForms à une page

Cela ajoutera le bloc WPForms à l'éditeur de page. Ensuite, sélectionnez le formulaire que vous souhaitez intégrer dans le menu déroulant Select a Form.

Sélectionner un formulaire dans le bloc WPForms

Après avoir sélectionné un titre de formulaire, le formulaire complet s'affichera dans le bloc WPForms. Dans le menu latéral de droite, vous trouverez des paramètres de personnalisation supplémentaires. Dans ces options de bloc, vous pouvez personnaliser les paramètres suivants :

Les paramètres du bloc WPForms

  • Formulaire : Ce paramètre vous permet de choisir un formulaire différent à afficher.
  • Afficher le titre et Afficher la description: Ces options permettent de masquer ou d'afficher des détails supplémentaires sur le formulaire.
  • Options de style de formulaire : WPForms vous permet de styliser vos formulaires dans l'éditeur de blocs sans écrire de CSS. Pour en savoir plus, n'hésitez pas à consulter notre tutoriel sur le style de votre formulaire dans l'éditeur de blocs.
  • Avancé : ici, vous pouvez copier toute personnalisation que vous avez appliquée à ce formulaire et la réutiliser sur un autre formulaire. Vous pourrez également ajouter des classes CSS à votre formulaire. Cette option n'est recommandée qu'aux utilisateurs avancés.

Une fois que vous êtes satisfait de votre formulaire et de ses paramètres, publiez la page et visitez le frontend de votre site web pour voir votre formulaire en action. Voici à quoi ressemblerait notre exemple sur un site réel :

Veuillez activer JavaScript dans votre navigateur pour remplir ce formulaire.
Essayez ce formulaire de démonstration !
Nom

Intégrer votre formulaire dans un widget

Note : Ces instructions concernent l'éditeur Block Widgets livré avec WordPress 5.8. Si vous utilisez toujours l'éditeur Classic Widgets, veuillez consulter notre tutoriel sur l'utilisation des formulaires avec l'éditeur Classic pour savoir comment intégrer un formulaire dans un widget.

Un widget WordPress est un petit bloc de contenu sur votre site qui remplit une fonction spécifique. Par exemple, vous pouvez ajouter le bloc WPForms à une zone de widget pour intégrer un formulaire dans la barre latérale ou le pied de page de votre site.

Note : Vous voulez en savoir plus sur les widgets WordPress ? Consultez le guide de WPBeginner sur l'utilisation des widgets.

Pour accéder aux widgets de votre site, naviguez vers Apparence " Widgets dans la zone d'administration de WordPress. L'écran d'édition des widgets s'ouvre alors.

Accès à l'écran de l'éditeur de widgets

À partir de là, le processus est très similaire à l'intégration d'un formulaire dans un article ou une page. Tout d'abord, trouvez la zone de widget dans laquelle vous souhaitez ajouter votre formulaire. Cliquez dessus pour vous assurer que vous modifiez la bonne zone.

Sélection d'une zone de widget pour y ajouter un formulaire

Cliquez ensuite sur le bouton bleu plus (+) dans le coin supérieur gauche de l'éditeur.

Ouverture de la bibliothèque de blocs de widgets

Dans la bibliothèque de blocs, recherchez "WPForms" ou faites défiler jusqu'à la section Widgets et cliquez sur le bloc WPForms.

Ajouter le bloc WPFroms à un widget

Cela ajoutera le bloc WPForms à la zone de widget sélectionnée. Vous pouvez faire glisser et déposer les blocs pour les réorganiser selon vos besoins. Choisissez ensuite le formulaire que vous souhaitez afficher dans la liste déroulante Select a Form.

Sélection d'un formulaire à afficher dans un widget

Veillez à cliquer sur le bouton Mettre à jour dans le coin supérieur droit de l'écran d'édition des widgets pour enregistrer vos modifications.

Mise à jour des widgets pour enregistrer les modifications

Voici un exemple de ce à quoi ressemblerait un formulaire dans le pied de page d'un site réel :

Exemple de formulaire affiché dans un widget de pied de page

Questions fréquemment posées

Nous répondons ci-dessous aux questions les plus fréquentes concernant la création de votre premier formulaire.

Puis-je intégrer le formulaire à une page Elementor ?

Oui, vous pouvez utiliser le widget WPForms Elementor pour ajouter facilement un formulaire à votre page Elementor. Une fois que vous êtes dans le constructeur Elementor, glissez et déposez simplement le widget WPForms sur votre page.

Ajouter WPForms à une page Elementor

Pour une démonstration complète, n'oubliez pas de consulter notre guide sur l'ajout de WPForms à une page Elementor.

Voilà, c'est fait ! Vous avez maintenant appris les différentes façons d'intégrer WPForms à votre site WordPress.

Ensuite, vous souhaitez voir les entrées soumises par les utilisateurs à travers vos formulaires WordPress ? N'hésitez pas à consulter notre guide complet sur la gestion des entrées dans WPForms.

Le meilleur plugin WordPress de construction de formulaires par glisser-déposer

Facile, rapide et sécurisé. Rejoignez plus de 6 millions de propriétaires de sites web qui font confiance à WPForms.

Veuillez activer JavaScript dans votre navigateur pour remplir ce formulaire.