Kupovina putem interneta^(Online) omogućila je korisnicima da traže najbolje cijene. Kuponi imaju značajan utjecaj na odluke o kupnji i druge oblike djelovanja koje se od web programera traži da ugrade u web dizajn.

90% potrošača koristi kupone, očekuje se da će isplata digitalnih kupona dosegnuti 91 milijardu dolara do 2022., a više od 25 milijuna Amerikanaca^(Americans) koristi kupone mjesečno kako bi uštedjeli novac.

Zašto posjetiteljima ponuditi skočni prozor s kuponom?^{(Why Offer Visitors a Coupon Popup?)}

Pametni^(Savvy) vlasnici web-mjesta znaju da je ponuditi kupcima popust putem kupona moćan način da ih potaknete na kupnju.  

Svatko voli puno. Ponuda kupona pomaže robnim markama povećati aktivnost web-mjesta, povećati konverzije web-lokacije te oporaviti i pretvoriti napuštena kolica.

Budući da je WordPress (WP) najpopularniji sustav za upravljanje sadržajem, ovaj će članak pružiti vodič korak po korak o tome kako stvoriti skočni prozor s WP kuponom.

Koristite OptinMonster^{(Use OptinMonster)}

Započnite stvaranjem OptinMonster računa, instaliranjem i aktivacijom dodatka OptinMonster za WordPress^{(plugin for WordPress)} na vašoj WP web stranici.

Pronađite dodatak na svojoj WP administratorskoj nadzornoj ploči, kliknite na njega, a zatim ga povežite s OptinMonsterom^{(OptinMonster)} .

Napravite skočni prozor s kuponom s OptinMonsterom^{(Create a Coupon Popup with OptinMonster)}

• Prijavite^(Log) se na nadzornu ploču OptinMonster i kliknite Stvori novu kampanju^{(Create New Campaign)} .

• Iz vrste kampanje odaberite Skočni prozor^(Popup) . Sljedeći zaslon će vam pokazati nekoliko profesionalno dizajniranih predložaka u raznim bojama i izgledima.

• Odaberite predložak kupona^{(Coupon )} da biste stvorili skočni prozor i kliknite na njega. Zatim odaberite Koristi predložak^{(Use Template)} , dajte naziv kampanji i odaberite web mjesto na kojem ga želite koristiti.
• Budući da ste već povezali svoju web stranicu (gore), vidjet ćete URL svoje stranice naveden na padajućem izborniku. 

• Odaberite ga i kliknite na Start Building .

Skočni prozor s kuponom za dizajn^{(Design Coupon Popup)}

Koristite alat za izgradnju povuci i ispusti da promijenite dizajn, tekst i boje svog kupona.

Da biste promijenili element u dizajnu, kliknite na njega. Izvršite svoje izmjene na lijevoj strani i one će se prikazati u skočnom prozoru za pregled s desne strane.

Zatvorite element klikom na gumb Početna^(Home) ili X .

Preklapanje pozadine^{(Background Overlay)}

Boja koja okružuje skočni prozor kupona naziva se pozadinski sloj^{(Background Overlay)} . Da biste ga uredili, idite na Optin Settings > Optin View Styles .

Stil pozadine^{(Background Style)} možete promijeniti u jednobojnu ili gradijentnu ispunu. Također možete dodati sliku i promijeniti obrub.

Nakon što ste zadovoljni kako vaš kupon izgleda, kliknite Spremi^(Save) .

Kako će kupci primiti vaš kupon?^{(How Will Customers Receive Your Coupon?)}

Nakon što završite s dizajniranjem skočnog prozora s kuponom, morate odlučiti kako ćete kupon dovesti do svojih kupaca.

OptinMonster preporuča isporuku odmah koristeći njihov prikaz uspjeha^(Success) , kao i putem e-pošte. Da biste koristili e-poštu, morate omogućiti integraciju davatelja usluga e-pošte.

U prikazu Uspjeh^{(Success )} također možete:

• Uključite kod kupona kao na gornjoj snimci zaslona.
• Preusmjerite posjetitelje na drugu stranicu kako bi iskoristili kupon.

Imajte na umu da je prikaz Uspjeh^(Success) zadana radnja gumba. Ako želite koristiti drugu opciju, promijenite radnju gumba slijedeći korake u nastavku:

• Uredite tekst gumba.
• Kliknite na Akcija.^(Action.)

• U odjeljku Uspješna radnja obrasca^{(Form Success Action)} kliknite padajući izbornik da biste vidjeli dostupne opcije. Ako želite preusmjeriti na URL , upišite ga u polje.

Odaberite Pravila prikaza^{(Choose Display Rules)}

Da biste odabrali gdje i kada će posjetitelji vidjeti vaš kupon, idite na karticu Pravila prikaza^{(Display Rules)} .

Na svakoj stranici možete koristiti različite vrste sadržaja, kampanja i ekskluzivnih ponuda. 

Da biste saznali više o tome kako koristiti pravila prikaza^{(Display Rules)} , pročitajte: Kako koristiti pravila prikaza za prilagodbu kada će se kampanja pojaviti^{(How to Use Display Rules to Customize When a Campaign Will Appear)} .

Ostali WordPress dodaci za izgradnju skočnih marketinških kampanja s kuponima^{(Other WordPress Plugins For Building Coupon Popup Marketing Campaigns)}

