Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Coupe WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Comment créer une fenêtre surgissante WooCommerce pour augmenter les ventes (6 méthodes éprouvées)

Note éditoriale : Nous percevons une commission sur les liens des partenaires sur WPBeginner. Les commissions n'affectent pas les opinions ou les évaluations de nos rédacteurs. En savoir plus sur Processus éditorial.

Vous souhaitez créer une fenêtre surgissante WooCommerce pour booster vos ventes ?

Les fenêtres surgissantes vous permettent d’attirer facilement l’attention des clients/clientes et de les inciter à effectuer un achat. Vous pouvez utiliser les fenêtres surgissantes de WooCommerce pour offrir des coupons, promouvoir les ventes, inscrire les internautes sur votre liste d’e-mails, et bien plus encore.

Dans cet article, nous allons vous afficher comment créer facilement une fenêtre surgissante WooCommerce pour augmenter les ventes.

How to create a WooCommerce popup to increase sales

Pourquoi vous devez créer une fenêtre surgissante WooCommerce

Vous êtes-vous déjà demandé pourquoi vous voyez toujours des fenêtres surgissantes sur les principaux sites d’e-commerce ?

En effet, les fenêtres surgissantes sont très efficaces pour convertir les internautes en clients/clientes. Elles aident les boutiques en ligne à attirer rapidement l’attention des clients/clientes en leur affichant des messages personnalisés au bon moment.

Si vous gérez un magasin WooCommerce, vous pouvez utiliser les fenêtres surgissantes pour vous aider :

  1. Augmentez vos ventes en envoyant des messages opportuns à vos clients/clientes. Par exemple, vous pouvez faire en sorte que la fenêtre surgissante apparaisse lorsque les utilisateurs/utilisatrices sont sur le point de quitter votre stock.
  2. Récupérez les ventes des paniers abandonnés en offrant un coupon ou une livraison gratuite.
  3. Vendre plus de produits grâce aux ventes croisées (promotion de produits similaires) et aux ventes incitatives (promotion d’un produit plus mis en avant).
  4. Version de votre liste d’e-mails, de vos abonnés sociaux ou pour rappeler à vos clients/clientes les ventes et les promotions en cours.

Nous allons utiliser OptinMonster pour ce tutoriel. C’est la meilleure extension de fenêtres surgissantes WordPress et un puissant outil d’optimisation de la conversion qui vous permet de transformer les visiteurs abandonnistes en abonnés/abonnés et en clients.

Il s’intègre parfaitement à WooCommerce et dispose de puissantes options de personnalisation construites spécifiquement pour les magasins WooCommerce.

Astuce : pour créer des coupons pour vos offres, nous vous recommandons d’utiliser Advanced Coupons. Il vous permet de créer beaucoup de coupons intelligents différents pour votre site WooCommerce.

Premiers pas avec OptinMonster

Avant de commencer à créer une fenêtre surgissante WooCommerce, vous avez besoin d’un compte OptinMonster connecté à votre site WordPress.

Tout d’abord, vous pouvez vous rendre sur le site d’OptinMonster et ouvrir un compte. Cliquez simplement sur le bouton « Premiers pas OptinMonster » pour commencer.

OptinMonster

L’offre Pro d’OptinMonster vous permet d’utiliser la plupart des fonctionnalités que nous allons aborder, y compris la règle de ciblage de l’intention de sortie. Si vous souhaitez créer une campagne de spin-to-win ou configurer le ciblage par géolocalisation, vous aurez alors besoin d’une offre Growth.

Une fois que vous vous êtes inscrit à OptinMonster, vous devez connecter votre compte OptinMonster à votre site WordPress.

Pour ce faire, vous devez d’abord installer et activer l’extension OptinMonster sur votre site WordPress. Pour plus de détails, consultez notre guide étape par étape sur l ‘installation d’une extension WordPress.

Une fois activé, vous devriez voir l’écran de bienvenue d’OptinMonster. Cliquez sur le bouton « Connecter votre compte existant ».

Connect your existing account

Une nouvelle fenêtre s’ouvre.

Cliquez simplement sur le bouton « Connecter à WordPress » pour connecter votre compte OptinMonster à votre site.

Connect OptinMonster to WordPress

Ensuite, vous devrez également connecter votre compte OptinMonster avec le compte WooCommerce.

Tout d’abord, allez dans OptinMonster  » Réglages depuis votre tableau de bord WordPress.

