Att skapa en kupongpopup för din WordPress-webbplats är ett utmärkt sätt att öka konverteringar och erbjuda specialerbjudanden till dina besökare.
Du behöver dock en lösning som är enkel och effektiv så att du inte slösar tid på att ställa in den.
Med över 16 års erfarenhet av att hjälpa ägare av e-handelswebbplatser har vi funnit att OptinMonster är det bästa verktyget för att skapa kupong-popups som faktiskt konverterar.
Dess dra-och-släpp-funktioner och färdiga mallar gör det enkelt att skapa popups utan att behöva kodningskunskaper. Dessutom har vi sett i praktiken hur snabb och enkel processen kan vara.
I den här artikeln guidar vi dig genom steg-för-steg-processen för att skapa en kupong-popup på WordPress.
Varför ska du erbjuda besökare en kupong?
Ofta är nya företagare oroade för att kuponger kommer att äta upp deras vinster. Etablerade företagare vet dock att erbjuda rabatter är ett kraftfullt sätt att få besökare att fatta sina beslut istället för att sitta på staketet.
Att erbjuda kupongkoder hjälper dig att:
- Återhämta övergivna kundvagnsförsäljningar,
- Konvertera besökare till kunder, och
- Gör fler försäljningar.
De flesta e-handelsplattformar, som WooCommerce, låter dig enkelt skapa kupongkoder. Att dela dessa kupongkoder med dina kunder gör dock hela skillnaden.
Därför kommer vi i den här artikeln att dela två olika sätt att dela kuponger med dina besökare. Dessa inkluderar en kupong-exit-popup och en kupong-spin-a-wheel-optin.
Låt oss titta på hur man skapar ett kupongpopup-fönster i WordPress eller WooCommerce.
Hur du skapar din kupong-popup i WordPress
Det bästa sättet att skapa en kupong-popup är att använda OptinMonster. Det är den bästa WordPress popup-pluginen och leadgenereringsmjukvaran på marknaden.
På WPBeginner använder vi OptinMonster för att skapa popups, slide-ins, inbäddade popups och toppannonser för specialerbjudanden och deals. För mer information om våra erfarenheter med det, se vår OptinMonster-recension.
Först måste du besöka OptinMonster-webbplatsen för att skapa ett konto. Klicka helt enkelt på knappen 'Get OptinMonster Now' för att komma igång.
Du behöver minst Growth-planen eftersom den inkluderar kuponghjulskampanjer och avancerade målgruppsregler för dina popups.
Därefter måste du installera och aktivera OptinMonster-pluginet på din WordPress-webbplats. För mer information, se vår steg-för-steg-guide om hur man installerar ett WordPress-plugin.
Pluginet fungerar som en koppling mellan ditt OptinMonster-konto och din WordPress-webbplats.
När du aktiverar pluginet ser du OptinMonster-installationsguiden. Klicka på knappen 'Anslut ditt befintliga konto'.
Ett nytt fönster öppnas nu där du behöver ansluta din WordPress-webbplats till OptinMonster.
Klicka helt enkelt på knappen 'Anslut till WordPress' för att fortsätta.
Du kan också ansluta din WooCommerce-butik till OptinMonster. Se bara till att du har konfigurerat en e-handelsbutik i WordPress.
Först måste du gå till OptinMonster » Inställningar från din WordPress-adminpanel.
Gå sedan till fliken 'Allmänt' och klicka på knappen 'Auto-generera nycklar + Anslut WooCommerce'.
WooCommerce kommer nu att generera nycklar automatiskt och ansluta till ditt OptinMonster-konto.
Nu är du redo att skapa din första kupongpopup-kampanj. I följande avsnitt delar vi hur du gör det. Men först, här är en snabb översikt över alla steg du kommer att gå igenom:
- Skapa din kupong-popup-kampanj
- Designa din kupong-popup
- Besluta hur du ska leverera din kupongkod
- Ändra din kupong-popups visningsregler
- Integrating OptinMonster With Your Email List
- Vanliga frågor
Redo? Låt oss börja!
Steg 1: Skapa din kupongpopup-kampanj
För att skapa en kampanj kan du gå till OptinMonster » Kampanjer från din WordPress-instrumentpanel och sedan klicka på knappen ‘Skapa din första kampanj’.
På nästa skärm kommer OptinMonster att visa olika kampanjtyper och mallar.
Först måste du välja en kampanjtyp. Vi kommer att använda ‘Popup’, vilket bör vara standardvalet.
Därefter kommer du att bli ombedd att välja en mall.
OptinMonster har ett stort utbud av mallar som du kan välja mellan, med många olika layouter och färgscheman. Mallen ‘Kupong’ är perfekt för att skapa denna popup. Du kan dock välja en annan mall om du föredrar det.
Du kan använda sökfältet för att hitta mallen för kuponger eller skrolla ner på sidan.
Håll sedan muspekaren över mallen och klicka på knappen ‘Använd mall’.
Det sista steget innan du bygger din kupong-popup är att namnge kampanjen. Efter att ha angett ett namn, klicka på knappen ‘Starta bygge’.
Steg 2: Designa ditt kupongfönster
När du har klickat på ‘Starta bygge’ ser du dra-och-släpp-kampanjbyggaren.
Du kan använda den för att lägga till olika block i din mall och ändra texten, färgerna och designen på kupongen precis som du vill.
Du kan också klicka på vilket element som helst i designen för att ändra det ytterligare. Här har vi redigerat texten och gjort den i en annan färg.
Så fort du gör dina ändringar ser du uppdateringar i realtid i mallen för kupong-popup.
Du kanske vill experimentera med olika typsnitt och färger för att få din text att sticka ut i popupen eller matcha ditt varumärke.
Utöver texten och elementen inuti popupen kan du också ändra bakgrundsfärgen, lägga till en bild till din kupong, ställa in kantfärgen, ändra kantstilen och mer.
När du är klar med ändringarna, se till att spara din kampanj genom att klicka på den gröna knappen 'Spara' högst upp på skärmen.
Steg 3: Bestäm hur du ska leverera din kupongkod
Nu när du har ställt in din kupong-popup måste du bestämma hur du faktiskt ska leverera kupongkoden till din besökare.
Det finns flera sätt att göra detta i OptinMonster, men det bästa sättet är att leverera kupongkoden direkt via OptinMonsters framgångsvy och skicka den via e-postutskick.
På så sätt, om besökaren inte är redo att köpa omedelbart, har de kupongkoden i sin e-postinkorg för enkel referens senare.
Som standard är ditt kupongfönster redan utformat för att använda ‘framgångsvyn’ så snart knappen klickas. För att kontrollera kan du klicka på knappen och sedan se alternativet ‘Gå till vy’ på vänster sida av skärmen.
Om du vill ha en annan knappåtgärd kan du ändra det här. För din första kupong rekommenderar vi dock att du behåller standardinställningen.
Sedan kan du redigera din framgångsvy i fliken 'Design' under alternativet 'Framgång' längst ner på skärmen.
Standardutseendet ser ut så här, men du kan redigera det precis som du vill, precis som du redigerade din kupong-popup.
Steg 4: Ändra visningsreglerna för ditt kupongfönster
Som standard visas ditt kupong-popup-fönster för besökare efter att de har varit på någon sida på din webbplats i 5 sekunder.
Om du vill ändra detta, gå till fliken 'Visningsregler'.
Du kan ställa in vilka visningsregler du vill, men en bra att prova är Exit-Intent®.
Denna speciella OptinMonster-teknik kan avgöra när en besökare är på väg att lämna din webbplats och visa dem din kupong-popup vid precis rätt ögonblick.
Du kan lägga till avsikt att lämna genom att välja 'avsikt upptäckt' från rullgardinsmenyn och välja vilka enheter kampanjen ska visas på. Som standard kommer den att ställas in för att visas på alla enheter.
Det finns också ett alternativ för att styra känsligheten för avsikt att lämna.
Bläddra sedan ner och välj de sidor där du vill visa din kampanj.
Till exempel kan du använda standardinställningen 'aktuell URL-sökväg' och välja alternativet 'är någon sida'. På så sätt kommer din kampanj att visas på hela din webbplats.
Efter att ha lagt till visningsreglerna kan du klicka på knappen 'Nästa steg'.
OptinMonster erbjuder också alternativ för att spela ljudeffekter och visa animationer när kupong-popupen visas.
Nu kan du klicka på knappen ‘Nästa steg’.
På nästa skärm ser du en sammanfattning av dina visningsregler. Glöm inte att klicka på knappen 'Spara' för att lagra dina inställningar.
Steg 5: Integrera OptinMonster med din e-postlista
För att skicka ut din kupongkod automatiskt via e-post och för att besökaren ska läggas till i din e-postlista, behöver du integrera OptinMonster med en e-postmarknadsföringstjänst.
Constant Contact är en utmärkt tjänst att använda med OptinMonster. Vi provade den för att testa alla funktioner, vilket du kan se i vår kompletta Constant Contact-recension.
De goda nyheterna är att WPBeginner-läsare kan få 20% rabatt på sina första 3 månader genom att använda denna kupong.
Men om du använder en annan e-posttjänst, integreras OptinMonster med i stort sett alla större leverantörer.
Gå helt enkelt till fliken 'Integration' och klicka på knappen '+ Lägg till ny integration' för att lägga till din e-postmarknadsföringstjänst.
Därefter kan du ställa in ett automatiserat e-postmeddelande som skickas ut när någon anmäler sig till e-postlistan via din kupong-popup.
När du är nöjd med din kupong-popup kan du gå till fliken ‘Publicera’ högst upp.
Låt oss sedan se till att 'Publicera' är markerat under sektionen 'Publiceringsstatus'.
Glöm inte att klicka på knappen ‘Spara’ högst upp och stäng kampanjbyggaren.
Du kan nu besöka din webbplats för att se kupong-popupen i aktion.
Bonustips: Skapa ett "Spin-to-Win"-hjul för kuponger
Ett snurra-för-att-vinna-kuponghjul är ett utmärkt sätt att göra dina kuponger mer intressanta och roliga för din webbplats besökare. Det är som ett minispel som besökare kan spela för att vinna en rabatt eller en annan bonus.
Dina spin-to-win-alternativ kan inkludera saker som 10 % rabatt, 20 % rabatt, gratis frakt, en gratis provperiod, eller vad du än vill erbjuda.
OptinMonster erbjuder en kampanjtyp som kallas ‘Gamified’ som låter dig skapa snurr-hjulet-popup-fönster.
Skrolla sedan ner och välj en av hjulmallarna.
Plugin har olika mallar för snurra-för-att-vinna. Håll muspekaren över en mall och klicka på knappen ‘Använd mall’.
Gå sedan vidare och redigera alla aspekter av ditt kuponghjul.
För att redigera alternativen på själva kuponghjulet måste du klicka på knappen 'Anpassa hjulsektioner' på vänster sida.
Du kan sedan skriva in valfri text som etikett för varje alternativ och lägga till kupongkoden för varje vinnande alternativ.
Observera att 'Vinstchans' bestäms automatiskt. Om du ändrar växeln på ett eller flera av alternativen 'Kan vinna', kommer OpinMonster att räkna om vinstchanserna.
Om du behöver mer hjälp med att skapa ditt kuponghjul och lägga till det på din webbplats, kolla in vårt inlägg om hur du lägger till spin-to-win optins i WordPress och WooCommerce, som går igenom processen mer i detalj.
Du kan sedan besöka din webbplats för att se spin-to-win kupongpopupen i aktion.
Vanliga frågor
Här är några frågor som våra läsare ofta ställer om att skapa en kupongpopup i WordPress:
Kan jag få min kupong-popup att visas endast på vissa sidor?
Ja, de flesta popup-byggarplugins låter dig rikta in dig på specifika sidor eller produktkategorier.
Du kanske till exempel vill visa en popup med 10 % rabatt endast på dina kassa- eller produktsidor, inte på din startsida eller blogg.
Med verktyg som OptinMonster kan du använda visningsregler som:
- Sidans URL (t.ex. visa på
/shopeller/cart) - Hänvisningskälla (t.ex. visa endast för besökare från Google)
- Enhetstyp (t.ex. visa endast på dator eller mobil)
Detta gör att du kan leverera mer personliga erbjudanden och undvika att irritera dina vanliga läsare.
Hur levererar jag kupongkoden till användarna efter att de har sett popup-fönstret?
Du kan visa kupongkoden direkt i popup-fönstret eller skicka den via e-post efter att besökaren prenumererar. Båda metoderna fungerar bra – det beror på ditt mål.
Om du försöker växa din e-postlista, kan det vara effektivt att be användare att ange sin e-postadress för att låsa upp koden.
Men om du vill ha omedelbara konverteringar kan det vara bättre att visa kupongkoden omedelbart eller tillämpa den automatiskt i kundvagnen.
Hur kan jag undvika att irritera användare med för många popups?
Nyckeln till att undvika att irritera användare är att implementera smart målinriktning och timing i OptinMonster.
Istället för att visa popupen omedelbart, överväg att använda exit intent, scrollprocent eller tidsfördröjning. På så sätt avbryter du inte besökarens upplevelse.
Ställ också in frekvensgränser så att användarna inte ser samma popup varje gång de besöker din webbplats. De flesta verktyg låter dig styra hur ofta en popup visas per session, dag eller besökare.
Är kupongfönster mobilvänliga?
Ja, de flesta moderna popup-plugins är helt responsiva och mobilvänliga som standard.
Det är dock fortfarande viktigt att testa ditt fönster på olika skärmstorlekar för att säkerställa att det är lätt att läsa och inte blockerar viktigt innehåll.
Om du använder ett plugin som OptinMonster kan du till och med designa separata versioner av din popup för dator- och mobilanvändare, vilket säkerställer en smidigare upplevelse för alla besökare.
Vi hoppas att den här artikeln hjälpte dig att lära dig hur du skapar ett kupong-popup-fönster i WordPress. Du kanske också vill titta på vårt urval av bästa WooCommerce-plugins eller vår guide om hur du lägger till push-meddelanden på din WordPress-webbplats.
Om du gillade den här artikeln, prenumerera då på vår YouTube-kanal för WordPress-videoguider. Du kan också hitta oss på Twitter och Facebook.
Dennis Muthomi
Jag använder WooCommerce inbyggda verktyg för att skapa kuponger. Det är användbart men begränsat.
Jag ska försöka använda OptinMonster för att sätta upp mer målinriktade kupong-popups på min webbplats.
Den där exit intent-tekniken verkar vara ett utmärkt sätt att omvandla besökare som lämnar till kunder.
Jag gillar också att OptinMonster kan integreras med e-postmarknadsföringstjänster för att skicka ut kupongkoden automatiskt.
TACK FÖR DEN HÄR TUTORIALEN!