Résumé de l'IA
Voulez-vous apprendre comment ajouter des WPForms à une page dans WordPress ?
J'utilise WPForms depuis un certain temps déjà. L'une des questions qui revient le plus souvent chez les nouveaux utilisateurs est de savoir comment intégrer leur formulaire, créé dans l'éditeur, à une page.
La bonne nouvelle ? WPForms vous propose 5 méthodes différentes pour y parvenir, et chacune ne nécessite que quelques clics. Dans ce guide, je vais vous présenter chacune de ces méthodes afin que vous puissiez choisir celle qui convient le mieux à votre configuration.
Créez votre formulaire WordPress dès maintenant ! 😉
Comment ajouter des WPForms à une page dans WordPress ?
WPForms vous permet d'afficher facilement vos formulaires n'importe où sur votre site.
Vous pouvez utiliser l'assistant d'intégration intégré, l'éditeur de blocs WordPress, un shortcode, un widget ou un constructeur de pages tel qu'Elementor ou Divi.
Je vais vous présenter les cinq méthodes ci-dessous. Si vous ne savez pas laquelle choisir, commencez par la méthode n° 1. C'est la plus rapide.
Avant de commencer
Avant de pouvoir ajouter un formulaire à une page, vous devez vous assurer que deux éléments sont prêts.
1. Installer et activer WPForms
Si ce n'est pas déjà fait, installez le plugin WPForms sur votre site WordPress. Vous pouvez télécharger gratuitement WPForms Lite depuis WordPress.org ou télécharger la version Pro depuis votre compte. Si vous avez besoin d'aide, consultez ce guide étape par étape qui explique comment installer un plugin dans WordPress.
2. Créez votre formulaire
Ensuite, rendez-vous dans WPForms » Ajouter un nouveau formulaire dans votre tableau de bord WordPress. WPForms intègre un générateur de formulaires par glisser-déposer et plus de 2 100 modèles de formulaires pour vous aider à démarrer rapidement. Choisissez un modèle, personnalisez les champs dont vous avez besoin, puis cliquez sur Enregistrer.
C'est tout ce qu'il faut pour la configuration. Passons maintenant à l'intégration de votre formulaire dans une page.
Méthode 1 : Utiliser l'assistant d'intégration
C'est le moyen le plus rapide d'ajouter WPForms à une page. Vous n'avez même pas besoin de quitter l'éditeur de formulaire. Une fois que vous avez créé ou modifié votre formulaire, cliquez sur le bouton « Intégrer » situé en haut à droite de l'éditeur.
Une fenêtre contextuelle vous proposera deux options : créer une nouvelle page ou sélectionner une page existante.
Intégrer dans une nouvelle page
Si vous souhaitez créer une nouvelle page pour votre formulaire, cliquez sur « Créer une nouvelle page ». Saisissez un nom pour la page, puis cliquez sur « C'est parti ».
Vous serez directement redirigé vers l'éditeur de page, où votre formulaire sera déjà intégré. Il ne vous restera plus qu'à cliquer sur « Publier ».
Intégrer à une page existante
Vous disposez déjà d'une page sur laquelle vous souhaitez insérer le formulaire ? Cliquez sur « Sélectionner une page existante » et choisissez la page dans le menu déroulant.
Cliquez sur « Let’s Go » et vous serez redirigé vers l'éditeur de cette page. À ce stade, vous devrez peut-être ajouter le bloc WPForms à la page (je vous expliquerai comment procéder dans la méthode suivante). Cliquez sur « Mettre à jour » pour enregistrer vos modifications.
Méthode 2 : Utiliser l'éditeur de blocs
Si vous êtes déjà en train de modifier une page et que vous souhaitez y insérer un formulaire, vous pouvez ajouter directement le bloc WPForms.
Ouvrez la page sur laquelle vous souhaitez insérer votre formulaire. Cliquez sur l'icône « + » dans le coin supérieur gauche pour ouvrir la bibliothèque de blocs.
Recherchez « WPForms » ou faites défiler jusqu'à la section Widgets. Cliquez sur le bloc WPForms pour l'ajouter à votre page.
Sélectionnez maintenant le formulaire que vous souhaitez afficher dans le menu déroulant « Sélectionner un formulaire ».
Votre formulaire s'affichera directement dans l'éditeur. Cliquez sur « Publier » ou « Mettre à jour » lorsque vous êtes prêt.
Configurer les paramètres du bloc WPForms
Une fois le formulaire ajouté, vous verrez apparaître des paramètres supplémentaires dans le panneau latéral droit.
Voici les paramètres que vous pouvez modifier :
- Afficher le titre et la description: cochez ces cases pour afficher le nom et la description du formulaire au-dessus des champs du formulaire.
- Personnalisation des formulaires: WPForms vous permet de personnaliser vos formulaires directement dans l'éditeur de blocs sans avoir à écrire de code CSS. Vous pouvez modifier visuellement la taille des champs, les couleurs et le style des boutons.
- Pour les utilisateurs avancés: ajoutez des classes CSS personnalisées si vous souhaitez mieux contrôler l'apparence du formulaire.
Méthode 3 : Utiliser un shortcode
WPForms génère un shortcode unique pour chaque formulaire que vous créez. Cela s'avère utile si vous utilisez l'éditeur classique, un thème qui ne prend pas entièrement en charge les blocs, ou tout autre environnement acceptant les shortcodes.
Pour trouver le shortcode de votre formulaire, rendez-vous dans WPForms » Tous les formulaires dans votre tableau de bord WordPress. Vous verrez le shortcode indiqué à côté de chaque formulaire. Il ressemble à ceci :
Copiez le shortcode, puis ouvrez la page ou l'article dans lequel vous souhaitez ajouter votre formulaire. Ajoutez un bloc « Shortcode » (ou collez-le directement si vous utilisez l'éditeur classique), saisissez le shortcode, puis cliquez sur « Publier » ou « Mettre à jour ».
Méthode 4 : Utiliser un widget (barre latérale ou pied de page)
Vous souhaitez afficher un formulaire dans votre barre latérale ou votre pied de page ? Vous pouvez l'ajouter sous forme de widget. C'est idéal pour les inscriptions à la newsletter, les formulaires de contact rapides ou les formulaires de collecte de prospects qui doivent apparaître sur l'ensemble de votre site.
Accédez à Apparence » Widgets dans votre tableau de bord WordPress.
Repérez la zone de widgets où vous souhaitez placer votre formulaire (barre latérale, pied de page, etc.) et cliquez dessus pour l'agrandir.
Cliquez sur le bouton « + » situé dans le coin supérieur gauche de l'éditeur et recherchez le bloc WPForms, comme vous le feriez sur une page classique.
Sélectionnez votre formulaire dans le menu déroulant.
Cliquez sur le bouton « Mettre à jour » situé dans le coin supérieur droit pour enregistrer les paramètres de votre widget.
Voici à quoi ressemble un formulaire dans un widget de pied de page sur un site en ligne :
Pour des instructions plus détaillées, consultez notre guide expliquant comment ajouter un formulaire de contact dans un widget de la barre latérale de WordPress.
Méthode 5 : Utiliser un constructeur de pages
Si vous créez vos pages avec Elementor ou Divi, WPForms propose des intégrations natives pour ces deux plugins. Vous n'avez pas besoin de codes courts ni de solutions de contournement.
Ajouter WPForms à une page Elementor
Ouvrez votre page dans le constructeur Elementor. Dans la barre latérale gauche, recherchez le widget WPForms dans la section « Basic ». Faites-le glisser à l'endroit de votre page où vous souhaitez que le formulaire apparaisse.
Sélectionnez votre formulaire dans le menu déroulant des paramètres du widget. Elementor affichera un aperçu en direct de votre formulaire directement sur la page.
Si vous devez apporter des modifications au formulaire lui-même, cliquez sur le lien « Modifier le formulaire sélectionné » pour ouvrir le générateur de formulaires dans une fenêtre contextuelle.
Lorsque tout vous semble correct, cliquez sur « Publier » ou « Mettre à jour » en bas de l'éditeur Elementor.
WPForms prend également en charge la personnalisation complète des formulaires dans Elementor, notamment les couleurs des champs, les styles des boutons et les arrière-plans des conteneurs.
Pour un tutoriel complet, consultez notre guide sur l'ajout de WPForms à une page Elementor.
Ajouter WPForms à une page Divi
Ouvrez votre page et cliquez sur « Utiliser Divi Builder » pour lancer l'éditeur visuel. Choisissez votre mise en page et ajoutez une nouvelle ligne à votre page.
Lorsque Divi vous invite à insérer un module, recherchez WPForms et sélectionnez-le.
Dans les paramètres du module, sélectionnez votre formulaire dans le menu déroulant « Sélectionner un formulaire ». Vous pouvez également cocher les cases correspondant au titre et à la description du formulaire si vous souhaitez qu'ils s'affichent.
Cliquez sur la coche verte pour enregistrer le module, puis publiez votre page. Pour plus d'informations sur la mise en forme et les options avancées, consultez notre guide sur l'ajout de WPForms à une page Divi.
Bonus : suivez où vos formulaires sont intégrés
Une fois que vous avez ajouté des formulaires un peu partout sur votre site, il peut être difficile de se souvenir de l'emplacement de chacun d'entre eux. WPForms dispose d'une fonctionnalité intégrée qui vous indique exactement où chaque formulaire est intégré.
Accédez à WPForms » Tous les formulaires. Ouvrez ensuite les Options d'affichage en haut de la page et cochez la case « Emplacements ».
Cela ajoutera une colonne au tableau contenant tous vos formulaires, qui indiquera le nombre d'emplacements où vous avez ajouté chaque formulaire. Cliquez sur cette colonne pour afficher tous les emplacements d'un formulaire spécifique.
De cette façon, vous pouvez toujours voir sur quelle page se trouve votre formulaire de contact sans avoir à parcourir tout votre site.
Foire aux questions sur l'intégration de WPForms à WordPress
Ajouter des formulaires à votre site WordPress est très simple, mais certaines questions reviennent souvent. Voici les plus courantes.
Pourquoi mon formulaire WPForms n'apparaît-il pas sur la page ?
Il y a quelques points à vérifier. Tout d'abord, assurez-vous d'avoir bien publié ou mis à jour la page après avoir ajouté le formulaire. Si vous avez utilisé un shortcode, vérifiez bien que l'identifiant du formulaire est correct.
Une faute de frappe dans le shortcode empêchera l'affichage du contenu. Certains plugins de mise en cache peuvent également afficher une ancienne version de la page ; essayez donc de vider le cache de votre site et de vérifier à nouveau.
Puis-je ajouter le même formulaire à plusieurs pages ?
Oui. Vous pouvez intégrer ce même formulaire dans autant de pages, d'articles ou de zones de widgets que vous le souhaitez. Toutes les méthodes décrites dans ce guide permettent de réutiliser un formulaire sur l'ensemble de votre site. Toutes les soumissions sont toujours regroupées au même endroit, sous WPForms » Entrées.
Quelle méthode d'intégration dois-je utiliser ?
Cela dépend de votre situation. Voici un petit guide :
- Assistant d'intégration: l'option la plus rapide. Utilisez-la lorsque vous créez ou modifiez un formulaire et que vous souhaitez le publier immédiatement.
- Éditeur de blocs: idéal lorsque vous travaillez déjà sur une page. Il vous offre des commandes de mise en forme au niveau des blocs.
- Shortcode: à utiliser avec l'éditeur classique ou partout où les shortcodes sont pris en charge, mais pas les blocs.
- Widget: pour les barres latérales et les pieds de page. Idéal pour les formulaires qui doivent apparaître sur toutes les pages de votre site.
- Page Builder: si vous utilisez Elementor ou Divi, l'intégration native de WPForms permet de tout gérer directement depuis le flux de travail de votre constructeur de pages.
Ensuite, personnalisez vos formulaires WordPress
Et voilà ! Vous connaissez désormais 5 façons différentes d'ajouter WPForms à une page dans WordPress. Maintenant que votre formulaire est en ligne, voici quelques actions que vous pourriez envisager ensuite :
- Personnalisez l'apparence de votre formulaire à l'aide des couleurs, des polices et des options de mise en page
- Mettez fin au spam dans les formulaires de contact grâce au CAPTCHA, aux jetons anti-spam et aux listes d'autorisation/de blocage
- Configurez plusieurs notifications par e-mail pour acheminer les soumissions de formulaires vers les bonnes personnes au sein de votre équipe
Créez votre formulaire WordPress maintenant
Prêt à créer votre formulaire ? Commencez dès aujourd'hui avec le plugin de construction de formulaire WordPress le plus facile à utiliser. WPForms Pro inclut de nombreux modèles gratuits et offre une garantie de remboursement de 14 jours.
Si cet article vous a aidé, n'hésitez pas à nous suivre sur Facebook et Twitter pour d'autres tutoriels et guides gratuits sur WordPress.
Existe-t-il un moyen d'intégrer le formulaire pour générer un code à intégrer dans une page externe (pas wordpress) ?
Hey Daniel - Je m'excuse mais ce n'est pas possible dans l'état actuel des choses. C'est parce que WPForms est un plugin WordPress et vous aurez besoin d'un site WordPress pour utiliser WPForms.
Merci.
Comment faire apparaître la fenêtre contextuelle "Bouton de demande" à côté du bouton "Ajouter au panier" de ma page produit ?
Remerciements
Mohamamd - Afin de répondre à votre question de la manière la plus complète possible et d'éviter toute confusion, pourriez-vous contacter notre équipe ?
Si vous avez une licence WPForms, vous avez accès à notre support par email, veuillez donc soumettre un ticket de support. Sinon, nous fournissons un support limité et gratuit sur le forum WPForms Lite WordPress.org.
Merci.
Est-ce que le formulaire de contact de wpforms envoie des emails s'il était sur un site web local ?
Bonjour Hazem,
Oui, des courriers électroniques de notification peuvent être reçus et envoyés à l'auteur de la demande si le site est hébergé dans un environnement local.
Peut-on intégrer un WPform créé dans un menu d'onglet ? Si oui, comment ?
Dave - Afin de répondre à votre question de la manière la plus complète possible et d'éviter toute confusion, pourriez-vous contacter notre équipe ?
Si vous avez une licence WPForms, vous avez accès à notre support par email, veuillez donc soumettre un ticket de support. Sinon, nous fournissons un support limité et gratuit sur le forum WPForms Lite WordPress.org.
Merci.
Comment puis-je ajouter un formulaire à toutes mes pages en même temps ?
Hey Lucy, je suis désolé mais il n'est pas possible d'ajouter un formulaire à toutes les pages en même temps. Une solution plus simple serait de créer un formulaire court et de l'ajouter à vos modèles de page comme indiqué ici.
J'espère que cela vous aidera.
Merci pour ce guide, il est très clair et simple, même pour un novice de Wordpress comme moi. Ce que je ne comprends pas, c'est comment je reçois la réponse si quelqu'un remplit et soumet mon formulaire - je n'en ai pas la moindre idée et le tutoriel est entièrement silencieux sur ce sujet essentiel. Je vous prie d'agréer, Monsieur, l'expression de mes salutations distinguées.
Hey Michael - Vous pouvez consulter notre documentation ici pour configurer les emails de notification de formulaire. Si vous souhaitez améliorer la livraison des emails, voici un article de blog que vous pouvez consulter.
Existe-t-il un moyen d'ajouter un formulaire conversationnel à une page spécifique ? Dans mon cas, je veux l'insérer dans ma page d'accueil (ou au moins faire du formulaire conversationnel ma page d'accueil).
Hey Joao - Nous ne disposons pas actuellement de la fonctionnalité permettant d'intégrer les formulaires conversationnels à une page spécifique, bien qu'elle soit sur notre tracker de demandes de fonctionnalités. Comme alternative, vous pouvez envisager d'utiliser l'addon Leads Form qui vous permet de créer un formulaire interactif pour capturer des prospects sur votre site web WordPress.
Bonjour, après avoir inséré correctement les emails de ceux qui veulent recevoir la notification et être certain que les emails ont été corrigés séparément avec une virgule ...., les emails ne seront reçus que par l'administrateur.
Comment cela se passe-t-il ?
Riccardo - Nous sommes désolés que le système ne fonctionne pas comme prévu. Nous nous ferons un plaisir de vous aider. Pour les utilisateurs payants, nous vous recommandons de contacter notre équipe en soumettant un ticket d'assistance ici. Ou, si vous utilisez notre version Lite, n'hésitez pas à ouvrir un fil de discussion ici.
Merci.
Comment télécharger et installer manuellement l'échelle de Likert ?
Sheena - Si vous souhaitez utiliser le champ Échelle de Likert, vous devez installer le module complémentaire Enquête et sondages. Pour plus de détails, veuillez consulter notre documentation ici.
Existe-t-il un moyen d'intégrer un formulaire dans une page produit de woocommerce ?
Hey Catamara - malheureusement, nous n'avons pas de moyen d'intégrer un formulaire dans la page produit de Woo pour le moment. Cependant, je l'ai noté sur notre liste de demandes de fonctionnalités afin que nous puissions le garder à l'esprit ! Merci beaucoup 🙂 .
Bonjour,
J'ai installé le formulaire Web et il fonctionne, mais aucune des demandes ne parvient à mon adresse électronique.
Hey Tash- Je suis désolé d'apprendre que vous êtes confronté à un problème de livraison d'email. Pour résoudre ce problème, vous pouvez suivre ce document.
J'espère que cela vous aidera. Si vous avez d'autres questions, n'hésitez pas à m'en faire part. Merci beaucoup 🙂 .