WP nudi možda i druge dodatke koji će vam pomoći u stvaranju vlastitog skočnog prozora s kuponom. U nastavku^(Below) je nekoliko njih.

Icegram

Preuzmite i instalirajte WP dodatak Icegram kako biste stvorili vizualno privlačne prilagođene opcije i pozive na radnju pomoću koraka u nastavku:

• Prijavite se na svoju WP nadzornu ploču.
• Kliknite na Dodaj novu kampanju^{(Add New Campaign)} iz opcije Icegram na lijevoj bočnoj traci.
• Odaberite jedan^{(Select one)} od unaprijed izrađenih predložaka i kliknite na Pregled^(Preview) .

• Ako vam se sviđa kako to izgleda u načinu pregleda, kliknite Koristi ovo^{(Use This)} za početak prilagođavanja predloška.
• Kada se kampanja otvori, kliknite na Poruke^(Messages) i dodajte ili uredite sadržaj svoje poruke.

• Konfigurirajte^(Configure) kako i kada će se pojaviti skočni prozor vašeg kupona klikom na Pravila prikaza^{(Display Rules)} .

Opcije skočnog prikaza su:

Gdje:^{(Where: )} odaberite gdje želite da se prikaže skočni prozor kupona.

• Na cijelom web mjestu
• Početna stranica
• Odabrane stranice
• Određeni URL-ovi na vašoj web-lokaciji

Kada^(When) : želite li da se skočni prozor prikazuje cijelo vrijeme ili samo prema rasporedu?

Uređaj^(Device) : Odaberite koji uređaji će prikazati skočni prozor.

Koga^(Who) želite vidjeti skočni prozor?

• Svi korisnici
• Samo prijavljeni korisnici
• Ne korisnici koji su prijavljeni

Ponovno ciljanje^{(Retargeting)} : Želite li da se skočni prozor s kuponom prikazuje samo jednom za svaku sesiju?

Nakon što posjetitelj klikne na CTA , želite li mu ponovno pokazati svoj skočni prozor ili ne?

• Pregledajte obrazac i postavke i kliknite Objavi^(Publish) kada izgleda dobro.

Kreator kupona^{(Coupon Creator)(Coupon Creator)}

Izradite vlastiti skočni prozor s kuponom s dodatkom Coupon Creator WP .

Coupon Creator koristi prilagođenu vrstu objave i zahtijeva samo konfiguriranje nekoliko postavki. Besplatna verzija omogućuje korisnicima prikaz i ispis kupona za kupce.

Jedan od besplatnih predložaka prikazuje sliku na unutarnjem rubu kupona. Zadani besplatni predložak ima prostor na kuponu za ponudu, uvjete i datum isteka ponude.

Ako tražite više značajki, postoji i pro verzija.

• Da biste stvorili kupon, preuzmite i instalirajte dodatak. Uredite standardni kupon^{(Standard Coupon)} ili dodajte novi.
• Generirajte kratki kod kupona iz umetača kratkih kodova za WP editor.

• Umetnite svoju ponudu pod Posao. ^{(Deal. )}Unesite^(Enter) svoje uvjete za kuponsku ponudu pod Uvjeti.^(Terms.)
• Da biste iskoristili kupon, umetnite kratki kod na bilo koju stranicu ili objavu na kojoj želite da se prikazuje. Ako odredite datum isteka, kupon više neće biti vidljiv nakon datuma isteka koji ste postavili.

Za potpuni popis popup dodataka WP kupona posjetite WordPress.org^{(visit WordPress.org)} . Povećajte svoj popis e-pošte, povećajte svoje sljedbenike na društvenim mrežama i povećajte prodaju stvaranjem vlastitog skočnog prozora s kuponom na svojoj WP stranici.

How To Create Your Own Coupon Popup in WordPress

Online shopping has made it convenient for consumers to search for the best prices. Coupons have a sіgnificant impact on purchasing decisiоns 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

• Kako premjestiti WordPress stranicu s jednog hosta na drugi

• Kako instalirati i postaviti WordPress na Microsoft Azure

• Kako pokrenuti nevjerovatno brz WordPress na Microsoft Azureu

• Kako konfigurirati privatnost u WordPressu i zašto je to važno

• Kako instalirati WordPress na Google Cloud Platformu

• Kako instalirati temu na WordPress

• WordPress Gutenberg Vodič: Kako koristiti novi uređivač

• Kako promijeniti URL za prijavu na WordPress za bolju sigurnost

• Kako koristiti Lumen5 da svoj blog post pretvorite u video

• Kako urediti podnožje u WordPressu

• Kako napraviti sigurnosnu kopiju svoje WordPress stranice

• Što je AMP za WordPress i kako ga instalirati

• Kako dodati plutajuću bočnu traku u Wordpress

• 8 besplatnih Premium WordPress tema za instalaciju

• Recenzija knjige: Izgradite vlastitu web stranicu: Strip vodič kroz HTML, CSS i Wordpress

• Kako izvesti učinkovite Split testove u WordPressu

• Kako koristiti WP Super Cache na WordPress blogu

• Kako prijeći s klasičnog WordPress uređivača na Gutenberg

• Najbolji format pisanja bloga za stjecanje bodova

• Prikažite izvadak na početnoj stranici WordPress bloga