Vous cherchez comment ajouter facilement un curseur de plage de nombres à vos formulaires dans WordPress?
Eh bien, vous êtes au bon endroit! Un curseur de plage de nombres est un excellent outil qui est un excellent moyen d'impressionner vos visiteurs avec une forme d'aspect moderne qui génère des tonnes de conversions.
Dans ce tutoriel, nous allons vous montrer exactement comment créer un formulaire avec un curseur de plage de nombres dans WordPress.
Voici une table des matières pour vous aider à naviguer dans ce didacticiel:
- Générer une forme simple
- Ajouter un curseur de plage de nombres
- Configurez vos paramètres de formulaire
- Configurer vos notifications de formulaire
- Personnalisez vos confirmations de formulaire
- Ajoutez votre formulaire de curseur de plage de numéros à votre site
Pourquoi utiliser un curseur de plage de nombres?
Vous vous demandez pourquoi mettre un curseur de plage de numéros sur votre site Web de petite entreprise. Eh bien, l'utilisation d'un curseur de plage de nombres sur vos formulaires WordPress comprend un certain nombre d'avantages tels que:
- Détails supplémentaires – Obtenez des informations supplémentaires de personnes qui remplissent facilement votre formulaire. Parce qu'il a une telle sensation interactive, vos visiteurs sont beaucoup plus susceptibles de remplir un champ de curseur de plage de numéros demandant plus de détails.
- Leads de meilleure qualité – Avec des détails supplémentaires sur vos prospects dès le départ, vos prospects s'améliorent encore, ce qui fait d'un curseur de plage un excellent outil de génération de prospects. Lorsque vous connaissez différents détails comme le type de piste avec laquelle vous travaillez, vous pouvez faire des choses comme envoyer la piste à différentes personnes en fonction de la quantité entrée avec des confirmations conditionnelles.
- Moderne – Remplace les champs de saisie de texte traditionnels par un look élégant et contemporain. Cela donne à votre site Web et à vos formulaires l'apparence et la convivialité d'un professionnel.
- Sensible – Le champ du curseur de plage numérique est superbe sur tous les appareils. Vous pouvez garder votre site et votre thème WordPress réactifs en ayant fière allure en ajoutant ce champ.
- Facile à utiliser – Une fois le curseur numérique ajouté à votre formulaire, vos prospects et clients peuvent facilement l'utiliser. Tout ce qu'ils ont à faire est simplement de le faire glisser d'avant en arrière pour ajuster le montant.
- Personnalisable – Le champ du curseur de plage numérique WPForms est facile à personnaliser. Vous pouvez facilement ajuster les paramètres dans le générateur de glisser-déposer pour l'adapter aux spécifications de votre site Web, que les nombres soient petits ou grands (ou n'importe où entre les deux)!
Alors maintenant que vous savez pourquoi l'utilisation d'un curseur de plage de nombres est une excellente idée pour les formulaires de votre site Web, voyons exactement comment cela se fait.
Comment créer un formulaire avec un curseur de plage de numéros
Si vous souhaitez ajouter un outil de plage coulissante cool et efficace à vos formulaires WordPress, voici comment le faire facilement:
Étape 1: générer un formulaire simple
La première chose que vous devrez faire est d'installer et d'activer le plugin WPForms. Pour plus de détails, consultez ce guide étape par étape sur la façon d'installer un plugin dans WordPress.
Allez ensuite à WPForms »Ajouter un nouveau pour créer un nouveau formulaire.
Sur cet écran, donnez un nom à votre formulaire et sélectionnez le modèle de formulaire de contact simple.
Ensuite, le modèle de formulaire de contact simple sera généré pour vous. Très bien, non?
Étape 2: ajouter un curseur de plage numérique
Maintenant, allons-y et ajoutons un curseur de plage de nombres à votre formulaire.
Dans les options des champs standard du volet gauche, faites glisser le Curseur de nombres dans votre formulaire à droite.
Cliquez dans le champ du curseur numérique pour modifier son étiquette et ses valeurs.
Vous pouvez également modifier le nom de votre formulaire dès maintenant sur Général y Nom du formulaire.
Enfin, vous pouvez ajouter des champs supplémentaires à votre formulaire de curseur de plage de numéros en les faisant glisser du côté gauche vers le côté droit.
Lorsque vous avez terminé de personnaliser votre formulaire de curseur de plage, cliquez sur Sauvegarder dans le coin supérieur droit
Étape 3: configurer vos paramètres de formulaire
Si vous n'êtes pas déjà sur cette page depuis la dernière étape, allez à Configurations »» Général.
Ici, vous pouvez configurer les éléments suivants:
- Description du formulaire Donnez une description à votre formulaire.
- Envoyer le texte du bouton – Personnalisez la copie sur le bouton soumettre.
- Prévention du spam Activez la fonction antispam de pot de miel pour empêcher les demandes de spam et protéger votre site Web. Cette fonctionnalité est automatiquement activée sur tous les formulaires WordPress. Si vous décidez d'utiliser une autre forme de prévention du spam, décochez cette option. Vous pouvez également activer Google reCAPTCHA ici.
- Formes AJAX – Activez les paramètres AJAX sans recharger la page.
- Améliorations du RGPD – Vous pouvez désactiver le stockage des entrées et des détails des utilisateurs, tels que les adresses IP et les agents utilisateurs, dans le but de se conformer aux exigences du RGPD. Consultez également nos instructions étape par étape sur la façon d'ajouter un champ d'accord GDPR à votre simple formulaire de contact.
Lorsque vous avez terminé, cliquez sur Sauvegarder.
Étape 4: Configurer vos notifications de formulaire
Lorsque vous recevez une soumission à votre formulaire sur votre site Web, il est important que vous et votre équipe en soyez informés immédiatement.
Les notifications sont un excellent moyen d'envoyer un e-mail chaque fois qu'un formulaire est envoyé à votre site Web.
Si vous utilisez des balises actives, vous pouvez également envoyer une notification à l'utilisateur une fois qu'il a terminé, lui faisant savoir qu'il a reçu votre entrée. Cela garantit aux gens que leur demande a été approuvée.
Pour obtenir de l'aide sur cette étape, consultez notre documentation sur la configuration des notifications de formulaire dans WordPress.
Et si vous souhaitez que la marque de vos e-mails soit cohérente, vous pouvez consulter ce guide sur la façon d'ajouter un en-tête personnalisé à votre modèle d'e-mail.
C'est un excellent moyen d'obtenir rapidement des entrées de formulaire pour vous-même ou votre équipe pour vous assurer qu'elles sautent aux choses rapidement!
Étape 5: Personnalisez vos confirmations de formulaire
Les confirmations de formulaire sont des messages qui sont montrés aux visiteurs du site une fois qu'ils ont soumis un curseur de plage de numéros sur leur site Web. Ils informent les gens que leur candidature a été approuvée et leur offrent la possibilité de les informer des prochaines étapes.
WPForms dispose de 3 types de confirmation au choix:
- Message – Il s'agit du type de confirmation par défaut dans WPForms. Lorsqu'un visiteur du site soumet une demande, un simple message de confirmation apparaît vous informant que votre formulaire a été traité. Découvrez quelques messages très réussis pour aider à améliorer le bonheur des utilisateurs.
- Afficher la page – Ce type de confirmation mènera les visiteurs du site vers une page Web spécifique de votre site les remerciant d'avoir soumis leurs informations. Pour obtenir de l'aide, consultez notre didacticiel sur la façon de rediriger les clients vers une page de remerciements. Assurez-vous également de lire notre article sur la création de pages de remerciements efficaces.
- Aller à l'URL (rediriger) – Cette option est destinée lorsque vous souhaitez envoyer des visiteurs du site vers un autre site Web.
Voyons comment configurer une validation de formulaire simple dans WPForms afin de personnaliser le message que les visiteurs du site verront lorsqu'ils rempliront votre formulaire.
Pour commencer, cliquez sur le Confirmation onglet dans l'éditeur de formulaire Configurations.
Sélectionnez ensuite le type de confirmation que vous souhaitez créer. Pour cet exemple, nous sélectionnerons message.
Personnalisez ensuite le message de confirmation à votre convenance et cliquez sur Sauvegarder.
Pour obtenir de l'aide sur d'autres types de confirmations, consultez notre documentation sur la configuration des confirmations de formulaire.
Étape 6: Ajoutez votre formulaire de curseur de plage de numéros à votre site
Après avoir créé votre formulaire, vous devez l'ajouter à votre site Web WordPress. WPForms vous permet d'ajouter vos formulaires à de nombreux emplacements sur votre site Web, y compris vos articles de blog, vos pages et même vos widgets de barre latérale.
Jetons un coup d'œil à l'option de placement la plus courante: l'incorporation de page / post.
Pour commencer, créez une nouvelle page ou un post dans WordPress, ou accédez à la mise à jour des paramètres sur une page existante.
Après cela, cliquez à l'intérieur du premier bloc (la zone vide sous le titre de votre page) et cliquez sur l'icône Plus.
Dans les différents blocs, recherchez et sélectionnez WPForms.
Maintenant, le widget WPForms pratique apparaîtra dans votre bloc. Cliquez sur le menu déroulant WPForms et choisissez lequel des formulaires que vous avez déjà créés que vous souhaitez insérer sur votre page.
Sélectionnez votre forme de curseur de plage numérique dans le menu déroulant. Ensuite, publiez ou mettez à jour votre publication ou votre page afin que votre formulaire apparaisse sur votre site Web.
Vous pourrez maintenant voir votre formulaire de curseur de plage de numéros sur votre site Web, et les visiteurs peuvent commencer à l'utiliser immédiatement.
Pour afficher les entrées de formulaire après leur soumission, consultez ce guide complet sur les entrées de formulaire. Par exemple, vous pouvez afficher, rechercher, filtrer, imprimer et supprimer toute entrée de formulaire.
En conclusion
Et voilà! Maintenant, vous savez comment créer un formulaire avec un formulaire de curseur de plage de nombres dans WordPress en utilisant le plugin WPForms afin que vous puissiez facilement obtenir des présentations détaillées des visiteurs de votre site Web!
Voulez-vous savoir ce que pensent les visiteurs de votre site Web? Rendez-vous sur ce post avec des exemples de sondages NPS pour voir à quel point il est facile de publier un sondage sur votre site et d'obtenir de précieux commentaires.
Alors qu'est-ce que tu attends? Commencez dès aujourd'hui avec le plugin de formulaires WordPress le plus puissant. WPForms Pro est livré avec une forme de curseur de plage de numéros gratuite et bénéficie d'une garantie de remboursement de 14 jours.
Et n'oubliez pas, si vous aimez cet article, suivez-nous sur Facebook y Twitter.
