Vous souhaitez afficher votre formulaire sur une seule ligne ?
Les formulaires à une seule ligne vous offrent plus de flexibilité avec le placement des formulaires. Cela signifie que vous pouvez facilement ajouter des formulaires aux zones à fort trafic de votre site et améliorer vos conversions.
Dans cet article, nous allons vous montrer comment afficher facilement votre formulaire sur une seule ligne dans WordPress.
Pourquoi afficher un formulaire à une seule ligne dans WordPress ?
Les formulaires à une seule ligne vous offrent plus de flexibilité lorsque vous choisissez où placer vos formulaires. Étant donné que ce style de formulaire ne comporte qu’une seule ligne, ils ne prennent pas beaucoup de place et peuvent facilement être intégrés à votre contenu existant.
Les formulaires d’inscription à la newsletter par e-mail sont souvent affichés sur une seule ligne au-dessus ou en dessous du contenu de l’article de blog. Les formulaires à une seule ligne fonctionnent également bien sur les pages de destination, les pages de contact et d’autres pages importantes de votre site Web.
En plus de générer plus d’abonnés et de prospects, vous pouvez transformer n’importe quel type de formulaire en un formulaire à une seule ligne. Par exemple, il peut être judicieux d’afficher votre formulaire de contact sur une seule ligne pour économiser de l’espace sur la page.
Cela étant dit, montrons comment afficher un formulaire à une seule ligne sur votre site Web WordPress.
Création de votre formulaire à ligne unique dans WordPress
Pour ce tutoriel, nous utiliserons le WPForms plugin pour créer un formulaire à une seule ligne. C’est le meilleur plugin de génération de leads pour WordPress utilisé par plus de 5 millions de sites Web.
Vous pouvez utiliser le générateur de glisser-déposer pour créer rapidement n’importe quel formulaire pour votre site. De plus, il s’intègre aux outils de marketing par e-mail populaires afin que vous puissiez facilement développer votre liste de diffusion.
Il y a un version premium du plugin avec beaucoup plus de fonctionnalités, mais nous utiliserons le version allégée pour ce tutoriel car il vous permet de créer un formulaire simple et de le connecter à Constant Contact pour la génération de leads.
La première chose à faire est d’installer et d’activer le plugin. Pour plus de détails, consultez notre guide du débutant sur l’installation d’un plugin WordPress.
Après cela, allez à WPForms » Ajouter un nouveau dans votre panneau d’administration WordPress et donnez un nom à votre formulaire. Ensuite, vous devez choisir votre modèle de formulaire.
Nous sélectionnerons le modèle « Formulaire d’inscription ». Survolez simplement le modèle et cliquez sur le bouton « Utiliser le modèle ».
Cela fait apparaître le générateur de formulaires par glisser-déposer.
Vous verrez que le modèle que nous avons choisi inclut automatiquement les champs de nom et d’e-mail et un bouton d’envoi.
Chaque champ peut être modifié en cliquant dessus et en apportant des modifications dans la colonne de gauche.
Vous pouvez également faire glisser et déposer les champs pour modifier leur ordre.
Une fois que vous avez fini de personnaliser les champs, vous pouvez afficher votre formulaire sur une seule ligne.
Pour ce faire, rendez-vous sur Paramètres » Général puis cliquez sur l’onglet déroulant « Avancé ».
Ensuite, tapez ‘inline-fields’ dans la case ‘Form CSS Class’ (sans les guillemets).
Cela appliquera cette classe CSS au formulaire. Étant donné que WPForms inclut un style pour la classe ‘inline-fields’, il affichera automatiquement l’intégralité de votre formulaire sur une seule ligne.
Après cela, vous pouvez rendre votre formulaire encore plus petit en masquant les étiquettes de champ.
Cliquez simplement sur l’option de navigation « Champs », puis sélectionnez l’option de menu « Avancé », puis cliquez sur le bouton « Masquer l’étiquette » pour l’activer.
Ensuite, vous devez faire la même chose pour toutes les étiquettes de champs de formulaire.
Après cela, dans la même section « Avancé », vous pouvez saisir du texte dans la case « Espace réservé ».
Cela indique à vos utilisateurs à quoi sert chaque champ de formulaire.
Une fois que vous avez terminé de personnaliser votre formulaire, assurez-vous de cliquer sur le bouton « Enregistrer » pour enregistrer vos modifications.
Si vous utilisez votre formulaire pour générer des prospects, vous pouvez connecter votre formulaire à votre fournisseur de marketing par e-mail. Pour plus de détails, consultez notre guide sur la façon de créer une newsletter par e-mail de la bonne manière.
Ajout de votre formulaire à une seule ligne à votre site Web WordPress
Il est maintenant temps d’ajouter votre formulaire à une seule ligne à votre site Web. Vous pouvez l’ajouter à n’importe quelle page, publication ou zone de widget.
Nous allons l’ajouter à une page existante, mais le processus sera similaire si vous l’ajoutez à une autre zone de votre blog WordPress.
Ouvrez simplement la page où vous souhaitez afficher le formulaire sur une seule ligne, cliquez sur l’icône d’ajout de bloc « Plus » et recherchez « WPForms ».
Ensuite, cliquez sur le bloc ‘WPForms’ pour l’ajouter à votre site.
Cela fait apparaître une liste déroulante pour choisir le formulaire à une seule ligne que vous avez créé précédemment.
Une fois que vous avez choisi votre formulaire, le plugin chargera un aperçu de votre formulaire dans l’éditeur de contenu. Ensuite, cliquez sur le bouton ‘Mettre à jour’ ou ‘Publier’ pour mettre votre nouveau formulaire en ligne.
Vous pouvez maintenant visiter votre site Web pour voir votre nouveau formulaire en action.
Nous espérons que cet article vous a aidé à apprendre à afficher votre formulaire sur une seule ligne dans WordPress. Vous voudrez peut-être également consulter notre guide sur la façon d’obtenir un domaine de messagerie gratuit, et nos sélections d’experts des meilleures applications de numéros de téléphone professionnels virtuels avec des options gratuites.