Les^(Online) achats en ligne ont permis aux consommateurs de rechercher facilement les meilleurs prix. Les coupons ont un impact significatif sur les décisions d'achat et d'autres formes d'action que les développeurs Web sont invités à intégrer dans la conception Web.

90% des consommateurs utilisent des coupons, l'échange de coupons numériques devrait atteindre 91 milliards de dollars d'ici 2022 et plus de 25 millions d' Américains^(Americans) utilisent des coupons chaque mois pour économiser de l'argent.

Pourquoi offrir aux visiteurs un popup de coupon ?^{(Why Offer Visitors a Coupon Popup?)}

Les^(Savvy) propriétaires de sites avertis savent qu'offrir aux clients une remise via un coupon est un moyen puissant de les inciter à effectuer un achat.  

Tout le monde aime beaucoup. Offrir des coupons aide les marques à augmenter l'activité du site Web, à augmenter les conversions du site et à récupérer et convertir les paniers abandonnés.

Comme WordPress (WP) est le système de gestion de contenu le plus populaire, cet article fournira un guide étape par étape sur la façon de créer une fenêtre contextuelle de coupon WP.

Utiliser OptinMonster^{(Use OptinMonster)}

Commencez par créer un compte OptinMonster , installez puis activez le plugin OptinMonster pour WordPress^{(plugin for WordPress)} sur votre site WP.

Trouvez le plugin dans votre tableau de bord d'administration WP, cliquez dessus, puis connectez-le avec OptinMonster .

Créer une fenêtre contextuelle de coupon avec OptinMonster^{(Create a Coupon Popup with OptinMonster)}

• Connectez^(Log) -vous au tableau de bord OptinMonster et cliquez sur Créer une nouvelle campagne^{(Create New Campaign)} .

• Dans Type de campagne, sélectionnez Popup . L'écran suivant vous montrera plusieurs modèles conçus par des professionnels dans différentes couleurs et mises en page.

• Choisissez le modèle de coupon pour créer une fenêtre contextuelle et cliquez dessus. Sélectionnez ensuite Utiliser un modèle^{(Use Template)} , donnez un nom à votre campagne et choisissez le site Web sur lequel vous souhaitez l'utiliser.
• Puisque vous avez déjà connecté votre site Web (ci-dessus), vous verrez l' URL de votre site répertoriée dans le menu déroulant. 

• Sélectionnez-le et cliquez sur Démarrer la construction^{(Start Building)} .

Conception pop-up de coupon^{(Design Coupon Popup)}

Utilisez le générateur de glisser-déposer pour modifier la conception, le texte et les couleurs de votre coupon.

Pour modifier un élément du dessin, cliquez dessus. Effectuez vos modifications sur le côté gauche et elles s'afficheront dans la fenêtre d'aperçu à droite.

Fermez un élément en cliquant sur le bouton Accueil^(Home) ou sur le X .

Superposition d'arrière-plan^{(Background Overlay)}

La couleur entourant la fenêtre contextuelle de votre coupon s'appelle la superposition d'arrière^{(Background Overlay)} -plan . Pour le modifier, accédez à Optin Settings > Optin View Styles .

Vous pouvez remplacer le style^{(Background Style)} d'arrière-plan par une couleur unie ou un dégradé. Vous pouvez également ajouter une image et modifier la bordure.

Une fois que vous êtes satisfait de l'apparence de votre coupon, cliquez sur Enregistrer^(Save) .

Comment les clients recevront-ils votre coupon ?^{(How Will Customers Receive Your Coupon?)}

Une fois que vous avez terminé la conception de votre popup de coupon, vous devez décider comment envoyer le coupon à vos clients.

OptinMonster recommande de le livrer immédiatement en utilisant leur vue Success ainsi que par e-mail. Pour utiliser la messagerie, vous devez activer l'intégration de votre fournisseur de services de messagerie.

Dans la vue Succès^{(Success )} , vous pouvez également :

• Incluez le code de coupon comme dans la capture d'écran ci-dessus.
• Redirigez les visiteurs vers une autre page pour utiliser le coupon.

Notez que la vue Succès^(Success) est l'action de bouton par défaut. Si vous souhaitez utiliser une autre option, modifiez l'action du bouton en suivant les étapes ci-dessous :

• Modifiez le texte du bouton.
• Cliquez sur Action.

• Sous Form Success Action , cliquez sur le menu déroulant pour voir les options disponibles. Si vous souhaitez rediriger vers une URL , saisissez-la dans le champ.

Choisissez les règles d'affichage^{(Choose Display Rules)}

Pour sélectionner où et quand vos visiteurs verront votre coupon, allez dans l' onglet Règles d'affichage .^{(Display Rules)}

Vous pouvez utiliser différents types de contenus, campagnes et offres exclusives sur chaque page. 

Pour en savoir plus sur l'utilisation des règles d'affichage^{(Display Rules)} , lisez : Comment utiliser les règles d'affichage pour personnaliser le moment où une campagne apparaîtra^{(How to Use Display Rules to Customize When a Campaign Will Appear)} .