Ensuite, sous l’onglet  » Général « , il suffit de cliquer sur le bouton  » Générer automatiquement des clés + connecter WooCommerce « .

Auto generate keys and connect WooCommerce

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

Dans le reste de ce tutoriel, nous allons couvrir plusieurs types de fenêtres surgissantes WooCommerce. Vous pouvez utiliser ces liens rapides pour passer directement aux instructions de chacun d’entre eux :

Comment créer une fenêtre surgissante de coupon WooCommerce

Les codes promo sont un excellent moyen d’augmenter les ventes. Vous pouvez utiliser une fenêtre surgissante pour vous assurer que les clients connaissent l’existence de votre coupon et les encourager à l’utiliser.

Tout d’abord, vous pouvez vous rendre sur OptinMonster  » Campagnes à partir de votre panneau d’administration WordPress et cliquer sur le bouton  » Créer votre première campagne « .

Create first OptinMonster campaign

Ensuite, il suffit de sélectionner le type de campagne « fenêtre surgissante ».

Sélectionnez ensuite votre modèle en plaçant votre souris dessus et en cliquant sur le bouton « Utiliser le modèle ». Nous allons utiliser le Modèle « Code promo » pour ce tutoriel.

Select the coupon popup template

Lorsque vous sélectionnez le Modèle, une fenêtre surgissante s’ouvre.

OptinMonster vous demandera de donner un nom à votre campagne. Allez-y, ajoutez un nom et cliquez sur le bouton « Commencer la Version ».

Enter a name for your campaign

Il est maintenant temps de concevoir votre coupon.

Le constructeur de campagne par glisser-déposer est très facile à utiliser et vous permet de personnaliser votre fenêtre surgissante comme vous le souhaitez. OptinMonster propose différents blocs à ajouter à votre modèle.

De plus, vous pouvez cliquer sur n’importe quel élément du modèle de fenêtre surgissante de coupon pour le modifier. Vous pouvez modifier le texte, la police, les couleurs et bien plus encore.

Edit your campaign template

Vous pouvez également retirer certaines parties du Code promo. Par exemple, vous pouvez décider de ne pas proposer de boîte d’inscription à l’e-mail. Vous pouvez simplement afficher un code promo dans la fenêtre surgissante pour encourager le client/cliente à l’utiliser immédiatement.

Astuce : Le code promo par défaut est SAVE25. Il s’affiche à l’écran après que le client/cliente a saisi son adresse e-mail. Il est facile de le modifier ou de le retirer dans la vue « Succès » de votre fenêtre surgissante.

Change the success view

N’oubliez pas d’enregistrer votre fenêtre surgissante une fois que vous avez fini d’apporter des modifications à la conception du coupon.

Pour plus d’aide, Veuillez consulter nos instructions étape par étape sur la création d’une fenêtre surgissante de coupon. Ce tutoriel explique également comment intégrer OptinMonster à votre liste d’e-mails.

Une fois que vous avez créé votre fenêtre surgissante de coupon, vous devez définir les règles d’affichage.

Il suffit de cliquer sur l’onglet « Règles d’affichage » dans la barre supérieure. Par défaut, le coupon apparaîtra après l’expiration des 5 secondes sur toutes les pages de votre site.

OptinMonster display rule

Vous pouvez modifier cette durée pour qu’elle soit plus ou moins longue, ou la baser sur la durée de la visite de l’internaute sur votre site. Vous pouvez également afficher le coupon uniquement sur certaines pages de votre site.

La dernière étape consiste à publier votre fenêtre surgissante de coupon et à la rendre directe sur votre site. Nous vous afficherons comment le faire à la fin de l’article.

Comment créer une fenêtre surgissante d’abandon de panier WooCommerce.

Il se peut que vous perdiez énormément d’argent à cause de l’abandon de panier.

Une fenêtre surgissante est un excellent moyen d’inciter les internautes à terminer leur commande. Vous pouvez créer une fenêtre surgissante WooCommerce spéciale qui apparaîtra lorsqu’un utilisateur se trouve sur la page du panier et se déplace pour quitter votre site.

Tout d’abord, créez une nouvelle campagne dans OptinMonster. Vous devez sélectionner ‘Popup’ pour le type de campagne. Ensuite, allez de l’avant et choisissez un modèle pour votre fenêtre surgissante. Nous allons utiliser le modèle « Abandonner la Commande ».

Select the abandoning checkout template

Ensuite, OptinMonster ouvrira une fenêtre surgissante.

