Comment utiliser un plugin de sondage WordPress Popup (en toute simplicité)

Besoin d’un plugin WordPress d’enquête contextuelle ? Mettre un formulaire de commentaire dans une fenêtre contextuelle est un excellent moyen d’obtenir plus de réponses de vos visiteurs.

Dans cet article, nous examinerons le meilleur plugin de sondage contextuel pour WordPress. Ensuite, nous suivrons le processus pour obtenir une fenêtre contextuelle en direct sur votre site.

Comment utiliser un plugin de sondage contextuel dans WordPress ?

Vous pouvez facilement installer un plugin de sondage contextuel sur votre tableau de bord WordPress.

Après cela, il vous suffit de configurer les questions du sondage pour le formulaire, puis de concevoir la fenêtre contextuelle qui apparaîtra lorsqu’un visiteur sera sur votre site.

Les pop-ups sont un excellent moyen d’attirer l’attention de vos visiteurs dans tout type d’enquête. Et concentrer le visiteur sur l’enquête contribuera à augmenter les taux de conversion.

Il est très facile d’installer un plugin de sondage contextuel. Nous allons combiner 2 plugins puissants dans ce tutoriel.

Comment configurer votre plugin de sondage WordPress Popup

Il y a quelques étapes à suivre pour que votre enquête contextuelle fonctionne, voici donc une table des matières pour vous aider à trouver la bonne étape :

1. Installer le plugin WPForms
2. Créer un formulaire de sondage dans WordPress
3. Installez le plugin OptinMonster
4. Créer une campagne sur OptinMonster
5. Publiez le sondage pop-up sur votre site

Commençons par installer le plugin numéro 1.

Étape 1 : Installez le plugin WPForms

WPForms est le meilleur constructeur de formulaires pour WordPress. Il vous permet de créer des formulaires et des sondages personnalisés avec un simple générateur de glisser-déposer.

Commençons par installer le plugin WPForms.

J’ai besoin d’un coup de main ? Consultez ce guide du débutant pour installer un plugin dans WordPress.

Une fois que vous avez activé le plugin dans WordPress, vous êtes prêt à créer votre formulaire de commentaire. La bonne nouvelle est que nous pouvons utiliser un modèle pour cela, cela ne prendra donc que quelques minutes.

Étape 2 : créer un formulaire d’enquête dans WPForms

Dans cet exemple, nous allons créer une enquête simple avec 4 champs :

• nom
• Courrier électronique
• Évaluation étoilée
• Un champ de texte pour les commentaires.

Si vous souhaitez réaliser une enquête plus compliquée, consultez ces exemples de modèles de questionnaire et les champs que vous pouvez utiliser.

Dans le tableau de bord WordPress, accédez à WPForms, puis clique Ajouter un nouveau. Choisissons le Formulaire de contact simplifié modèle.

La personnalisation de ce modèle ne prendra que quelques minutes.

Tout d’abord, ajoutons le champ d’évaluation par étoiles. Il suffit de cliquer et de le faire glisser du panneau de gauche au panneau de droite, puis de le marquer Obligatoire en utilisant la case à cocher dans le panneau de gauche :

Vous pouvez utiliser les options avancées dans le champ de classement par étoiles pour modifier les icônes.

Si vous souhaitez personnaliser d’autres champs, cliquez simplement sur le champ pour modifier les paramètres. Notre tutoriel sur la façon de créer un formulaire de contact simple explique cela plus en détail.

La dernière chose que vous devez faire est d’ajouter le code de suivi des conversions OptinMonster au formulaire. Dans le générateur de formulaire, cliquez sur Paramètres dans le panneau de gauche. Faites ensuite défiler vers le bas et tapez om-trigger-conversion dans la zone Classe CSS du bouton Soumettre.

Une fois que vous avez terminé, cliquez sur le Économiser pour enregistrer votre formulaire.

Si vous souhaitez ajouter des champs de sondage plus complexes à votre formulaire, consultez cet article sur la façon de créer un formulaire de sondage dans WordPress.