Autres plugins WordPress pour créer des campagnes de marketing popup de coupons^{(Other WordPress Plugins For Building Coupon Popup Marketing Campaigns)}

WP propose d'autres plugins pour vous aider à créer votre propre popup de coupon. Voici^(Below) quelques-uns d'entre eux.

Icegramme^{(Icegram)(Icegram)}

Téléchargez et installez le plugin WP Icegram pour créer des opt-ins et des appels à l'action personnalisés visuellement attrayants en suivant les étapes ci-dessous :

• Connectez-vous à votre tableau de bord WP.
• Cliquez sur Ajouter une nouvelle campagne^{(Add New Campaign)} à partir de l' option Icegram dans la barre latérale gauche.
• Sélectionnez l'un^{(Select one)} des modèles prédéfinis et cliquez sur Aperçu^(Preview) .

• Si vous aimez son apparence en mode aperçu, cliquez sur Utiliser ceci^{(Use This)} pour commencer à personnaliser le modèle.
• Lorsque la campagne s'ouvre, cliquez sur Messages et ajoutez ou modifiez le contenu de votre message.

• Configurez^(Configure) comment et quand la fenêtre contextuelle de votre coupon apparaîtra en cliquant sur Règles d'affichage^{(Display Rules)} .

Les options d'affichage des popups sont :

Où :^{(Where: )} Choisissez où vous voulez que la fenêtre contextuelle du coupon s'affiche.

• À l'échelle du site
• Page d'accueil
• Pages sélectionnées
• URL spécifiques sur votre site

Quand^(When) : Voulez-vous que la fenêtre contextuelle s'affiche tout le temps ou seulement comme prévu ?

Appareil^(Device) : choisissez les appareils qui afficheront la fenêtre contextuelle.

Qui^(Who) voulez-vous voir le popup ?

• Tous les utilisateurs
• Seuls les utilisateurs connectés
• Pas les utilisateurs connectés

Retargeting : Souhaitez-vous que votre popup de coupon ne s'affiche qu'une seule fois pour chaque session ?

Après qu'un visiteur a cliqué sur un CTA , voulez-vous lui montrer à nouveau votre popup ou non ?

• Prévisualisez votre formulaire et vos paramètres, puis cliquez sur Publier^(Publish) lorsqu'il vous convient.

Créateur de coupons^{(Coupon Creator)(Coupon Creator)}

Créez votre propre popup de coupon avec le plugin Coupon Creator WP .

Coupon Creator utilise un type de publication personnalisé et ne nécessite que la configuration de quelques paramètres. La version gratuite permet aux utilisateurs d'afficher et d'imprimer des coupons pour les clients.

L'un des modèles gratuits montre une image sur la bordure intérieure du coupon. Le modèle gratuit par défaut comporte un espace sur le coupon pour l'offre, les conditions et la date d'expiration de l'offre.

Si vous recherchez plus de fonctionnalités, il existe également une version pro.

• Pour créer un coupon, téléchargez et installez le plugin. Modifiez le coupon standard^{(Standard Coupon)} ou ajoutez-en un nouveau.
• Générez un shortcode de coupon à partir de l'outil d'insertion de shortcode de l'éditeur WP.

• Insérez votre offre sous Deal. Entrez^(Enter) vos conditions pour l'offre de coupon sous Conditions.^(Terms.)
• Pour utiliser le coupon, insérez le shortcode sur n'importe quelle page ou publication où vous souhaitez qu'il s'affiche. Si vous attribuez une date d'expiration, le coupon ne sera plus visible au-delà de la date d'expiration que vous avez définie.

Pour une liste complète des plugins contextuels de coupon WP , visitez WordPress.org^{(visit WordPress.org)} . Développez votre liste de diffusion, augmentez vos abonnés sur les réseaux sociaux et augmentez vos ventes en créant votre propre popup de coupon sur votre site WP.

How To Create Your Own Coupon Popup in WordPress

Online shopping has made it сonvenient for cоnsumers to search for the best prices. Coupons have a significant impact on purchaѕing dеcisions and other formѕ оf action that web developers arе asked to incоrporate into web design.

90% of consumers use coupons, digital coupon redemption is expected to reach $91 billion by 2022, and over 25 million Americans use coupons monthly to save money.

Why Offer Visitors a Coupon Popup?

Savvy site owners know that offering customers a discount via a coupon is a powerful way to entice them to make a purchase.  

Everyone loves a great deal. Offering coupons helps brands increase website activity, increase site conversions, and recover and convert abandoned carts.

As WordPress (WP) is the most popular content management system, this article will provide a step-by-step guide on how to create a WP coupon popup.

Use OptinMonster

Start by creating an OptinMonster account, installing, and then activating the OptinMonster plugin for WordPress on your WP site.

Find the plugin in your WP admin dashboard, click on it, and then connect it with OptinMonster.

Create a Coupon Popup with OptinMonster

• Log into the OptinMonster dashboard and click Create New Campaign.

• From the Campaign Type, select Popup. The next screen will show you several professionally designed templates in various colors and layouts.

