Onlineshopping^(Online) har gjort det bekvämt för konsumenter att söka efter de bästa priserna. Kuponger har en betydande inverkan på köpbeslut och andra former av åtgärder som webbutvecklare uppmanas att införliva i webbdesign.

90 % av konsumenterna använder kuponger, digital kuponginlösen förväntas nå 91 miljarder dollar 2022, och över 25 miljoner amerikaner^(Americans) använder kuponger varje månad för att spara pengar.

Varför erbjuda besökare en kupongpopup?^{(Why Offer Visitors a Coupon Popup?)}

Kunniga^(Savvy) sajtägare vet att att erbjuda kunder en rabatt via en kupong är ett kraftfullt sätt att locka dem att göra ett köp.  

Alla älskar väldigt mycket. Att erbjuda kuponger hjälper varumärken att öka webbplatsaktiviteten, öka webbplatsomvandlingarna och återställa och konvertera övergivna vagnar.

Eftersom WordPress (WP) är det mest populära innehållshanteringssystemet kommer den här artikeln att ge en steg-för-steg-guide om hur man skapar en WP-kupongpopup.

Använd OptinMonster^{(Use OptinMonster)}

Börja med att skapa ett OptinMonster- konto, installera och sedan aktivera OptinMonster- plugin för WordPress^{(plugin for WordPress)} på din WP-webbplats.

Hitta plugin-programmet i din WP-adminpanel, klicka på det och anslut det sedan till OptinMonster .

Skapa en kupongpopup med OptinMonster^{(Create a Coupon Popup with OptinMonster)}

• Logga^(Log) in på OptinMonster- instrumentpanelen och klicka på Skapa ny kampanj^{(Create New Campaign)} .

• Från Kampanjtyp väljer du Popup^(Popup) . Nästa skärm kommer att visa dig flera professionellt designade mallar i olika färger och layouter.

• Välj kupongmallen^{(Coupon )} för att skapa en popup och klicka på den. Välj sedan Använd mall^{(Use Template)} , ge din kampanj ett namn och välj den webbplats där du vill använda den.
• Eftersom du redan har anslutit din webbplats (ovan), kommer du att se din webbplats - URL listad i rullgardinsmenyn. 

• Välj det och klicka på Start Building .

Design kupong popup^{(Design Coupon Popup)}

Använd dra-och-släpp-byggaren för att ändra design, text och färger på din kupong.

För att ändra ett element i designen, klicka på det. Gör dina ändringar på vänster sida, så kommer de att visas i förhandsgranskningen till höger.

Stäng ett element genom att klicka på Hem^(Home) -knappen eller X .

Bakgrundsöverlägg^{(Background Overlay)}

Färgen som omger din kupong-popup kallas bakgrundsöverlägget^{(Background Overlay)} . För att redigera den, gå till Optin Settings > Optin View Styles .

Du kan ändra bakgrundsstilen^{(Background Style)} till en enfärgad eller övertoningsfyllning. Du kan också lägga till en bild och ändra gränsen.

När du är nöjd med hur din kupong ser ut klickar du på Spara^(Save) .

Hur kommer kunderna att få din kupong?^{(How Will Customers Receive Your Coupon?)}

När du har designat klart din popup-kupong måste du bestämma hur du ska få kupongen till dina kunder.

OptinMonster rekommenderar att du levererar den omedelbart med hjälp av deras framgångsvy^(Success) samt via e-post. För att använda e-post måste du aktivera integrationen av din e-postleverantör.

I vyn Framgång^{(Success )} kan du också:

• Inkludera kupongkoden som i skärmdumpen ovan.
• Omdirigera besökare till en annan sida för att lösa in kupongen.

Observera att vyn Framgång^(Success) är standardknappåtgärden. Om du vill använda ett annat alternativ, ändra knappåtgärden genom att följa stegen nedan:

• Redigera knapptexten.
• Klicka på Åtgärd.^(Action.)

• Under Form Framgångsåtgärd^{(Form Success Action)} klickar du på rullgardinsmenyn för att se tillgängliga alternativ. Om du vill omdirigera till en URL , skriv in den i fältet.

Välj Visa regler^{(Choose Display Rules)}

För att välja var och när dina besökare ska se din kupong, gå till fliken Visningsregler .^{(Display Rules)}

Du kan använda olika typer av innehåll, kampanjer och exklusiva erbjudanden på varje sida. 

Om du vill veta mer om hur du använder visningsregler^{(Display Rules)} , läs: Hur du använder visningsregler för att anpassa när en kampanj kommer att visas^{(How to Use Display Rules to Customize When a Campaign Will Appear)} .

Andra WordPress-plugins för att bygga kupongpopup-marknadsföringskampanjer^{(Other WordPress Plugins For Building Coupon Popup Marketing Campaigns)}

