Comment créer des popups mobiles qui convertissent (sans nuire au SEO)

Voici le truc avec les popups mobiles : ils sont incroyablement efficaces pour les conversions, mais la plupart des gens les implémentent mal. Nous avons vu d'innombrables sites web pénalisés par Google ou perdre des visiteurs parce qu'ils ont créé des popups intrusifs qui ont ruiné l'expérience mobile.

D'un autre côté, nous avons également vu des propriétaires d'entreprise manquer des milliers de prospects parce qu'ils ont trop peur d'utiliser des popups.

Chez WPBeginner, nous utilisons OptinMonster pour afficher des popups, des slide-ins, des popups intégrés et des bannières d'en-tête pour des offres spéciales et des promotions. Nous constatons que ces popups peuvent être très efficaces pour encourager les visiteurs à effectuer un achat ou à prendre une décision. Mais il a fallu beaucoup de tests pour y parvenir.

Dans ce guide, nous vous montrerons exactement comment créer des popups mobiles qui augmentent vos conversions tout en restant du bon côté de Google. Vous apprendrez les techniques spécifiques que nous utilisons pour capturer plus de prospects et de ventes sans agacer vos visiteurs mobiles ou nuire à votre classement de recherche.

Pourquoi devriez-vous offrir un coupon à vos visiteurs ?

Souvent, les nouveaux propriétaires d'entreprise craignent que les coupons ne réduisent leurs profits. Cependant, les propriétaires d'entreprise établis savent qu'offrir des réductions est un moyen puissant d'inciter les visiteurs à se décider plutôt que de rester indécis.

L'offre de codes de réduction vous aide à récupérer les ventes de paniers abandonnés, convertir les visiteurs en clients, et à réaliser plus de ventes.

La plupart des plateformes e-commerce comme WooCommerce vous permettent de créer facilement des codes de réduction. Cependant, le partage de ces codes de réduction avec vos clients fait toute la différence.

C'est pourquoi, dans cet article, nous allons partager deux méthodes différentes pour partager des coupons avec vos visiteurs. Celles-ci incluent une popup de sortie de coupon et une option de roue de la fortune pour les coupons.

Examinons comment créer une popup de coupon dans WordPress ou WooCommerce.

Comment créer votre popup de coupon dans WordPress

La meilleure façon de créer une popup de coupon est d'utiliser OptinMonster. C'est le meilleur plugin de popup WordPress et logiciel de génération de prospects sur le marché.

Pour plus d'informations, consultez notre avis complet sur OptinMonster.

Tout d'abord, vous devez visiter le site web de OptinMonster pour créer un compte. Cliquez simplement sur le bouton « Obtenir OptinMonster maintenant » pour commencer.

Vous aurez besoin au minimum du plan Growth car il inclut les campagnes Coupon Wheel et des règles de ciblage avancées pour vos popups.

Ensuite, vous devez installer et activer le plugin OptinMonster sur votre site WordPress. Pour plus de détails, consultez notre guide étape par étape sur comment installer un plugin WordPress.

Le plugin agit comme un connecteur entre votre compte OptinMonster et votre site web WordPress.

Lors de l'activation du plugin, vous verrez l'assistant de configuration d'OptinMonster. Cliquez sur le bouton « Connecter votre compte existant ».

Une nouvelle fenêtre s'ouvrira où vous devrez connecter votre site WordPress à OptinMonster.

Cliquez simplement sur le bouton « Connecter à WordPress » pour continuer.

Vous pouvez également connecter votre boutique WooCommerce à OptinMonster. Assurez-vous simplement d'avoir configuré une boutique e-commerce dans WordPress.

Tout d'abord, vous devrez aller dans OptinMonster » Paramètres depuis votre panneau d'administration WordPress.

Ensuite, allez dans l'onglet « Général » et cliquez sur le bouton « Générer automatiquement les clés + Connecter WooCommerce ».

WooCommerce générera maintenant les clés automatiquement et se connectera à votre compte OptinMonster.

Vous êtes maintenant prêt à créer votre première campagne de pop-up de coupon.

Créer votre campagne de pop-up de coupon