Donnez un nom à votre campagne de fenêtres surgissantes et cliquez sur le bouton « Démarrer la construction ».

Enter a name for your campaign

Le modèle choisi s’ouvre dans le Constructeur de campagne.

Pour personnaliser votre modèle de campagne, vous pouvez faire glisser et déposer différents blocs ou modifier le texte, les couleurs, les polices, etc.

Edit your abandoning campaign template

Ensuite, il est temps de définir votre fenêtre surgissante pour qu’elle s’affiche sur votre page de panier WooCommmerce.

Cliquez d’abord sur l’onglet « Règles d’affichage » en haut de l’écran, puis sélectionnez l’option « Intention de sortie ». Vous pouvez également sélectionner la sensibilité de l’intention de sortie.

La technologie d’intention de sortie d’ OptinMonster vous permet d’afficher votre message au moment précis où le compte affiche l’intention de quitter votre site.

Exit intent display rules

Ensuite, faites défiler la page et laissez le premier défilement comme « chemin d’accès à l’URL actuelle » et définissez le second défilement sur l’option « correspond exactement ».

Dans la boîte qui apparaît, saisissez l’URL de la page de votre panier d’achat.

Select exit intent sensitivity

N’oubliez pas d’enregistrer vos modifications. Ensuite, allez dans l’onglet Publier pour mettre votre coupon en direct sur votre stock en ligne.

Comment créer une fenêtre surgissante WooCommerce pour les ventes croisées ?

Un autre excellent moyen de stimuler les ventes consiste à pratiquer la vente croisée de vos produits les plus populaires. La vente croisée consiste à promouvoir un produit qui va de pair avec un produit que le client/cliente achète déjà.

Par exemple, si votre client/cliente achète une chemise d’été, il pourrait également être intéressé par l’achat d’un chapeau de soleil. Ou encore, s’il achète des cartes de vœux, il voudra peut-être aussi du papier d’emballage.

Pour créer une fenêtre surgissante de vente croisée dans OptinMonster, vous devez d’abord créer une nouvelle campagne. Confirmez que vous avez sélectionné ‘Popup’ pour le type de campagne, puis sélectionnez le Modèle de votre choix.

Nous allons utiliser le Modèle « Shopping » pour notre fenêtre surgissante.

Select the shopping template

Ensuite, OptinMonster vous demandera de nommer la campagne.

Une fois cette étape franchie, il vous suffit de cliquer sur le bouton « Commencer la Version ».

Enter a name for your campaign

Vous accédez à l’éditeur de campagne. Ici, vous pouvez modifier n’importe quel aspect de votre Modèle en cliquant dessus.

Nous avons téléversé un outil de téléversement différent pour notre campagne.

Edit your shopping template

Vous pouvez ensuite ajouter différents blocs au Modèle à partir du menu situé à votre gauche.

Il suffit de faire glisser et de déposer des blocs tels que des images, des boutons, des textes, des vidéos et autres sur le modèle.

Add blocks to your template

Si vous conservez l’inscription par e-mail, veillez à modifier la vue « Succès » de la fenêtre surgissante afin d’afficher le code promo que vous avez choisi.

Astuce : Si vous utilisez l’inscription par e-mail, vous devez également lier OptinMonster à votre fournisseur d’e-mail dans l’onglet « Intégrations ». Vous trouverez des instructions à ce sujet dans notre guide étape par étape sur la création d’une fenêtre surgissante de coupon.

Une fois que vous avez fini de créer votre campagne, n’oubliez pas de cliquer sur le bouton « Enregistrer » en haut à droite.

Ensuite, vous pouvez cliquer sur l’onglet  » Règles d’affichage  » et sélectionner la règle  » Ciblage des produits WooCommerce « .

Ecommerce display rules

Après avoir ajouté une autre nouvelle règle, vous pouvez à nouveau sélectionner la règle  » Ciblage des produits WooCommerce « .

Ensuite, ajoutez votre produit comme précédemment.

OptinMonster WooCommerce cart contains rules

N’oubliez pas d’enregistrer vos Réglages. En direct, il ne vous reste plus qu’à suivre les instructions à la fin de ce tutoriel pour mettre votre fenêtre surgissante en direct sur votre site.

Comment créer une fenêtre surgissante pour WooCommerce ?

Une fenêtre surgissante WooCommerce vous permet d’encourager les clients à acheter un produit plus cher que celui qu’ils envisageaient.

