Vill du skapa en popup med kuponger på din website i WordPress?
Coupon popups är ett bra sätt att konvertera dina website besökare till betalande customers. Det finns flera olika sätt att skapa och displayed coupon popups. Men att visa coupons vid rätt tidpunkt gör en enorm skillnad när det gäller att konvertera övergivna besökare till customers.
I den här artikeln kommer vi att ta en titt på hur du addar en coupon popup till din WordPress eller WooCommerce site.
Varför ska du erbjuda besökarna en coupon?
Ofta är nya företagare oroliga för att coupons kommer att äta upp deras vinster. Etablerade företagare vet dock att rabatter är ett kraftfullt sätt att få besökarna att bestämma sig istället för att sitta på staketet.
Genom att erbjuda coupons kan du återskapa övergivna cart-försäljningar, konvertera besökare till customize och öka försäljningen.
De flesta e-handelsplattformar gillar WooCommerce allow you to easily create coupon codes. Men att dela dessa kupongkoder med dina kunder gör all skillnad.
Det är därför vi i den här artikeln kommer att dela två olika sätt att dela coupons med dina besökare. Dessa inkluderar en exit popup för coupons och en optin för spin-a-wheel.
Låt oss ta en titt på hur man skapar en coupon popup i WordPress eller WooCommerce.
Så här skapar du din Coupon Popup i WordPress
Det bästa sättet att skapa en coupon popup är genom att använda OptinMonster. Det är den bästa WordPress popup plugin och lead generation programvara på marknaden.
Först måste du besöka OptinMonster-webbplatsen för att skapa ett konto. Klicka bara på knappen ”Kom igång OptinMonster nu” för att komma igång.
Du behöver åtminstone Growth-planen eftersom den innehåller Coupon Wheel-kampanjer och avancerade inriktningsregler för dina popups.
Efter det måste du installera och aktivera OptinMonster plugin på din WordPress site. För mer detaljer, se vår Step-by-Step guide om hur du installerar ett WordPress plugin.
Tillägget fungerar som en kontakt mellan ditt OptinMonster-konto och din WordPress website.
När du aktiverar plugin kommer du att se OptinMonster setup wizard. Gå vidare och klicka på knappen ”Anslut ditt befintliga konto”.
Ett nytt fönster öppnas nu där du måste ansluta din WordPress site med OptinMonster.
Klicka bara på knappen ”Anslut till WordPress” för att fortsätta.
Du kan också ansluta din WooCommerce store med OptinMonster. Se bara till att du har ställt in en ecommerce store i WordPress.
Först måste du gå till OptinMonster ” Settings från din WordPress adminpanel.
Efteråt, head till ”Allmänt” tabben och klicka på ”Auto-Generera nycklar + Anslut WooCommerce” knappen.
WooCommerce kommer nu att generera nycklar automatiskt och ansluta till ditt OptinMonster account.
Nu är du all redo att skapa din första popup-kampanj för coupon.
Skapa din popup-kampanj för coupons
För att skapa en kampanj kan du gå till OptinMonster ” Kampanjer från din WordPress dashboard och sedan klicka på knappen ”Skapa din första kampanj”.
På nästa vy kommer OptinMonster att visa olika kampanjtyper och templates.
Först måste du välja en kampanjtyp. Vi kommer att använda ”Popup”, vilket bör vara standardvalet.
Efter det kommer du att bli ombedd att select en template.
OptinMonster har ett stort utbud av templates som du kan välja mellan, med massor av olika layouts och färgscheman. Templatet ”Coupon” är perfekt för att skapa denna popup. Du kan dock välja en annan templates om du föredrar det.
Du kan använda search boxen för att hitta Coupon template eller rulla ner på page.
Därefter hoverar du över templaten och klickar på knappen ”Use Template”.
Det sista steget innan du bygger din coupon popup är att namnge kampanjen. När du har enter ett namn klickar du på knappen ”Start Building”.
Utforma din popup för coupons
När du har klickat på ”Start Building” ser du kampanjbyggaren med drag and drop.
Du kan använda den för att add to olika block till din template och ändra text, färger och design på coupons på det sätt du gillar.
You can also click on any element of the design to change it further. Här har vi editerat texten och gjort den i en annan färg.
Så snart du gör dina ändringar kommer du att se uppdateringar i realtid i mallen för coupon popup.
Du kanske vill experimentera med olika font och färger för att få din text att sticka ut i popupen eller matcha ditt varumärke.
Utanför texten och elementen i popupen kan du också ändra bakgrundsfärgen, add to en image till din coupon, ställa in kantfärgen, ändra kantstilen och mycket mer.
När du är klar med ändringarna ska du se till att du lagrar din kampanj genom att clicka på den gröna knappen ”Save” högst upp på vyn.
Bestäm hur du ska leverera din kupongkod
Nu när du har ställt in din coupon popup måste du bestämma hur du faktiskt ska leverera kupongkoden till din visitor.
Det finns flera sätt att göra detta i OptinMonster, men det bästa sättet är att leverera coupon-koden direkt via OptinMonsters Success view och skicka den via email nyhetsbrev.
På så sätt, om besökaren inte är redo att köpa omedelbart, har de fått coupon-koden i sin email inbox för enkel referens senare.
Som standard är din popup med coupons redan utformad för att använda ”the Success view” så snart du klickar på knappen. För att kontrollera kan du clicka på knappen och sedan se alternativet ”Go to View” på vänster sida av din vy.
Om du vill ha en annan action på knappen kan du ändra det här. För din första coupon rekommenderar vi dock att du klistrar fast dig vid standarden.
Integrera OptinMonster med din email list
För att skicka ut din kupongkod via e-post automatiskt och för att besökaren ska läggas till i din email list, måste du integrera OptinMonster med en email marketing tjänst.
Constant Contact är en bra tjänst att använda med OptinMonster, och WPBeginners läsare kan få 20% rabatt på sina första 3 månader genom att använda denna coupon.
Men om du använder en annan e-posttjänst integreras OptinMonster med i stort sett alla större provider.
Gå bara till tabben ”Integration” och klicka på knappen ”+ Add New Integration” för att lägga till din tjänst för e-postmarknadsföring.
När du har gjort det kan du ställa in ett automatiserat e-post meddelande som ska skickas ut när någon registrerar sig för email list genom din coupon popup.
Bonus tips: Edit the Utan problem View Template
Du kan se och ändra templates för ”Success View” genom att gå tillbaka till Design tabs i din kampanj och clicka på alternativet ”Success” längst ner på vyn.
Standarden ser ut så här, men du kan editera den på vilket sätt du vill, precis som du redigerade din coupon popup.
Ändra din Coupon Popup’s Display Rules
Som standard kommer din coupon popup att visas för besökare efter att de har varit på någon page på din site i 5 sekunder.
Om du vill ändra detta går du till tabben ”Display Rules”.
Du kan ställa in vilka displayregler du vill, men en bra regel att prova är Exit-Intent®.
Denna speciella OptinMonster-teknik kan se när en besökare är på väg att lämna din webbplats och visa dem din coupon popup i precis rätt ögonblick.
You can add exit intent by select the ”exit detected” from the dropdown menu and choosing which devices to show the campaign on. Som standard kommer den att vara inställd på att visas på alla enheter.
Det finns också ett alternativ för att kontrollera känsligheten för exit intent.
Efter det rullar du ner och väljer de pages där du gillar att visa din kampanj.
Du kan t.ex. använda standardinställningen ”aktuell sökväg till URL” och välja alternativet ”är vilken page som helst”. På så sätt kommer din kampanj att visas på hela din website.
När du har lagt till displayreglerna kan du klicka på knappen ”Next Step”.
OptinMonster erbjuder också alternativ för att spela en ljudeffekt och visa animering när popupen med kupongen visas.
Nu kan du klicka på knappen ”Next Step”.
På nästa vy ser du en summary av your display rules. Glöm inte att klicka på knappen ”Save” för att spara dina Settings.
När du är nöjd med din coupon popup kan du gå till ”Publicera” tabben högst upp.
Efter det är det bara att kontrollera att ”Publicera” är kontrollerat under ”Publicera status” section.
Glöm inte att klicka på knappen ”Save” högst upp och close kampanjbyggaren.
You can now visit your website to see the coupon popup in action.
Skapa ett hjul med spin-to-win-coupons
Ett spin-to-win coupon-hjul är ett bra sätt att göra dina coupons mer intressanta och roliga för besökarna på din site. Det gillar ett minispel som visitorerna kan spela för att vinna en rabatt eller en annan bonus.
Dina spin-to-win-alternativ kan innehålla saker som 10% rabatt, 20% rabatt, gratis frakt, en gratis provperiod eller vad du vill erbjuda.
OptinMonster erbjuder en ”Gamified” kampanjtyp som låter dig skapa popups med snurr på hjulet.
Därefter rullar du ner och väljer en av Wheel templates.
Plugin har olika spin-to-win templates. Håll bara hovern över en template och click på knappen ”Use Template”.
Därefter kan du gå vidare och edit någon aspekt av din coupon hjul.
För att editera alternativen på själva coupon-hjulet måste du clicka på knappen ”Customize Wheel Sections” på vänster sida.
Du kan sedan skriva in valfri text som etikett för varje alternativ och add to coupon code för varje vinnande alternativ.
Obs/observera att ’Vinstchansen’ bestäms automatiskt. Om du ändrar toggle 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 coupon-hjul och lägga till det på din site, kontrollera vårt post om hur man lägger till spin-to-win optins i WordPress och WooCommerce, som går igenom processen i mer detalj.
You can then visit your website to see the spin-to-win coupon popup in action.
Vi hoppas att den här artikeln hjälpte dig att lära dig hur du skapar en popup med kuponger i WordPress. Du kanske också vill titta på vårt urval av de bästa WooCommerce plugins eller vår guide om hur du lägger till push notifications till din WordPress site.
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.
Syed Balkhi
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!
Dennis Muthomi
I use the woocommerce built-in coupon creation tool. It is useful but limited.
I’m going to try using OptinMonster to set up more targeted coupon popups on my site.
That exit intent technology seems like a great way to convert abandoning visitors into customers.
I also like that OptinMonster can integrate with email marketing services to send the coupon code out automatically.
THANK YOU FOR THIS TUTORIAL!