Pour créer une campagne, vous pouvez aller dans OptinMonster » Campagnes depuis votre tableau de bord WordPress, puis cliquer sur le bouton « Créer votre première campagne ».

Sur l'écran suivant, OptinMonster vous présentera différents types de campagnes et de modèles.

Tout d'abord, vous devrez choisir un type de campagne. Nous allons utiliser « Pop-up », qui devrait être la sélection par défaut.

Ensuite, il vous sera demandé de sélectionner un modèle.

OptinMonster propose une vaste gamme de modèles parmi lesquels choisir, avec de nombreuses mises en page et combinaisons de couleurs différentes. Le modèle « Coupon » est parfait pour créer ce pop-up. Cependant, vous pouvez sélectionner un modèle différent si vous préférez.

Vous pouvez utiliser la barre de recherche pour trouver le modèle Coupon ou faire défiler la page.

Ensuite, survolez le modèle et cliquez sur le bouton « Utiliser le modèle ».

La dernière étape avant de créer votre pop-up de coupon consiste à nommer la campagne. Après avoir saisi un nom, cliquez sur le bouton « Commencer la création ».

Concevoir votre pop-up de coupon

Une fois que vous avez cliqué sur « Commencer la création », vous verrez l'éditeur de campagne par glisser-déposer.

Vous pouvez l'utiliser pour ajouter différents blocs à votre modèle et modifier le texte, les couleurs et la conception du coupon comme vous le souhaitez.

Vous pouvez également cliquer sur n'importe quel élément de la conception pour le modifier davantage. Ici, nous avons modifié le texte et lui avons donné une couleur différente.

Dès que vous apportez vos modifications, vous verrez des mises à jour en temps réel dans le modèle de pop-up de coupon.

Vous voudrez peut-être expérimenter différentes polices et couleurs pour que votre texte se démarque dans le pop-up ou corresponde à votre marque.

En dehors du texte et des éléments du pop-up, vous pouvez également modifier la couleur d'arrière-plan, ajouter une image à votre coupon, définir la couleur de la bordure, changer le style de la bordure, et plus encore.

Une fois que vous avez terminé les modifications, assurez-vous de sauvegarder votre campagne en cliquant sur le bouton vert « Enregistrer » en haut de l'écran.

Décider comment livrer votre code de coupon

Maintenant que vous avez configuré votre popup de coupon, vous devez décider comment vous allez réellement livrer le code de coupon à votre visiteur.

Il existe plusieurs façons de le faire dans OptinMonster, mais la meilleure façon est de livrer le code de coupon directement via la vue Succès d'OptinMonster et de l'envoyer par newsletter par e-mail.

De cette façon, si le visiteur n'est pas prêt à acheter immédiatement, il aura le code de coupon dans sa boîte de réception pour une référence facile plus tard.

Par défaut, votre popup de coupon est déjà conçu pour utiliser la « vue Succès » dès que le bouton est cliqué. Pour vérifier, vous pouvez cliquer sur le bouton, puis voir l'option « Aller à la vue » sur le côté gauche de votre écran.

Si vous souhaitez une action de bouton différente, vous pouvez la modifier ici. Pour votre premier coupon, cependant, nous vous recommandons de vous en tenir à la valeur par défaut.

Intégrer OptinMonster avec votre liste d'e-mails

Pour envoyer automatiquement votre code de coupon par e-mail et pour que le visiteur soit ajouté à votre liste d'e-mails, vous devrez intégrer OptinMonster à un service de marketing par e-mail.

Constant Contact est un excellent service à utiliser avec OptinMonster, et les lecteurs de WPBeginner peuvent obtenir 20 % de réduction sur leurs 3 premiers mois en utilisant ce coupon.

Cependant, si vous utilisez un autre service de messagerie, OptinMonster s'intègre à pratiquement tous les principaux fournisseurs.

Allez simplement dans l'onglet « Intégration » et cliquez sur le bouton « + Ajouter une nouvelle intégration » pour ajouter votre service de marketing par e-mail.

Une fois que vous avez fait cela, vous pouvez configurer un e-mail automatisé qui sera envoyé chaque fois que quelqu'un s'inscrit à la liste d'e-mails via votre popup de coupon.

Astuce bonus : Modifier le modèle de vue de succès

