Online winkelen heeft het voor consumenten gemakkelijk gemaakt om naar de beste prijzen te zoeken. Coupons hebben een aanzienlijke invloed op aankoopbeslissingen en andere vormen van actie die webontwikkelaars moeten opnemen in webdesign.

90% van de consumenten gebruikt kortingsbonnen, de digitale inwisseling van coupons zal naar verwachting in 2022 $ 91 miljard bedragen, en meer dan 25 miljoen Amerikanen^(Americans) gebruiken maandelijks coupons om geld te besparen.

Waarom bezoekers een couponpop-up aanbieden?^{(Why Offer Visitors a Coupon Popup?)}

Slimme^(Savvy) site-eigenaren weten dat het aanbieden van korting aan klanten via een coupon een krachtige manier is om hen te verleiden tot een aankoop.  

Iedereen houdt enorm van. Door coupons aan te bieden, kunnen merken de website-activiteit verhogen, siteconversies verhogen en verlaten winkelwagentjes herstellen en converteren.

Aangezien WordPress (WP) het meest populaire contentmanagementsysteem is, biedt dit artikel een stapsgewijze handleiding voor het maken van een WP-couponpop-up.

Gebruik OptinMonster^{(Use OptinMonster)}

Begin met het maken van een OptinMonster- account, het installeren en activeren van de OptinMonster- plug-in voor WordPress^{(plugin for WordPress)} op uw WP-site.

Zoek de plug-in in uw WP-beheerdashboard, klik erop en verbind deze vervolgens met OptinMonster .

Maak een coupon-pop-up met OptinMonster^{(Create a Coupon Popup with OptinMonster)}

• Log in op het OptinMonster- dashboard en klik op Nieuwe campagne maken^{(Create New Campaign)} .

• Selecteer bij Campagnetype Pop-up . Het volgende scherm toont u verschillende professioneel ontworpen sjablonen in verschillende kleuren en lay-outs.

• Kies de Coupon -sjabloon om een ​​pop-up te maken en klik erop. Selecteer vervolgens Sjabloon gebruiken^{(Use Template)} , geef uw campagne een naam en kies de website waar u deze wilt gebruiken.
• Aangezien u uw website al heeft verbonden (hierboven), ziet u de URL van uw site in het vervolgkeuzemenu. 

• Selecteer het en klik op Begin met bouwen^{(Start Building)} .

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

Gebruik de drag-and-drop-builder om het ontwerp, de tekst en de kleuren van uw coupon te wijzigen.

Om een ​​element in het ontwerp te wijzigen, klikt u erop. Breng uw bewerkingen aan de linkerkant aan en ze worden weergegeven in de voorbeeldpop-up aan de rechterkant.

Sluit een element door op de Home -knop of de X te klikken .

Achtergrondoverlay^{(Background Overlay)}

De kleur die uw couponpop-up omringt, wordt de achtergrondoverlay^{(Background Overlay)} genoemd . Ga naar Optin-instellingen^{(Optin Settings)} > Optin-weergavestijlen^{(Optin View Styles)} om het te bewerken .

U kunt de achtergrondstijl^{(Background Style)} wijzigen in een effen kleur of een verloopvulling. U kunt ook een afbeelding toevoegen en de rand wijzigen.

Als u tevreden bent met hoe uw coupon eruitziet, klikt u op Opslaan^(Save) .

Hoe ontvangen klanten uw coupon?^{(How Will Customers Receive Your Coupon?)}

Nadat u klaar bent met het ontwerpen van uw coupon-pop-up, moet u beslissen hoe u de coupon bij uw klanten wilt krijgen.

OptinMonster raadt aan om het onmiddellijk te leveren met behulp van hun succesweergave^(Success) en per e-mail. Als u e-mail wilt gebruiken, moet u de integratie van uw e-mailserviceprovider inschakelen.

In de weergave Succes^{(Success )} kunt u ook:

• Voeg de couponcode toe zoals in de bovenstaande schermafbeelding.
• Leid bezoekers door naar een andere pagina om de coupon in te wisselen.

Houd er rekening mee dat de weergave Succes^(Success) de standaardknopactie is. Als u een andere optie wilt gebruiken, wijzigt u de knopactie door de onderstaande stappen te volgen:

• Bewerk de knoptekst.
• Klik op Actie.^(Action.)

• Klik onder Formulier geslaagde actie^{(Form Success Action)} op de vervolgkeuzelijst om de beschikbare opties te zien. Als u wilt omleiden naar een URL , typt u deze in het veld.

Kies weergaveregels^{(Choose Display Rules)}

Om te selecteren waar en wanneer uw bezoekers uw coupon te zien krijgen, gaat u naar het tabblad Weergaveregels .^{(Display Rules)}

Op elke pagina kun je verschillende soorten content, campagnes en exclusieve aanbiedingen gebruiken. 

Lees voor meer informatie over het gebruik van weergaveregels^{(Display Rules)} : Weergaveregels gebruiken om aan te passen wanneer een campagne wordt weergegeven^{(How to Use Display Rules to Customize When a Campaign Will Appear)} .

Andere WordPress-plug-ins voor het bouwen van pop-upmarketingcampagnes met coupons^{(Other WordPress Plugins For Building Coupon Popup Marketing Campaigns)}

