Comment utiliser un plugin de sondage WordPress Popup (la méthode simple)

Publié: 2020-08-24

Avez-vous besoin d'un plugin WordPress de sondage contextuel ? Mettre un formulaire de commentaires 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 passerons en revue le processus de mise en ligne d'une fenêtre contextuelle sur votre site.

Créez votre formulaire de sondage WordPress maintenant

Comment utiliser un plugin de sondage contextuel dans WordPress ?

Vous pouvez facilement installer un plugin de sondage contextuel dans 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 popups sont un excellent moyen d'attirer l'attention de vos visiteurs sur tout type d'enquête. Et concentrer le visiteur sur l'enquête contribuera à augmenter les taux de conversion.

WPForms est le meilleur plugin WordPress Form Builder. Achetez le gratuitement!

Il est vraiment 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 dans OptinMonster
  5. Publiez l'enquête contextuelle 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 générateur de glisser-déposer facile.

Fonctionnalités de WPForms

Commençons par installer le plugin WPForms.

Besoin d'un coup de main? Passez à 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 commentaires. 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
  • E-mail
  • Évaluation étoilée
  • Un champ de texte pour les commentaires.

Si vous souhaitez créer une enquête plus compliquée, consultez ces modèles de questionnaires et exemples pour en savoir plus sur les champs que vous pouvez utiliser.

Dans le tableau de bord WordPress, accédez à WPForms , puis cliquez sur Ajouter un nouveau . Choisissons le modèle de formulaire de contact simple .

Créer un nouveau formulaire de sondage contextuel

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 dessus et de le faire glisser du panneau de gauche au panneau de droite, puis de le marquer Obligatoire à l'aide de la case à cocher dans le panneau de gauche :

Ajouter un champ d'évaluation par étoiles au formulaire de sondage contextuel dans WordPress

Vous pouvez utiliser les options avancées du 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 création d'un formulaire de contact simple explique cela plus en détail.

La dernière chose à faire est d'ajouter le code de suivi des conversions OptinMonster au formulaire. Dans le générateur de formulaires, cliquez sur Paramètres dans le volet de gauche. Ensuite, faites défiler vers le bas et tapez om-trigger-conversion dans la zone Submit Button CSS Class.

Suivre les conversions OptinMonster dans WPForms

Une fois que vous avez terminé, cliquez sur le bouton Enregistrer 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 commentaires prêt, passons à autre chose et installons le 2ème plugin.

Étape 3 : Installez le plugin OptinMonster

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

OptinMonster + WPForms est un combo puissant. Mettons-les tous 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 Obtenir OptinMonster maintenant pour vous inscrire. Si vous avez déjà un compte OptinMonster, sélectionnez Connecter votre compte pour ajouter votre site Web.

Écran d'accueil OptinMonster

Super! Nous avons nos plugins WordPress de sondage popup prêts.

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

Étape 4 : Créez une campagne dans OptinMonster

Dirigez-vous vers 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.

Sous type de campagne, choisissez Popup .

Sélectionnez Popup dans OptinMonster

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

Créer une fenêtre contextuelle d'enquête sur le canevas dans OptinMonster

Le modèle Canvas vous permet d'ajouter différents éléments à votre popup comme :

  • Formes
  • HTML
  • CSS
  • JavaScript.

Pour en savoir plus sur l'utilisation de la fenêtre contextuelle de toile, lisez cet article sur les fenêtres contextuelles de toile uniques que vous pouvez créer avec OptinMonster.

OK, revenons à l'assistant OptinMonster.

Vous serez maintenant invité à nommer votre popup. Appelons-le Survey Popup , puis sélectionnez votre site.

Nous sommes prêts! Cliquez maintenant sur Commencer la construction .

Commencez à créer votre plugin WordPress de sondage contextuel

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é, jetez un œil à ce guide sur la création de votre premier optin.

Tout d'abord, changeons 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 afin que cela ait du sens pour le formulaire contextuel.

Personnaliser l'image de l'enquête contextuelle

Ajoutons maintenant le formulaire à la fenêtre contextuelle.

Nous devons d'abord saisir notre shortcode de formulaire.

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

Shortcode du formulaire de sondage contextuel

Copiez le shortcode.

De retour dans OptinMonster, cliquez sur le bouton Ajouter des blocs en haut du générateur. Dans le volet de gauche, faites glisser le bloc HTML sur le volet central.

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

Enquête contextuelle sur le shortcode du formulaire WordPress

Ensuite, nous allons dire à 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 et cliquez sur Afficher les règles en haut du générateur OptinMonster.

Règles d'affichage pour le plugin WordPress d'enquête contextuelle

Dans la première liste déroulante, cliquez sur la liste déroulante où il est indiqué l' heure sur la page . Recherchez le lien , puis cliquez sur l'option MonsterLink à droite.

Créer un lien pop-up de sondage

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

Cliquez sur Étape suivante et assurez-vous qu'Optin est sélectionné dans la liste déroulante.

Sélectionnez la fenêtre contextuelle de l'enquête d'activation

Cliquez à nouveau sur Étape suivante .

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

Allez-y et cliquez sur 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 contextuelle sur votre site

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

  1. Dans OptinMonster , nous publierons le popup
  2. Dans WordPress , nous ajouterons le MonsterLink au popup.

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 la liste déroulante, puis réglez le statut sur Live .

Définir le statut de l'enquête contextuelle en direct

L'aperçu 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 Actualiser les campagnes .

Bouton d'actualisation des campagnes OptinMonster

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.

Ajouter du code MonsterLink dans l'éditeur de blocs

Maintenant, publiez ou mettez à jour la page.

C'est ça! Cliquez sur le lien et vérifiez que tout fonctionne.

Résultat du plugin de sondage WordPress Popup

Hmm, avez-vous remarqué que notre formulaire semble plutôt 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 actualisez vos campagnes dans le tableau de bord WordPress.

Maintenant, le formulaire est beaucoup mieux :

OptinMonster CSS pour WPForms

Si vous souhaitez en savoir plus sur la façon de styliser les WPForms dans OptinMonster, consultez ce guide pour styliser les WPForms dans une fenêtre contextuelle OptinMonster.

Créez votre formulaire de sondage WordPress maintenant

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

C'est ça! Vous venez de publier un popup de formulaire de commentaires 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 d'une enquête. Nous pouvons également vous aider à rédiger un résumé des résultats de votre sondage.

Et c'est tout! 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 aimerions que vous nous suiviez sur Facebook et Twitter pour plus de tutoriels WordPress gratuits.