Comment créer une fenêtre contextuelle de coupon dans WordPress (étape par étape)
Voulez-vous créer une popup de coupon sur votre site WordPress ?
Les fenêtres contextuelles de coupons sont un excellent moyen de convertir les visiteurs de votre site Web en clients payants. Il existe plusieurs manières différentes de créer et d'afficher des fenêtres contextuelles de coupons. Cependant, afficher le coupon au bon moment fait une énorme différence dans la conversion des visiteurs abandonnés en clients.
Dans cet article, nous verrons comment ajouter une fenêtre contextuelle de coupon à votre site WordPress ou WooCommerce.
Pourquoi devriez-vous offrir un coupon aux visiteurs ?
Les nouveaux propriétaires d’entreprise craignent souvent que les coupons ne réduisent leurs bénéfices. Cependant, les propriétaires d’entreprises établies savent qu’offrir des réductions est un moyen efficace d’inciter les visiteurs à se décider au lieu de rester assis sur la clôture.
Proposer des 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 de commerce électronique comme WooCommerce vous permettent de créer facilement des codes promo. Cependant, partager ces codes promo avec vos clients fait toute la différence.
C'est pourquoi, dans cet article, nous partagerons deux manières différentes de partager des coupons avec vos visiteurs. Ceux-ci incluent une fenêtre contextuelle de sortie de coupon et une option de rotation de coupon.
Voyons comment créer une fenêtre contextuelle de coupon dans WordPress ou WooCommerce.
Comment créer votre popup de coupon dans WordPress
La meilleure façon de créer une fenêtre contextuelle de coupon est d'utiliser OptinMonster. Il s’agit du meilleur plugin popup WordPress et logiciel de génération de leads du marché.
Tout d’abord, vous devez visiter le site Web OptinMonster pour créer un compte. Cliquez simplement sur le bouton « Obtenir OptinMonster maintenant » pour commencer.
Vous aurez besoin au moins du plan de croissance car il comprend des campagnes de roue de coupons et des règles de ciblage avancées pour vos popups.
Après cela, vous devez installer et activer le plugin OptinMonster sur votre site WordPress. Pour plus de détails, consultez notre guide étape par étape sur la façon d'installer un plugin WordPress.
Le plugin agit comme un connecteur entre votre compte OptinMonster et votre site WordPress.
Lors de l'activation du plugin, vous verrez l'assistant de configuration d'OptinMonster. Allez-y et cliquez sur le bouton « Connecter votre compte existant ».
Une nouvelle fenêtre s'ouvrira maintenant où vous devrez connecter votre site WordPress à OptinMonster.
Cliquez simplement sur le bouton « Se connecter à WordPress » pour continuer.
Vous pouvez également connecter votre boutique WooCommerce à OptinMonster. Assurez-vous simplement d'avoir créé une boutique de commerce électronique dans WordPress.
Tout d'abord, vous devrez accéder à OptinMonster » Paramètres depuis votre panneau d'administration WordPress.
Ensuite, dirigez-vous vers l’onglet « Général » et cliquez sur le bouton « Générer automatiquement des clés + Connecter WooCommerce ».
WooCommerce générera désormais automatiquement des clés et se connectera à votre compte OptinMonster.
Vous êtes maintenant prêt à créer votre première campagne contextuelle de coupons.
Création de votre campagne popup de coupon
Pour créer une campagne, vous pouvez accéder à OptinMonster » Campagnes depuis votre tableau de bord WordPress, puis cliquer sur le bouton « Créer votre première campagne ».
Sur l'écran suivant, OptinMonster affichera différents types et modèles de campagnes.
Tout d’abord, vous devrez choisir un type de campagne. Nous allons utiliser « Popup », qui devrait être la sélection par défaut.
Après cela, il vous sera demandé de sélectionner un modèle.
OptinMonster propose une vaste gamme de modèles parmi lesquels vous pouvez choisir, avec de nombreuses mises en page et jeux de couleurs différents. Le modèle « Coupon » est parfait pour créer cette popup. Cependant, vous pouvez sélectionner un modèle différent si vous préférez.
Vous pouvez utiliser le champ de recherche pour trouver le modèle de 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 popup de coupon consiste à nommer la campagne. Après avoir entré un nom, cliquez sur le bouton « Démarrer la construction ».
Concevoir votre popup de coupon
Une fois que vous avez cliqué sur « Démarrer la création », vous verrez le générateur 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 le design du coupon comme bon vous semble.
Vous pouvez également cliquer sur n’importe quel élément du design pour le modifier davantage. Ici, nous avons modifié le texte et lui avons donné une couleur différente.
Dès que vous effectuez vos modifications, vous verrez des mises à jour en temps réel dans le modèle contextuel du coupon.
Vous souhaiterez peut-être expérimenter différentes polices et couleurs pour que votre texte se démarque dans la fenêtre contextuelle ou corresponde à votre marque.
En dehors du texte et des éléments de la fenêtre contextuelle, vous pouvez également modifier la couleur d'arrière-plan, ajouter une image à votre coupon, définir la couleur de la bordure, modifier le style de la bordure, etc.
Une fois que vous avez terminé les modifications, assurez-vous de stocker votre campagne en cliquant sur le bouton vert « Enregistrer » en haut de l'écran.
Décidez comment livrer votre code promo
Maintenant que vous avez configuré votre popup de coupon, vous devez décider comment vous allez réellement transmettre le code de coupon à votre visiteur.
Il existe plusieurs façons de procéder dans OptinMonster, mais le meilleur moyen est de fournir immédiatement le code promo via la vue Succès d'OptinMonster et de l'envoyer par courrier électronique.
De cette façon, si le visiteur n’est pas prêt à acheter immédiatement, il aura le code promo dans sa boîte de réception e-mail pour pouvoir s’y référer facilement plus tard.
Par défaut, la fenêtre contextuelle de votre coupon est déjà conçue pour utiliser « la vue Succès » dès que vous cliquez sur le bouton. 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. Cependant, pour votre premier coupon, nous vous recommandons de vous en tenir à la valeur par défaut.
Intégrer OptinMonster à votre liste de diffusion
Pour envoyer automatiquement votre code de coupon par e-mail et pour que le visiteur soit ajouté à votre liste de diffusion, vous devrez intégrer OptinMonster à un service de marketing par e-mail.
Constant Contact est un excellent service à utiliser avec OptinMonster, et les lecteurs 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 à presque 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 de diffusion via la fenêtre contextuelle de votre coupon.
Astuce bonus : modifiez le modèle de vue de réussite
Vous pouvez afficher et modifier le modèle « Vue de réussite » en revenant à l'onglet Conception de votre campagne et en cliquant sur l'option « Succès » en bas de l'écran.
La valeur par défaut ressemble à ceci, mais vous pouvez la modifier comme vous le souhaitez, tout comme vous avez modifié la fenêtre contextuelle de votre coupon.
Modifiez les règles d'affichage de votre popup de coupon
Par défaut, la fenêtre contextuelle de votre coupon apparaîtra aux visiteurs après avoir été sur n'importe quelle page de votre site pendant 5 secondes.
Si vous souhaitez modifier cela, rendez-vous dans l'onglet « Règles d'affichage ».
Vous pouvez définir les règles d'affichage de votre choix, mais Exit-Intent® est une excellente solution à essayer.
Cette technologie spéciale OptinMonster peut savoir quand un visiteur est sur le point de quitter votre site et lui montrer votre popup de coupon au bon moment.
Vous pouvez ajouter une intention de sortie en sélectionnant « sortie détectée » dans le menu déroulant et en choisissant les appareils sur lesquels diffuser la campagne. Par défaut, il sera configuré 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 sur lesquelles vous souhaitez diffuser votre campagne.
Par exemple, vous pouvez utiliser le paramètre par défaut « chemin de l’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.
Après avoir ajouté les règles d'affichage, vous pouvez cliquer sur le bouton « Étape suivante ».
OptinMonster propose également des options pour jouer un effet sonore et afficher une animation lorsque la fenêtre contextuelle du coupon apparaît.
Maintenant, vous pouvez cliquer sur le bouton « Étape suivante ».
Sur l'écran suivant, vous verrez un résumé de vos règles d'affichage. N'oubliez pas de cliquer sur le bouton « Enregistrer » pour stocker vos paramètres.
Une fois que vous êtes satisfait de la fenêtre contextuelle de votre coupon, vous pouvez accéder à 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 générateur de campagne.
Vous pouvez maintenant visiter votre site Web pour voir la fenêtre contextuelle du coupon en action.
Créer une roue de coupons Spin-to-Win
Une roue de coupons qui permet de gagner 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 jeu pour gagner peuvent 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 « Gamifiée » qui vous permet de créer des popups qui font tourner la roue.
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 spin-to-win. Passez simplement la souris sur 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 sur la roue des coupons elle-même, vous devrez cliquer sur le bouton « Personnaliser les sections de la roue » sur le côté gauche.
Vous pouvez ensuite saisir n'importe quel texte comme étiquette pour chaque option et ajouter le code promo pour chaque option gagnante.
Notez que la « Chance de gagner » est automatiquement déterminée. Si vous modifiez la bascule 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 la façon d'ajouter des optins spin-to-win dans WordPress et WooCommerce, qui décrit le processus plus en détail.
Vous pouvez ensuite visiter votre site Web pour voir la fenêtre contextuelle du coupon spin-to-win en action.
Nous espérons que cet article vous a aidé à apprendre à créer une fenêtre contextuelle de coupon dans WordPress. Vous voudrez peut-être également consulter notre sélection des meilleurs plugins WooCommerce ou notre guide sur la façon d’ajouter des notifications push à votre site WordPress.
Si vous avez aimé cet article, abonnez-vous à notre chaîne YouTube pour les didacticiels vidéo WordPress. Vous pouvez également nous trouver sur Twitter et Facebook.