Az online^(Online) vásárlás kényelmessé tette a fogyasztók számára a legjobb árak keresését. A kuponok jelentős hatást gyakorolnak a vásárlási döntésekre és más olyan cselekvési formákra, amelyeket a webfejlesztőknek be kell építeniük a webdesignba.

A fogyasztók 90%-a használ kuponokat, a digitális kuponok beváltása 2022-re várhatóan eléri a 91 milliárd dollárt, és több mint 25 millió amerikai^(Americans) használ havonta kuponokat, hogy pénzt takarítson meg.

Miért ajánljunk felugró kuponokat a látogatóknak?^{(Why Offer Visitors a Coupon Popup?)}

A hozzáértő^(Savvy) webhelytulajdonosok tudják, hogy az ügyfelek kuponon keresztüli kedvezménye hatékony módja annak, hogy vásárlásra csábítsa őket.  

Mindenki nagyon szeret. A kuponok felajánlása segít a márkáknak növelni a webhely aktivitását, növelni a webhely konverzióit, valamint visszaszerezni és átalakítani az elhagyott kosarakat.

Mivel a WordPress (WP) a legnépszerűbb tartalomkezelő rendszer, ez a cikk lépésről lépésre bemutatja a WP kupon felugró ablak létrehozását.

Használja az OptinMonstert^{(Use OptinMonster)}

Kezdje azzal, hogy hozzon létre egy OptinMonster -fiókot, telepítse, majd aktiválja a WordPresshez^{(plugin for WordPress)} készült OptinMonster beépülő modult a WP webhelyén.

Keresse meg a bővítményt a WP adminisztrációs irányítópultján, kattintson rá, majd csatlakoztassa az OptinMonsterrel^{(OptinMonster)} .

Hozzon létre egy kupon előugró ablakot az OptinMonsterrel^{(Create a Coupon Popup with OptinMonster)}

• Jelentkezzen^(Log) be az OptinMonster irányítópultjára, és kattintson az Új kampány létrehozása^{(Create New Campaign)} lehetőségre .

• A Kampánytípusnál válassza a Felugró ablakot^(Popup) . A következő képernyőn több, professzionálisan megtervezett sablon jelenik meg különböző színekben és elrendezésekben.

• Válassza ki a Kupon^{(Coupon )} sablont egy előugró ablak létrehozásához, és kattintson rá. Ezután válassza a Sablon használata^{(Use Template)} lehetőséget, adjon nevet kampányának, és válassza ki a webhelyet, ahol használni szeretné.
• Mivel már csatlakoztatta webhelyét (fent), a legördülő menüben  megjelenik a webhely URL -je.^(URL)

• Válassza ki, majd kattintson az Építés indítása gombra^{(Start Building)} .

Tervezési kupon előugró ablak^{(Design Coupon Popup)}

A fogd és vidd építő segítségével módosíthatja a kupon megjelenését, szövegét és színeit.

A terv egy elemének módosításához kattintson rá. Végezze el a szerkesztéseket a bal oldalon, és azok megjelennek a jobb oldali előnézeti ablakban.

Zárjon be egy elemet a Kezdőlap^(Home) gombra vagy az X -re kattintva .

Háttér fedvény^{(Background Overlay)}

A kupon előugró ablakát körülvevő színt Háttérfedvénynek^{(Background Overlay)} hívják . A szerkesztéshez lépjen az Optin Settings > Optin View Styles menüpontba .

A háttérstílust^{(Background Style)} egyszínűre vagy színátmenetes kitöltésre módosíthatja . Képet is hozzáadhat, és módosíthatja a szegélyt.

Ha elégedett a kupon megjelenésével, kattintson a Mentés^(Save) gombra .

Hogyan kapják meg az ügyfelek a kupont?^{(How Will Customers Receive Your Coupon?)}

Miután befejezte a kupon felugró ablak megtervezését, el kell döntenie, hogyan juttassa el a kupont az ügyfelekhez.