• Choose the Coupon template to create a pop up and click on it.  Then select Use Template, give your campaign a name and choose the website where you want to use it.
• Since you already connected your website (above), you will see your site URL listed in the drop-down menu. 

• Select it and click on Start Building.

Design Coupon Popup

Use the drag and drop builder to change the design, text, and colors of your coupon.

To change an element in the design, click on it. Make your edits on the left-hand side, and they will show on the preview popup on the right.

Close an element by clicking the Home button or the X.

Background Overlay

The color surrounding your coupon popup is called the Background Overlay. To edit it, go to Optin Settings > Optin View Styles.

You can change the Background Style to a solid color or gradient fill. You can also add an image and change the border.

Once you are happy with how your coupon looks, click Save.

How Will Customers Receive Your Coupon?

After you have finished designing your coupon popup, you must decide how to get the coupon to your customers.

OptinMonster recommends delivering it immediately using their Success view as well as by email. To use email, you must enable your email service provider integration.

In the Success view, you can also:

• Include the coupon code as in the screenshot above.
• Redirect visitors to a different page to redeem the coupon.

Note that the Success view is the default button action. If you want to use a different option, change the button action by following the steps below:

• Edit the button text.
• Click on Action.

• Under Form Success Action, click the dropdown to see available options. If you want to redirect to a URL, type it into the field.

Choose Display Rules

To select where and when your visitors will see your coupon, go to the Display Rules tab.

You can use different types of content, campaigns and exclusive offers on each page. 

To learn more about how to use Display Rules, read: How to Use Display Rules to Customize When a Campaign Will Appear.

Other WordPress Plugins For Building Coupon Popup Marketing Campaigns

WP offers may other plugins to help you create your own coupon popup. Below are a few of them.

Icegram

Download and install the WP plugin Icegram to create visually appealing custom opt-ins and calls to action using the steps below:

• Log into your WP dashboard.
• Click on Add New Campaign from the Icegram option in the left-hand sidebar.
• Select one of the pre-made templates and click on Preview.

• If you like what it looks like in preview mode, click Use This to start customizing the template.
• When the campaign opens, click on Messages and add or edit your message content.

• Configure how and when your coupon popup will appear by clicking on Display Rules.

The popup display options are:

Where: Choose where you want the coupon popup to show.

• Sitewide
• Homepage
• Selected pages
• Specific URLs on your site

When: Do you want the pop up to show all the time or only as scheduled?

Device: Choose which devices will show the popup.

Who do you want to see the popup?

• All users
• Only logged in users
• Not users who are logged in

Retargeting: Do you want your coupon popup to show only once for each session?

After a visitor clicks on a CTA, do you want to show them your popup again or not?

• Preview your form and settings and click Publish when it looks good.

Coupon Creator

Create your own coupon popup with the Coupon Creator WP plugin.

Coupon Creator uses a custom post type and only requires configuring a few settings.  The free version enables users to display and print coupons for customers.

One of the free templates shows an image on the inside border of the coupon. The default free template has a space on the coupon for the deal, terms, and expiration date of the offer.

If you are looking for more features, there is also a pro version.

• To create a coupon, download and install the plugin. Edit the Standard Coupon or add a new one.
• Generate a coupon shortcode from the WP editor shortcode inserter.

• Insert your offer under Deal. Enter your terms for the coupon deal under Terms.
• To use the coupon, insert the shortcode on any page or post where you want it to show. If you assign an expiration date, the coupon will no longer be visible beyond the expiration date you set.

For a full list of WP coupon popup plugins visit WordPress.org. Grow your email list, increase your social media followers, and increase sales by creating your own coupon popup on your WP site.

Related posts

• Comment déplacer WordPress site d'un hôte à un autre

• Comment installer et installer WordPress sur Microsoft Azure

• Comment faire pour exécuter rapidement WordPress sur blazingly Microsoft Azure

• Comment configurer Privacy dans WordPress et pourquoi il est important

• Comment installer WordPress sur Google Cloud Platform

• Comment utiliser Lumen5 pour transformer votre article de blog en vidéo

• Les 3 meilleurs plugins SEO pour WordPress

• Comment changer votre URL de connexion WordPress pour une meilleure sécurité

• Comment accélérer n'importe quel site WordPress en utilisant .HTACCESS

• 10 plugins WordPress essentiels pour un site Web de petite entreprise

• Comment supprimer les logiciels malveillants de votre site WordPress

• Wix Vs WordPress : quel est le meilleur pour créer votre site Web ?

• WordPress Jetpack : qu'est-ce que c'est et vaut-il la peine d'être installé ?

• Comment configurer manuellement WordPress sur un domaine

• Comment mettre à jour PHP dans WordPress

• 8 THÈMES GRATUITES Premium WordPress à installer

• Qu'est-ce qu'AMP pour WordPress et comment l'installer

• Comment configurer votre propre site Web de type Twitter en utilisant le thème P2 de WordPress

• Comment supprimer toutes les traces d'un plugin WordPress

• Comment utiliser WP Super Cache sur le blog WordPress