WP biedt mogelijk andere plug-ins om u te helpen uw eigen coupon-pop-up te maken. Hieronder^(Below) staan ​​er een paar.

IJsgram^{(Icegram)(Icegram)}

Download en installeer de WP-plug -in Icegram om visueel aantrekkelijke aangepaste opt-ins en calls-to-action te maken met behulp van de onderstaande stappen:

• Log in op uw WP-dashboard.
• Klik op Nieuwe campagne toevoegen^{(Add New Campaign)} vanuit de Icegram -optie in de linkerzijbalk.
• Selecteer een^{(Select one)} van de kant-en-klare sjablonen en klik op Voorbeeld^(Preview) .

• Als het u bevalt hoe het eruit ziet in de voorbeeldmodus, klikt u op Dit^{(Use This)} gebruiken om de sjabloon aan te passen.
• Wanneer de campagne wordt geopend, klikt u op Berichten^(Messages) en voegt u uw berichtinhoud toe of bewerkt u deze.

• Configureer^(Configure) hoe en wanneer uw couponpop-up zal verschijnen door op Display Rules te klikken .

De opties voor pop-upweergave zijn:

Waar:^{(Where: )} Kies waar u de coupon-pop-up wilt weergeven.

• Over de hele site
• Startpagina
• Geselecteerde pagina's
• Specifieke URL's op uw site

Wanneer^(When) : Wil je dat de pop-up altijd wordt weergegeven of alleen zoals gepland?

Apparaat^(Device) : kies op welke apparaten de pop-up wordt weergegeven.

Van wie^(Who) wil je de pop-up zien?

• Alle gebruikers
• Alleen ingelogde gebruikers
• Geen gebruikers die zijn ingelogd

Retargeting : wilt u dat uw coupon-pop-up slechts één keer wordt weergegeven voor elke sessie?

Nadat een bezoeker op een CTA heeft geklikt , wil je hem dan opnieuw je pop-up laten zien of niet?

• Bekijk een voorbeeld van uw formulier en instellingen en klik op Publiceren^(Publish) als het er goed uitziet.

Coupon Maker^{(Coupon Creator)(Coupon Creator)}

Maak uw eigen coupon-pop-up met de Coupon Creator WP -plug-in.

Coupon Creator gebruikt een aangepast berichttype en vereist slechts een paar instellingen. Met de gratis versie kunnen gebruikers coupons voor klanten weergeven en afdrukken.

Een van de gratis sjablonen toont een afbeelding op de binnenrand van de coupon. De standaard gratis sjabloon heeft een spatie op de coupon voor de deal, voorwaarden en vervaldatum van de aanbieding.

Als u op zoek bent naar meer functies, is er ook een pro-versie.

• Download en installeer de plug-in om een ​​coupon te maken. Bewerk de standaardcoupon^{(Standard Coupon)} of voeg een nieuwe toe.
• Genereer een coupon shortcode van de WP editor shortcode inserter.

• Plaats uw aanbieding onder Deal. Voer^(Enter) uw voorwaarden voor de coupondeal in onder Voorwaarden.^(Terms.)
• Om de kortingsbon te gebruiken, plaatst u de shortcode op een pagina of post waar u deze wilt weergeven. Als u een vervaldatum toewijst, is de coupon niet langer zichtbaar na de vervaldatum die u instelt.

Bezoek WordPress.org^{(visit WordPress.org)} voor een volledige lijst met pop-upplug-ins voor WP-coupons . Breid uw e-maillijst uit, vergroot uw volgers op sociale media en verhoog de verkoop door uw eigen coupon-pop-up op uw WP-site te maken.

How To Create Your Own Coupon Popup in WordPress

Online shopping hаs made it convenient for consumers to search for thе best prices. Coupons hаve а significant impаct on purchasing decisions and other formѕ of action that web develоpers are asked to incorporate 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

• Hoe een WordPress-site van de ene host naar de andere te verplaatsen

• Hoe WordPress te installeren en in te stellen op Microsoft Azure

• Supersnel WordPress draaien op Microsoft Azure

• Hoe privacy in WordPress te configureren en waarom het belangrijk is

• Hoe installeer ik WordPress op Google Cloud Platform

• Hoe u pagina's op uw WordPress-website met een wachtwoord kunt beveiligen

• Hoe WordPress handmatig op een domein in te stellen

• Wix versus WordPress: wat is het beste voor het maken van uw website?

• Hoe WP Super Cache te gebruiken op WordPress blog

• Leid gebruikers om vanaf 404-pagina in WordPress

• Een pagina dupliceren in WordPress

• 10 essentiële WordPress-plug-ins voor een website voor kleine bedrijven

• Malware van uw WordPress-site verwijderen

• Toon het fragment op de startpagina van WordPress blog

• Hoe te controleren of een website is verbannen uit AdSense

• Een thema installeren op WordPress

• Squarespace versus WordPress: wat is het betere siteplatform?

• Hoe u uw eigen Twitter-achtige website opzet met het P2-thema van WordPress

• Hoe u een WordPress-site kunt versnellen met .HTACCESS

• Hoe u uw WordPress-beheerderslogin kunt vinden