Az OptinMonster^{(OptinMonster)} azt javasolja, hogy azonnal kézbesítse a Siker^(Success) nézetben, valamint e-mailben. Az e-mail használatához engedélyeznie kell az e-mail szolgáltató integrációját.

A Siker^{(Success )} nézetben a következőket is teheti:

• Adja meg a kuponkódot a fenti képernyőképen látható módon.
• A kupon beváltásához irányítsa át a látogatókat egy másik oldalra.

Vegye figyelembe, hogy a Siker^(Success) nézet az alapértelmezett gombművelet. Ha más lehetőséget szeretne használni, módosítsa a gomb műveletét az alábbi lépések végrehajtásával:

• Szerkessze a gomb szövegét.
• Kattintson a Művelet elemre.^(Action.)

• Az űrlap sikeressége^{(Form Success Action)} alatt kattintson a legördülő menüre az elérhető lehetőségek megtekintéséhez. Ha egy URL^(URL) -re szeretne átirányítani , írja be a mezőbe.

Válassza a Megjelenítési szabályok lehetőséget^{(Choose Display Rules)}

A Megjelenítési szabályok^{(Display Rules)} lapon válassza ki, hogy a látogatók hol és mikor lássák kuponját .

Minden oldalon különböző típusú tartalmakat, kampányokat és exkluzív ajánlatokat használhat. 

Ha többet szeretne megtudni a megjelenítési szabályok^{(Display Rules)} használatáról , olvassa el a következőt: A megjelenítési szabályok használata a kampány megjelenési idejének testreszabásához^{(How to Use Display Rules to Customize When a Campaign Will Appear)} .

Egyéb WordPress beépülő modulok kuponos felugró marketingkampányok készítéséhez^{(Other WordPress Plugins For Building Coupon Popup Marketing Campaigns)}

A WP más beépülő modulokat kínálhat, amelyek segítenek létrehozni saját kuponokat. Az alábbiakban^(Below) ezek közül mutatunk be néhányat.

Icegram

Töltse le és telepítse az Icegram WP -bővítményt, hogy tetszetős egyéni feliratkozásokat és cselekvésre ösztönzéseket hozzon létre az alábbi lépésekkel:

• Jelentkezzen be a WP irányítópultjába.
• Kattintson az Új kampány hozzáadása^{(Add New Campaign)} lehetőségre a bal oldali Icegram lehetőségből.^(Icegram)
• Válasszon egyet^{(Select one)} az előre elkészített sablonok közül, és kattintson az Előnézet^(Preview) gombra .

• Ha tetszik, hogy néz ki előnézeti módban, kattintson a Használat^{(Use This)} gombra a sablon testreszabásának megkezdéséhez.
• Amikor a kampány megnyílik, kattintson az Üzenetek^(Messages) elemre, és adja hozzá vagy szerkessze az üzenet tartalmát.

• ^(Configure)A Megjelenítési szabályok lehetőségre kattintva állítsa ^{(Display Rules)}be , hogyan és mikor jelenjen meg kuponja .

A felugró megjelenítési lehetőségek a következők:

Hol:^{(Where: )} Válassza ki, hol szeretné megjeleníteni a kupon felugró ablakát.

• Az egész webhelyre
• Kezdőlap
• Kiválasztott oldalak
• Adott URL-ek a webhelyen

Mikor^(When) : Azt szeretné, hogy az előugró ablak mindig megjelenjen, vagy csak az ütemezés szerint?

Eszköz^(Device) : Válassza ki, hogy mely eszközök jelenítsék meg a felugró ablakot.

Kinek^(Who) szeretnéd látni a felugró ablakot?

• Minden felhasználó
• Csak bejelentkezett felhasználók
• Nem bejelentkezett felhasználók

Újracélzás^{(Retargeting)} : Szeretné, hogy a kupon felugró ablaka minden munkamenetben csak egyszer jelenjen meg?