Vous pouvez afficher et modifier le modèle de « Vue de succès » en retournant à l'onglet Conception de votre campagne et en cliquant sur l'option « Succès » en bas de l'écran.

L'apparence par défaut ressemble à ceci, mais vous pouvez la modifier comme vous le souhaitez, tout comme vous avez modifié votre popup de coupon.

Modifier les règles d'affichage de votre popup de coupon

Par défaut, votre popup de coupon apparaîtra aux visiteurs après qu'ils aient été sur n'importe quelle page de votre site pendant 5 secondes.

Si vous souhaitez modifier cela, accédez à l'onglet « Règles d'affichage ».

Vous pouvez définir les règles d'affichage que vous souhaitez, mais une excellente option à essayer est Exit-Intent®.

Cette technologie spéciale d'OptinMonster peut détecter quand un visiteur est sur le point de quitter votre site et lui montrer votre popup de coupon au bon moment.

Vous pouvez ajouter l'intention de sortie en sélectionnant « sortie détectée » dans le menu déroulant et en choisissant sur quels appareils afficher la campagne. Par défaut, elle sera configurée pour s'afficher sur tous les appareils.

Il existe également une option pour contrôler la sensibilité de l'intention de sortie.

Après cela, faites défiler vers le bas et choisissez les pages où vous souhaitez afficher votre campagne.

Par exemple, vous pouvez utiliser le réglage par défaut de « chemin d'URL actuel » et sélectionner l'option « est n'importe quelle page ». De cette façon, votre campagne apparaîtra sur l'ensemble de votre site Web.

Ensuite, OptinMonster offre également des options pour jouer un effet sonore et afficher une animation lorsque la popup de coupon apparaît.

Il existe également d'autres paramètres.

OptinMonster vous permet de configurer les cookies pour votre campagne et de définir le nombre de jours après lequel la campagne sera montrée à différents utilisateurs.

Une fois que vous êtes satisfait de votre popup de coupon, vous pouvez aller à l'onglet « Publier » en haut.

Après cela, assurez-vous simplement que « Publier » est coché dans la section « Statut de publication ».

N'oubliez pas de cliquer sur le bouton « Enregistrer » en haut et de fermer le constructeur de campagne.

Vous pouvez maintenant visiter votre site web pour voir le popup de coupon en action.

Créer une roue de coupons « Gagnez en tournant »

Une roue de coupons « Gagnez en tournant » est un excellent moyen de rendre vos coupons plus intéressants et amusants pour les visiteurs de votre site. C'est comme un mini-jeu auquel les visiteurs peuvent jouer pour gagner une réduction ou un autre bonus.

Vos options de « Gagnez en tournant » pourraient inclure des choses comme 10 % de réduction, 20 % de réduction, la livraison gratuite, un essai gratuit, ou tout ce que vous souhaitez offrir.

OptinMonster propose un type de campagne « Ludique » qui vous permet de créer des popups de type « roue à tourner ».

Après cela, faites défiler vers le bas et sélectionnez l'un des modèles de roue.

Le plugin propose différents modèles de « Gagnez en tournant ». Survolez simplement un modèle et cliquez sur le bouton « Utiliser le modèle ».

Ensuite, allez-y et modifiez n'importe quel aspect de votre roue de coupons.

Pour modifier les options de la roue de coupons elle-même, vous devrez cliquer sur le bouton « Personnaliser les sections de la roue » sur le côté gauche.

Vous pouvez ensuite taper n'importe quel texte comme étiquette pour chaque option et ajouter le code de coupon pour chaque option gagnante.

Notez que la « Chance de gagner » est déterminée automatiquement. Si vous modifiez le basculeur sur une ou plusieurs des options « Peut gagner », OpinMonster recalculera les chances de gagner.

Si vous avez besoin d'aide supplémentaire pour créer votre roue de coupons et l'ajouter à votre site, consultez notre article sur comment ajouter des optins « Gagnez en tournant » dans WordPress et WooCommerce, qui détaille le processus.

Vous pouvez ensuite visiter votre site web pour voir le popup de coupon « spin-to-win » en action.

Foire aux questions sur les popups mobiles