Par exemple, si vous vendez un progiciel, vous pouvez proposer une offre spéciale sur une formule plus chère ou inciter les utilisateurs/utilisatrices à acheter des modules supplémentaires.

Pour créer votre fenêtre surgissante, vous devez d’abord créer une nouvelle campagne OptinMonster. Sélectionnez ‘Popup’ pour le type de campagne et choisissez le modèle que vous souhaitez.

Choose a campaign type and template

Après avoir sélectionné votre Modèle, OptinMonster vous demandera de nommer votre campagne.

Une fois que vous avez terminé, il vous suffit de cliquer sur le bouton « Commencer la Version ».

Enter a name for your campaign

Vous pouvez modifier tout ce qui vous plaît dans la campagne en cliquant sur l’article.

Si vous voulez donner aux clients/clientes le coupon directement, il suffit de retirer le champ de l’e-mail. Il est facile d’ajouter des blocs dans le Constructeur de campagne à l’aide de la fonctionnalité « glisser-déposer ».

Customize your upsell popup

Une fois que vous êtes satisfait de votre coupon, cliquez sur le bouton « Enregistrer » en haut à droite. Cliquez ensuite sur l’onglet « Règles d’affichage ».

Ensuite, définissez une règle d’affichage pour afficher la fenêtre surgissante lorsque l’utilisateur regarde un produit spécifique. Pour ce faire, il suffit de sélectionner la règle  » WooCommerce Product Targeting « .

Ecommerce display rules

Ensuite, il vous suffit de spécifier le produit sur lequel la campagne se déroulera.

Astuce : Vous ne voulez pas passer par les étapes de connexion entre OptinMonster et WooCommerce ? Vous pourriez plutôt utiliser la règle de ciblage de page d’OptinMonster pour cibler l’URL de votre page produit à la place.

Une fois que vous avez défini vos règles d’affichage, allez-y et enregistrez votre fenêtre surgissante. Ensuite, il suffit de la mettre en direct sur votre site en suivant les instructions à la fin de ce tutoriel.

Comment créer une fenêtre surgissante gamifiée WooCommerce ‘Spin to Win’ ?

La fenêtre surgissante gamifiée  » spin to win  » propose aux clients une offre spéciale ou un coupon. Il s’agit d’une alternative amusante pour stimuler les conversions et l’engagement général.

Tout d’abord, créez une nouvelle campagne dans OptinMonster et sélectionnez le type de campagne  » Sélectionné « . Ensuite, vous pouvez choisir n’importe quel modèle que vous souhaitez utiliser.

Select a gamification template

OptinMonster vous invitera à donner un nom à votre campagne.

Une fois cette étape franchie, il vous suffit de cliquer sur le bouton « Commencer la Version ».

Enter a name for your campaign

Vous verrez maintenant le Modèle de roue de coupon dans l’éditeur/éditrices de campagne d’OptinMonster.

Il vous suffit de cliquer sur l’élément que vous souhaitez modifier. De plus, vous pouvez ajouter d’autres blocs à vos modèles, comme une image, une vidéo, un bouton, etc.

Pour modifier les différentes options de la roue, cliquez sur celle-ci, puis sur le bouton « Personnaliser les sections de la roue ».

Customize your wheel

Cela ouvrira une nouvelle fenêtre surgissante dans laquelle vous pourrez voir toutes les sections de votre roue de gains.

Il suffit d’ajuster ou de modifier les codes promo, les pourcentages et les offres spéciales sur la roue.

Edit wheel sections

Une fois que vous êtes satisfait de votre roue de coupon, enregistrez vos Réglages.

Si vous avez besoin d’aide pour configurer votre roue de coupons, suivez notre guide étape par étape sur la création d’une fenêtre surg issante.

Ensuite, dirigez-vous vers l’onglet  » Règles d’affichage  » et choisissez quand afficher votre campagne. Par exemple, vous pouvez afficher la roue de gamification lorsque l’utilisateur est sur le point de quitter le site à l’aide de la fonctionnalité Exit Intent.

Select exit intent sensitivity

Maintenant, vous pouvez mettre la fenêtre surgissante en direct sur votre site en suivant les instructions à la fin de ce tutoriel.

Comment créer une fenêtre surgissante plein écran pour WooCommerce.

Une autre fenêtre surgissante très efficace que vous pouvez créer pour votre stock en ligne est un popup WooCommerce plein écran. Cela vous permet d’accueillir les nouveaux internautes et de les encourager à rejoindre votre liste d’e-mails. Vous pourriez leur offrir une remise spéciale ou une livraison gratuite en retour.