Maintenant que nous avons un formulaire de commentaire prêt, installons le deuxième plugin.

Étape 3 : Installez le plugin OptinMonster

OptinMonster est le meilleur plugin pop-up pour WordPress. Il peut vous aider à suivre et à augmenter les conversions, et à obtenir des commentaires précieux de vos visiteurs. Voir toutes les fonctionnalités dans notre revue OptinMonster.

OptinMonster + WPForms est une puissante combinaison. Mettons les deux au travail.

Allez-y et installez le plugin WordPress OptinMonster. N’oubliez pas de l’activer.

Si vous n’avez pas de compte, cliquez sur Obtenez OptinMonster maintenant S’inscrire. Si vous avez déjà un compte OptinMonster, sélectionnez Connectez votre compte pour ajouter votre site Web.

Excellent! Nous avons nos plugins WordPress de sondage pop-up prêts.

Vous pouvez garder le tableau de bord WordPress ouvert dans un autre onglet. Nous devrons vérifier à nouveau dans une seconde. Pour l’instant, passons à OptinMonster.

Étape 4 : Créez une campagne sur OptinMonster

Rendez-vous sur OptinMonster dans une nouvelle fenêtre de navigateur et connectez-vous. En haut de l’écran OptinMonster, cliquez sur Créer une nouvelle campagne pour commencer.

Dans type de campagne, choisissez Surgir.

La prochaine chose dont nous avons besoin est un modèle de campagne. nous choisirons Toile.

Les Toile Le modèle vous permet d’ajouter différents éléments à votre popup comme :

• Formes
• HTML
• CSS
• JavaScript.

Pour en savoir plus sur l’utilisation du pop-up de canevas, lisez cet article sur les pop-ups de canevas uniques que vous pouvez créer avec OptinMonster.

Bon, revenons à l’assistant OptinMonster.

Il vous sera maintenant demandé de nommer votre popup. Appelons-le Popup de sondage, puis sélectionnez votre site.

Nous sommes prêts! Cliquez maintenant Commencer à construire.

OptinMonster chargera l’écran du constructeur. C’est ici que vous configurerez la fenêtre contextuelle et intégrerez votre formulaire.

Ne vous inquiétez pas si vous n’avez jamais utilisé OptinMonster auparavant. Si vous êtes bloqué à un moment donné, consultez ce guide pour savoir comment créer votre premier abonnement.

Tout d’abord, modifions l’image dans la fenêtre contextuelle. Cliquez simplement dessus et téléchargez une nouvelle image ou un nouveau logo. Nous avons également modifié le texte ici pour donner un sens au formulaire contextuel.

Ajoutons maintenant le formulaire à la fenêtre contextuelle.

Nous avons juste besoin de prendre notre formulaire shortcode d’abord.

Retournez au tableau de bord WordPress et accédez à WPForms »Tous les formulaires. Vous verrez un code court à côté du formulaire que vous avez créé précédemment.

Copiez le shortcode.

De retour dans OptinMonster, cliquez sur le Ajouter des blocs bouton en haut du constructeur. Depuis le panneau de gauche, faites glisser le bloc HTML vers le panneau central.

Sur le côté gauche, vous pouvez voir que le panneau change pour vous montrer le contenu du bloc HTML. Collez simplement le code court ici.

Ensuite, nous dirons à OptinMonster comment afficher la fenêtre contextuelle. Dans cet exemple, nous voulons que la fenêtre contextuelle s’affiche si quelqu’un clique sur un lien.

Allez-y, cliquez Règles d’affichage en haut du constructeur OptinMonster.

Dans le premier menu déroulant, cliquez sur le menu déroulant où il est indiqué temps sur la page. Chercher Relier, puis cliquez sur le MonstreLink option à droite.

Vous pouvez continuer et supprimer les autres règles en cliquant sur l’icône moins à côté d’elles.

Cliquer L’étape suivante et assurez-vous S’inscrire est sélectionné dans le menu déroulant.