Les popups mobiles peuvent être déroutants, surtout lorsque vous essayez d'équilibrer les conversions avec les meilleures pratiques SEO. Voici les questions les plus courantes que nous recevons concernant la création de popups mobiles qui convertissent sans nuire à votre classement dans les moteurs de recherche.

1. Les popups mobiles nuiront-ils à mon classement SEO ?

Les popups mobiles ne nuiront pas à votre classement SEO s'ils respectent les directives de Google relatives à la compatibilité mobile. Google pénalise les interstitials intrusifs qui couvrent le contenu principal immédiatement après qu'un utilisateur a accédé à une page à partir des résultats de recherche. Cependant, les popups qui apparaissent après un délai, les popups d'intention de sortie, ou les bannières qui ne couvrent pas un contenu significatif sont tout à fait acceptables et n'auront aucun impact sur votre classement.

2. Quel est le meilleur délai pour les popups mobiles ?

Nous recommandons de définir un délai d'au moins 5 à 10 secondes pour les popups mobiles. Cela donne aux visiteurs suffisamment de temps pour commencer à lire votre contenu avant que le popup n'apparaisse. Les popups d'intention de sortie sont encore meilleurs pour mobile car ils ne se déclenchent que lorsqu'une personne est sur le point de quitter votre site. Évitez d'afficher des popups immédiatement lorsqu'une personne arrive sur votre page, car cela crée une mauvaise expérience utilisateur.

3. Comment créer des popups mobiles qui n'énervent pas les utilisateurs ?

La clé est de rendre vos popups mobiles faciles à fermer et utiles pour les utilisateurs. Incluez toujours un bouton de fermeture clair et bien visible (X) dans le coin supérieur droit. Assurez-vous que votre popup offre quelque chose de vraiment utile comme une réduction, une ressource gratuite ou un contenu exclusif. Gardez le popup suffisamment petit pour que les utilisateurs puissent toujours voir une partie de votre contenu principal, et n'affichez jamais le même popup plusieurs fois au même visiteur.

4. Quelle taille devraient avoir les popups mobiles ?

Les pop-ups mobiles ne devraient pas occuper plus de 50 à 60 % de l'écran afin d'éviter d'être considérés comme intrusifs. Nous recommandons d'utiliser des pop-ups réactifs qui s'ajustent automatiquement à différentes tailles d'écran. Les pop-ups à insertion latérale ou de type bannière fonctionnent particulièrement bien sur mobile car ils ne bloquent pas complètement le contenu. Testez toujours vos pop-ups sur différents appareils mobiles pour vous assurer qu'ils s'affichent correctement.

5. Les pop-ups mobiles augmentent-ils réellement les conversions ?

Oui, lorsqu'ils sont correctement implémentés, les pop-ups mobiles peuvent augmenter considérablement les conversions. Nous avons constaté une augmentation de 600 % des taux d'inscription par e-mail en utilisant des pop-ups mobiles correctement conçus. La clé est d'offrir une valeur réelle, de les déclencher au bon moment et de les rendre faciles à fermer. Les utilisateurs mobiles sont plus susceptibles de convertir lorsque les pop-ups sont pertinents pour leurs intérêts et n'interrompent pas leur expérience de navigation.

Ressources supplémentaires pour créer des pop-ups à forte conversion

Vous pouvez également consulter d'autres guides utiles sur la création de pop-ups pour augmenter les conversions sur votre site :

• Comment créer une option Oui/Non pour votre site WordPress
• Comment créer un tapis de bienvenue pour votre site WordPress (+ exemples)
• Comment utiliser la psychologie des popups pour augmenter les inscriptions de 250 %
• Comment créer une porte d'accueil dans WordPress
• Les pop-ups sont-ils toujours pertinents ? L'avenir du marketing par pop-up exploré

Nous espérons que cet article vous a aidé à apprendre comment créer un pop-up de coupon dans WordPress. Vous pourriez également vouloir consulter notre sélection des meilleurs plugins WooCommerce ou notre guide sur comment ajouter des notifications push à votre site WordPress.

Si cet article vous a plu, abonnez-vous à notre chaîne YouTube pour des tutoriels vidéo WordPress. Vous pouvez également nous retrouver sur Twitter et Facebook.