Pour créer une fenêtre surgissante plein écran dans OptinMonster, créez une nouvelle campagne, choisissez le type de campagne  » Plein écran  » et sélectionnez un modèle.

Select fullscreen template and campaign

Ensuite, vous devez saisir un nom pour votre campagne.

Une fois que vous êtes prêt, cliquez sur le bouton « Commencer la Version ».

Enter a name for your campaign

Vous verrez maintenant votre tapis de bienvenue en plein écran dans le Constructeur OptinMonster. Vous pouvez maintenant ajouter, retirer et réorganiser les blocs sur votre modèle.

De plus, il existe davantage d’options pour modifier les blocs existants, comme le texte et l’image, afin de les adapter à votre stock. Il vous suffit de cliquer sur ce que vous souhaitez modifier.

Edit your fullscreen template

Ensuite, vous devez intégrer OptinMonster à votre liste d’e-mails en cliquant sur l’onglet  » Intégrations « .

De là, vous pouvez cliquer sur le bouton « + Ajouter une nouvelle intégration » et sélectionner votre outil de marketing par e-mail. Vous pouvez ensuite suivre les instructions à l’écran pour vous connecter au service de marketing par e-mail.

Integrate email service

Vous pouvez ensuite passer à l’onglet « Règles d’affichage ». Pour les règles d’affichage, vous voulez définir votre tapis de bienvenue pour qu’il s’affiche uniquement pour les premiers internautes.

Pour ce faire, il suffit de sélectionner l’option « Nouveau visiteur ».

Onsite targeting display rules

Si vous souhaitez que le tapis d’accueil s’affiche sur toutes les pages de votre site, il vous suffit de définir le menu déroulant « chemin d’accès à l’URL actuelle » sur « toutes les pages ».

N’oubliez pas de cliquer sur le bouton « Enregistrer » en haut de l’écran.

Select new user display rule

Vous pouvez maintenant aller de l’avant et mettre votre fenêtre surgissante en direct sur votre site en suivant les instructions ci-dessous.

Pour plus d’astuces, consultez notre guide sur la création d’un tapis d’accueil pour votre site WordPress. Vous y trouverez également des exemples utiles.

Mettre votre fenêtre surgissante WooCommerce en direct sur votre site

Après avoir créé une fenêtre surgissante, vous devez la rendre directe avant qu’elle n’apparaisse sur votre site.

Tout d’abord, vous devez cliquer sur l’onglet  » Publier  » dans l’application OptinMonster. Modifiez ensuite l’état de la publication pour le définir sur Publier.

Publish your campaign

Note : Votre fenêtre surgissante ne sera pas directement en direct. Vous devez encore la mettre en ligne dans WordPress.

Maintenant, retournez dans l’administration de WordPress et dirigez-vous vers OptinMonster  » Campagnes « . De là, vous pouvez cliquer sur l’option  » Modifier l’état  » pour n’importe quelle campagne, puis sélectionner  » Publier  » dans le menu déroulant.

Change status of your campaign

Il est toujours bon de vérifier sur votre site que votre fenêtre surgissante s’affiche comme prévu.

Voici notre campagne de vente incitative en action, promouvant les chaussures auprès des clients/clientes.

Upsell popup preview

Nous espérons que cet article vous a aidé à apprendre comment créer une fenêtre surgissante WooCommerce pour augmenter les ventes. Vous pourriez également aimer notre liste des meilleures extensions WooCommerce pour votre magasin, et notre comparaison des meilleurs fournisseurs d’hébergement WooCommerce pour accélérer votre boutique.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Divulgation : Notre contenu est soutenu par les lecteurs. Cela signifie que si vous cliquez sur certains de nos liens, nous pouvons gagner une commission. Consultez comment WPBeginner est financé, pourquoi cela compte et comment vous pouvez nous soutenir. Voici notre processus éditorial.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

L'ultime WordPress Toolkit

Accédez GRATUITEMENT à notre boîte à outils - une collection de produits et de ressources liés à WordPress que tous les professionnels devraient avoir !

Reader Interactions

Un commentaireLaisser une réponse

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

Laisser une réponse

Merci d'avoir choisi de laisser un commentaire. Veuillez garder à l'esprit que tous les commentaires sont modérés selon notre politique de commentaires, et votre adresse e-mail ne sera PAS publiée. Veuillez NE PAS utiliser de mots-clés dans le champ du nom. Ayons une conversation personnelle et significative.