Ha egy látogató rákattint egy CTA -ra, szeretné újra megjeleníteni a felugró ablakot vagy sem?

• Tekintse meg az űrlap és a beállítások előnézetét, majd kattintson a Közzététel^(Publish) gombra , amikor jól néz ki.

Kuponkészítő^{(Coupon Creator)(Coupon Creator)}

Hozzon létre saját kupon felugró ablakot a Coupon Creator WP beépülő modullal.

A Coupon Creator^{(Coupon Creator)} egyéni bejegyzéstípust használ, és csak néhány beállítást igényel. Az ingyenes verzió lehetővé teszi a felhasználók számára, hogy kuponokat jelenítsenek meg és nyomtassanak ki az ügyfelek számára.

Az egyik ingyenes sablon egy képet mutat a kupon belső szegélyén. Az alapértelmezett ingyenes sablonban van egy hely a kuponon az ügylet, a feltételek és az ajánlat lejárati dátuma számára.

Ha további funkciókat keres, van egy profi verzió is.

• Kupon létrehozásához töltse le és telepítse a bővítményt. Szerkessze a normál kupont^{(Standard Coupon)} , vagy adjon hozzá újat.
• Hozzon létre egy kupon rövid kódot a WP szerkesztő rövid kód beszúrójából.

• Írja be ajánlatát az Ügylet menüpontba. ^{(Deal. )}Adja^(Enter) meg a kuponügylet feltételeit a Feltételek alatt.^(Terms.)
• A kupon felhasználásához illessze be a rövid kódot bármely oldalra vagy bejegyzésre, ahol meg szeretné jeleníteni. Ha lejárati dátumot rendel, a kupon a beállított lejárati dátum után már nem lesz látható.

A WP kupon felugró beépülő moduljainak teljes listájáért látogassa meg a WordPress.org webhelyet^{(visit WordPress.org)} . Növelje e-mail listáját, növelje közösségi média követőinek számát, és növelje eladásait saját kupon felugró ablak létrehozásával a WP webhelyén.

How To Create Your Own Coupon Popup in WordPress

Online shopping has made it convenient for consumers to search for the best prices. Couponѕ have a significant impact on purchasing deciѕions аnd other forms of action that web developers arе asked to incorporate into web desіgn.

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

• A WordPress webhely áthelyezése egyik gazdagépről a másikra

• A WordPress telepítése és beállítása a Microsoft Azure-ban

• Hogyan futtassuk a hihetetlenül gyors WordPress-t a Microsoft Azure-on

• Az adatvédelem konfigurálása a WordPressben és miért fontos

• A WordPress telepítése a Google Cloud Platformon

• Kell rendelkeznie a WordPress Yoast SEO beállításaival 2022

• WordPress tesztoldal telepítése a számítógépére

• Könyvajánló: Készítse el saját webhelyét: Képregény útmutató HTML-hez, CSS-hez és Wordpress-hez

• A legjobb blogírási formátum a pontok megszerzéséhez

• Gyermektéma létrehozása a WordPressben

• Wix vs WordPress: Melyik a legjobb webhely létrehozásához?

• Hogyan készítsünk Wix-blogot, amely ugyanolyan jó, mint a WordPress

• Hogyan lehet áttérni a klasszikus WordPress szerkesztőről a Gutenbergre

• WordPress Gutenberg oktatóanyag: Az új szerkesztő használata

• A Lumen5 használata blogbejegyzésének videóvá alakításához

• Hogyan változtassuk meg a WordPress bejelentkezési URL-jét a jobb biztonság érdekében

• 7 WordPress-tipp a mobilbarát webhelyhez

• Hogyan lehet növelni a WordPress teljesítményét egy adatbázis-tisztítással

• A WP Super Cache használata a WordPress blogon

• A WordPress webhely felgyorsítása 11 lépésben