WP erbjuder andra plugins för att hjälpa dig skapa din egen kupongpopup. Nedan^(Below) är några av dem.

Icegram

Ladda ner och installera WP-plugin Icegram för att skapa visuellt tilltalande anpassade opt-ins och uppmaningar genom att använda stegen nedan:

• Logga in på din WP-instrumentpanel.
• Klicka på Lägg till ny kampanj^{(Add New Campaign)} från alternativet Icegram i sidofältet till vänster.
• Välj en^{(Select one)} av de förgjorda mallarna och klicka på Förhandsgranska^(Preview) .

• Om du gillar hur det ser ut i förhandsgranskningsläge klickar du på Använd detta^{(Use This)} för att börja anpassa mallen.
• När kampanjen öppnas, klicka på Meddelanden^(Messages) och lägg till eller redigera ditt meddelandeinnehåll.

• Konfigurera^(Configure) hur och när din kupong-popup kommer att visas genom att klicka på Visa regler^{(Display Rules)} .

Alternativen för popup-visning är:

Var:^{(Where: )} Välj var du vill att kupongen ska visas.

• Hela webbplatsen
• Hemsida
• Utvalda sidor
• Specifika webbadresser på din webbplats

När^(When) : Vill du att popup-fönstret ska visas hela tiden eller bara som planerat?

Enhet^(Device) : Välj vilka enheter som ska visa popup-fönstret.

Vem^(Who) vill du ska se popupen?

• Alla användare
• Endast inloggade användare
• Inte användare som är inloggade

Retargeting : Vill du att din kupong-popup bara ska visas en gång för varje session?

Efter att en besökare klickat på en CTA , vill du visa dem din popup igen eller inte?

• Förhandsgranska ditt formulär och dina inställningar och klicka på Publicera^(Publish) när det ser bra ut.

Kupongskapare^{(Coupon Creator)(Coupon Creator)}

Skapa din egen kupongpopup med Coupon Creator WP -plugin.

Coupon Creator använder en anpassad posttyp och kräver bara konfigurering av ett fåtal inställningar. Den kostnadsfria versionen gör det möjligt för användare att visa och skriva ut kuponger för kunder.

En av de kostnadsfria mallarna visar en bild på kupongens insida. Den gratis standardmallen har ett utrymme på kupongen för erbjudandet, villkoren och utgångsdatumet.

Om du letar efter fler funktioner finns det även en proversion.

• För att skapa en kupong, ladda ner och installera plugin. Redigera standardkupongen^{(Standard Coupon)} eller lägg till en ny.
• Generera en kortkod för kuponger från WP-redigerarens kortkodsinförare.

• Lägg in ditt erbjudande under Deal. Ange^(Enter) dina villkor för kupongaffären under Villkor.^(Terms.)
• För att använda kupongen, infoga kortkoden på valfri sida eller post där du vill att den ska visas. Om du tilldelar ett utgångsdatum kommer kupongen inte längre att vara synlig efter det utgångsdatum du anger.

Besök WordPress.org^{(visit WordPress.org)} för en fullständig lista över popup-plugin-program för WP- kuponger . Utöka din e-postlista, öka dina följare på sociala medier och öka försäljningen genom att skapa din egen kupongpopup på din WP-webbplats.

How To Create Your Own Coupon Popup in WordPress

Onlinе shopping has made it convenient for consumers to search for the best pricеs. Coupons have a significant impact on purchasing decisions and other forms of actіon that web developers 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

• Hur man flyttar WordPress-webbplats från en värd till en annan

• Hur man installerar och ställer in WordPress på Microsoft Azure

• Hur man kör blixtrande snabbt WordPress på Microsoft Azure

• Hur man konfigurerar sekretess i WordPress och varför det är viktigt

• Hur man installerar WordPress på Google Cloud Platform

• Hur man lägger till en flytande sidofält i Wordpress

• Hur man bygger en Wix-blogg som är lika bra som WordPress

• Hur man säkerhetskopierar din WordPress-webbplats

• WordPress visar HTTP-fel när bilder laddas upp

• Wix vs WordPress: Vilket är bäst för att skapa din webbplats?

• Hur man använder WP Super Cache på WordPress-bloggen

• Hur man snabbar upp en WordPress-webbplats med .HTACCESS

• Hur man tar bort skadlig programvara från din WordPress-webbplats

• Hur man använder Lumen5 för att förvandla ditt blogginlägg till en video

• Squarespace vs WordPress: Vilken är den bättre webbplatsplattformen?

• Hur man ökar prestanda i WordPress genom en databasrengöring

• Hur man installerar ett tema på WordPress

• Hur man kontrollerar om en webbplats är avstängd från AdSense

• Det bästa bloggskrivformatet för att få fram dina poäng

• Hur du ändrar din WordPress-inloggningsadress för bättre säkerhet