Cliquer Prochaine étape encore.

Excellent! Maintenant, votre popup s’ouvrira lorsque le visiteur cliquera sur le lien personnalisé.

Allez-y, cliquez Copier le code MonksterLink. Vous en aurez besoin dans une minute.

Vous êtes presque à la ligne d’arrivée ! Il ne nous reste plus qu’à publier le popup sur votre site web.

Étape 5 : publiez l’enquête pop-up sur votre site

Nous devons donc maintenant effectuer les dernières étapes dans les deux plugins :

1. Au OptinMonster, nous publierons le popup
2. Au WordPress, nous ajouterons MonsterLink à la fenêtre contextuelle.

Commençons donc par publier le popup.

En haut de l’écran OptinMonster, cliquez sur publier.

Vérifiez que le bon site Web est sélectionné dans le menu déroulant, puis modifiez le État pour Vivre.

L’aperçu d’OptinMonster n’affichera pas encore votre formulaire. Ne t’inquiète pas! Tout se réunira à l’étape suivante.

Retournez maintenant à votre tableau de bord WordPress. Cliquez sur OptinMonster dans la barre de navigation de gauche, puis cliquez sur Mettre à jour les campagnes.

Phew. Presque là.

Modifiez maintenant la publication ou la page sur laquelle vous souhaitez ajouter le lien de votre sondage. Ajoutez un bloc HTML personnalisé à votre page et collez le code.

Publiez ou actualisez maintenant la page.

C’est tout! Cliquez sur le lien et vérifiez que tout fonctionne.

Hmm, avez-vous remarqué que notre forme semble un peu basique ?

Si vous n’aimez pas l’apparence de votre formulaire, vous pouvez facilement ajouter du CSS pour le personnaliser :

html div#om-{{id}} {
font-size: 16px ;
}
html div#om-{{id}} {
color:#000000;
}
.wpforms-field-description, .wpforms-field-label {
margin: 10px 0 !important;
}
html div#om-{{id}} .wpforms-field-row-block.wpforms-first.wpforms-one-half {
margin-right: 10px !important;
}
html div#om-{{id}} input[type=text] {
margin-top: 10px; margin-bottom: 10px; padding: 20px; border-radius: 10px;
}
html div#om-{{id}} input[type=label] {
padding: 20px;
}
html div#om-{{id}} input[type=email] {
margin-top: 10px; margin-bottom: 10px; padding: 20px; border-radius: 10px;
}
html div#om-{{id}} button[type=submit] {
font-size: 14px; margin: 20px; padding: 20px; border-radius: 10px;
}
html div#om-{{id}} .wpforms-submit-container {
text-align: center !important;
}

Ajoutez simplement ceci à l’outil CSS personnalisé dans OptinMonster, puis mettez à jour vos campagnes dans le tableau de bord WordPress.

Maintenant, le formulaire est bien meilleur :

Si vous souhaitez en savoir plus sur la conception de WPForms dans OptinMonster, consultez ce guide pour concevoir des WPForms dans une fenêtre contextuelle OptinMonster.

Prochaines étapes : travailler avec les résultats de votre sondage

C’est tout! Vous venez de publier un popup de formulaire de commentaire sur votre site WordPress.

Saviez-vous que WPForms peut créer de superbes graphiques à partir des résultats de votre sondage ? Apprenez-en plus dans cet article sur la façon d’afficher graphiquement les résultats de votre sondage. Nous pouvons également vous aider à rédiger un résumé des résultats de votre sondage.

Et c’est ça! Vous savez maintenant comment utiliser un plugin WordPress de sondage contextuel. Commencez dès aujourd’hui en installant le plugin de formulaires WordPress le plus puissant. WPForms propose de nombreuses fonctionnalités que vous pouvez utiliser pour créer des sondages professionnels pour votre site Web.

Si vous aimez cet article, nous serions ravis que vous nous suiviez sur Facebook et Twitter pour plus de tutoriels WordPress gratuits.