Online nakupovanie uľahčilo spotrebiteľom hľadanie najlepších cien. Kupóny majú významný vplyv na rozhodnutia o nákupe a iné formy akcií, ktoré majú weboví vývojári začleniť do webdizajnu.

90 % spotrebiteľov používa kupóny, očakáva sa, že preplatenie digitálnych kupónov do roku 2022 dosiahne 91 miliárd USD a viac ako 25 miliónov Američanov^(Americans) používa kupóny mesačne, aby ušetrili peniaze.

Prečo ponúkať návštevníkom vyskakovacie okno s kupónom?^{(Why Offer Visitors a Coupon Popup?)}

Dômyselní^(Savvy) majitelia stránok vedia, že ponúknuť zákazníkom zľavu prostredníctvom kupónu je účinný spôsob, ako ich nalákať na nákup.  

Každý má veľmi rád. Ponúkanie kupónov pomáha značkám zvýšiť aktivitu na webových stránkach, zvýšiť konverzie stránok a obnoviť a previesť opustené košíky.

Keďže WordPress (WP) je najobľúbenejší systém na správu obsahu, tento článok vám poskytne podrobný návod, ako vytvoriť kontextové okno s kupónom WP.

Použite OptinMonster^{(Use OptinMonster)}

Začnite vytvorením účtu OptinMonster , inštaláciou a následnou aktiváciou doplnku OptinMonster pre WordPress^{(plugin for WordPress)} na vašej stránke WP.

Nájdite doplnok na svojom paneli správcu WP, kliknite naň a potom ho pripojte k OptinMonster .

Vytvorte vyskakovacie okno kupónu s OptinMonster^{(Create a Coupon Popup with OptinMonster)}

• Prihláste^(Log) sa do ovládacieho panela OptinMonster a kliknite na Vytvoriť novú kampaň^{(Create New Campaign)} .

• V časti Typ kampane vyberte položku Kontextové okno^(Popup) . Na ďalšej obrazovke sa zobrazí niekoľko profesionálne navrhnutých šablón v rôznych farbách a rozloženiach.

• Vyberte šablónu kupónu^{(Coupon )} na vytvorenie kontextového okna a kliknite naň. Potom vyberte položku Použiť šablónu^{(Use Template)} , pomenujte kampaň a vyberte webovú stránku, na ktorej ju chcete použiť.
• Keďže ste už pripojili svoju webovú lokalitu (vyššie), v rozbaľovacej ponuke  sa zobrazí adresa URL vašej lokality.^(URL)

• Vyberte ho a kliknite na Začať stavať^{(Start Building)} .

Vyskakovacie okno s návrhovým kupónom^{(Design Coupon Popup)}

Na zmenu dizajnu, textu a farieb kupónu použite nástroj na vytváranie drag and drop.

Ak chcete zmeniť prvok v dizajne, kliknite naň. Vykonajte úpravy na ľavej strane a zobrazia sa vo vyskakovacom okne ukážky vpravo.

Zatvorte prvok kliknutím na tlačidlo Domov^(Home) alebo na X .

Prekrytie pozadia^{(Background Overlay)}

Farba obklopujúca vyskakovacie okno kupónu sa nazýva prekrytie pozadia^{(Background Overlay)} . Ak ho chcete upraviť, prejdite do časti Nastavenia^{(Optin Settings)} Optin > Možnosti zobrazenia štýlov^{(Optin View Styles)} .

Štýl pozadia^{(Background Style)} môžete zmeniť na plnú farbu alebo prechodovú výplň. Môžete tiež pridať obrázok a zmeniť orámovanie.

Keď budete spokojní s tým, ako váš kupón vyzerá, kliknite na tlačidlo Uložiť^(Save) .

Ako zákazníci dostanú váš kupón?^{(How Will Customers Receive Your Coupon?)}

Po dokončení navrhovania vyskakovacieho okna s kupónmi sa musíte rozhodnúť, ako kupón dostanete k svojim zákazníkom.

OptinMonster odporúča doručiť ho okamžite pomocou ich úspešného^(Success) zobrazenia, ako aj e-mailom. Ak chcete používať e-mail, musíte povoliť integráciu poskytovateľa e-mailových služieb.

V zobrazení Úspech^{(Success )} môžete tiež:

• Zahrňte kód kupónu ako na obrázku vyššie.
• Presmerujte návštevníkov na inú stránku, aby si uplatnili kupón.

Všimnite si, že zobrazenie Úspech^(Success) je predvolenou akciou tlačidla. Ak chcete použiť inú možnosť, zmeňte akciu tlačidla podľa nasledujúcich krokov:

• Upravte text tlačidla.
• Kliknite na Akcia.^(Action.)

• V časti Form Success Action kliknite na rozbaľovaciu ponuku a zobrazte dostupné možnosti. Ak chcete presmerovať na adresu URL^(URL) , zadajte ju do poľa.

Vyberte položku Pravidlá zobrazenia^{(Choose Display Rules)}

Ak chcete vybrať, kde a kedy návštevníci uvidia váš kupón, prejdite na kartu Pravidlá zobrazenia .^{(Display Rules)}

Na každej stránke môžete použiť rôzne typy obsahu, kampaní a exkluzívnych ponúk. 

Ak sa chcete dozvedieť viac o tom, ako používať pravidlá zobrazenia^{(Display Rules)} , prečítajte si: Ako pomocou pravidiel zobrazenia prispôsobiť, kedy sa zobrazí kampaň^{(How to Use Display Rules to Customize When a Campaign Will Appear)} .

Ďalšie doplnky WordPress na vytváranie vyskakovacích marketingových kampaní s kupónmi^{(Other WordPress Plugins For Building Coupon Popup Marketing Campaigns)}

WP ponúka ďalšie doplnky, ktoré vám pomôžu vytvoriť si vlastné vyskakovacie okno s kupónmi. Nižšie uvádzame^(Below) niekoľko z nich.

Icegram

Stiahnite si a nainštalujte doplnok WP Icegram a vytvorte vizuálne príťažlivé vlastné prihlásenia a výzvy na akciu pomocou krokov nižšie:

• Prihláste sa do svojho ovládacieho panela WP.
• Kliknite na Pridať novú kampaň^{(Add New Campaign)} z možnosti Icegram na ľavom bočnom paneli.
• Vyberte jednu^{(Select one)} z vopred pripravených šablón a kliknite na Ukážka^(Preview) .

• Ak sa vám páči, ako vyzerá v režime ukážky, kliknutím na položku Použiť^{(Use This)} začnite prispôsobovať šablónu.
• Keď sa kampaň otvorí, kliknite na Správy^(Messages) a pridajte alebo upravte obsah správy.

• Nakonfigurujte^(Configure) , ako a kedy sa zobrazí vyskakovacie okno s kupónom, kliknutím na Pravidlá zobrazenia^{(Display Rules)} .

Možnosti vyskakovacieho zobrazenia sú:

Kde:^{(Where: )} Vyberte, kde chcete zobraziť kontextové okno kupónu.

• Celý web
• domovskej stránke
• Vybrané stránky
• Konkrétne adresy URL na vašom webe

Kedy^(When) : Chcete, aby sa kontextové okno zobrazovalo stále alebo len podľa plánu?

Zariadenie^(Device) : Vyberte, ktoré zariadenia zobrazia kontextové okno.

Komu^(Who) chcete zobraziť kontextové okno?

• Všetci používatelia
• Iba prihlásení užívatelia
• Nie používatelia, ktorí sú prihlásení

Retargeting : Chcete, aby sa vyskakovacie okno s kupónom zobrazovalo iba raz pre každú reláciu?

Keď návštevník klikne na výzvu na akciu^(CTA) , chcete mu znova zobraziť vyskakovacie okno alebo nie?

• Ukážte svoj formulár a nastavenia a keď to vyzerá dobre, kliknite na tlačidlo Publikovať .^(Publish)

Tvorca kupónov^{(Coupon Creator)(Coupon Creator)}

Vytvorte si vlastné vyskakovacie okno s kupónmi pomocou doplnku Coupon Creator WP .

Coupon Creator používa vlastný typ príspevku a vyžaduje iba konfiguráciu niekoľkých nastavení. Bezplatná verzia umožňuje používateľom zobrazovať a tlačiť kupóny pre zákazníkov.

Jedna z bezplatných šablón zobrazuje obrázok na vnútornom okraji kupónu. Predvolená bezplatná šablóna má na kupóne priestor pre obchod, podmienky a dátum vypršania platnosti ponuky.

Ak hľadáte viac funkcií, je tu aj profi verzia.

• Ak chcete vytvoriť kupón, stiahnite si a nainštalujte doplnok. Upravte štandardný kupón^{(Standard Coupon)} alebo pridajte nový.
• Vygenerujte krátky kód kupónu z vkladača krátkeho kódu editora WP.

• Vložte svoju ponuku do ponuky . ^{(Deal. )}Zadajte^(Enter) podmienky pre kupónovú akciu v časti Podmienky.^(Terms.)
• Ak chcete kupón použiť, vložte krátky kód na ľubovoľnú stránku alebo príspevok, kde ho chcete zobraziť. Ak priradíte dátum vypršania platnosti, kupón už nebude viditeľný po dátume vypršania platnosti, ktorý nastavíte.

Úplný zoznam doplnkov WP kupónov nájdete na WordPress.org^{(visit WordPress.org)} . Rozšírte svoj zoznam e-mailov, zvýšte počet sledovateľov na sociálnych sieťach a zvýšte predaj vytvorením vlastného vyskakovacieho okna s kupónmi na svojej stránke WP.

How To Create Your Own Coupon Popup in WordPress

Online shopping has made it convenіent for consumers to search for the best prіces. Coupons have a significant impact on purсhasing decisіons and other forms of action 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

• Ako presunúť web WordPress z jedného hostiteľa na druhého

• Ako nainštalovať a nastaviť WordPress na Microsoft Azure

• Ako spustiť bleskovo rýchly WordPress na Microsoft Azure

• Ako nakonfigurovať súkromie vo WordPress a prečo je to dôležité

• Ako nainštalovať WordPress na Google Cloud Platform

• Ako nainštalovať tému na WordPress

• Ako si vytvoriť svoj vlastný web podobný Twitteru pomocou témy P2 WordPress

• 3 najlepšie SEO pluginy pre WordPress

• Ako sledovať nefunkčné odkazy pomocou Nástroja správcu webu Google

• Ako zálohovať svoje stránky WordPress

• Ako zaistiť bezpečnosť stránky WordPress

• Squarespace vs WordPress: Ktorá je lepšia platforma stránok?

• Ako upraviť pätu vo WordPress

• 8 bezplatných prémiových tém WordPress na inštaláciu

• Ako odstrániť všetky stopy doplnku WordPress

• Čo je to AMP pre WordPress a ako ho nainštalovať

• Ako skontrolovať, či je webová stránka zakázaná v službe AdSense

• Wix vs WordPress: Čo je najlepšie na vytvorenie vášho webu?

• Ako duplikovať stránku vo WordPress

• 9 nutných doplnkov pre nové inštalácie WordPress