Verkkokaupan^(Online) ansiosta kuluttajat voivat helposti etsiä parhaita hintoja. Kupongilla on merkittävä vaikutus ostopäätöksiin ja muihin toimiin, jotka verkkokehittäjien tulee sisällyttää web-suunnitteluun.

90 % kuluttajista käyttää kuponkeja, digitaalisten kuponkien lunastuksen odotetaan nousevan 91 miljardiin dollariin vuoteen 2022 mennessä, ja yli 25 miljoonaa amerikkalaista^(Americans) käyttää kuponkeja kuukausittain säästääkseen rahaa.

Miksi tarjota vierailijoille kuponkiponnahdusikkuna?^{(Why Offer Visitors a Coupon Popup?)}

Taitavat^(Savvy) sivustojen omistajat tietävät, että alennuksen tarjoaminen asiakkaille kupongin kautta on tehokas tapa houkutella heitä tekemään ostoksia.  

Kaikki rakastavat paljon. Kuponkien tarjoaminen auttaa brändejä lisäämään verkkosivustojen aktiivisuutta, lisäämään sivuston konversioita sekä palauttamaan ja muuttamaan hylättyjä ostoskärryjä.

Koska WordPress (WP) on suosituin sisällönhallintajärjestelmä, tämä artikkeli tarjoaa vaiheittaisen oppaan WP-kuponkiponnahdusikkunan luomiseen.

Käytä OptinMonsteria^{(Use OptinMonster)}

Aloita luomalla OptinMonster - tili, asentamalla ja aktivoimalla OptinMonster- laajennus WordPressille^{(plugin for WordPress)} WP-sivustollasi.

Etsi laajennus WP-järjestelmänvalvojan hallintapaneelista, napsauta sitä ja yhdistä se sitten OptinMonsteriin^{(OptinMonster)} .

Luo kuponkiponnahdusikkuna OptinMonsterin avulla^{(Create a Coupon Popup with OptinMonster)}

• Kirjaudu^(Log) OptinMonster -^{(OptinMonster)} hallintapaneeliin ja napsauta Luo uusi kampanja^{(Create New Campaign)} .

• Valitse kampanjatyypistä ponnahdusikkuna^(Popup) . Seuraava näyttö näyttää useita ammattimaisesti suunniteltuja malleja eri väreissä ja asetteluissa.

• Valitse kuponkimalli^{(Coupon )} luodaksesi ponnahdusikkunan ja napsauta sitä. Valitse sitten Käytä mallia^{(Use Template)} , anna kampanjallesi nimi ja valitse verkkosivusto, jossa haluat käyttää sitä.
• Koska olet jo yhdistänyt verkkosivustosi (yllä), näet sivustosi URL -osoitteen avattavassa valikossa. 

• Valitse se ja napsauta Aloita rakentaminen^{(Start Building)} .

Suunnittelukupongin ponnahdusikkuna^{(Design Coupon Popup)}

Käytä vedä ja pudota -rakennustyökalua muuttaaksesi kupongin ulkoasua, tekstiä ja värejä.

Muuttaaksesi elementtiä suunnittelussa, napsauta sitä. Tee muokkaukset vasemmalla puolella, ja ne näkyvät esikatselun ponnahdusikkunassa oikealla.

Sulje elementti napsauttamalla Koti^(Home) - painiketta tai X -painiketta .

Taustapeitto^{(Background Overlay)}

Kupongin ponnahdusikkunaa ympäröivää väriä kutsutaan taustapeittokuvaksi^{(Background Overlay)} . Voit muokata sitä siirtymällä kohtaan Optin-asetukset^{(Optin Settings)} > Optin^{(Optin View Styles)} -näkymätyylit .

Voit muuttaa taustatyylin^{(Background Style)} tasaväriseksi tai liukuväriseksi. Voit myös lisätä kuvan ja muuttaa reunaa.

Kun olet tyytyväinen kuponkisi ulkonäköön, napsauta Tallenna^(Save) .

Kuinka asiakkaat saavat kuponkisi?^{(How Will Customers Receive Your Coupon?)}

Kun olet suunnitellut kupongin ponnahdusikkunan, sinun on päätettävä, kuinka saat kupongin asiakkaillesi.

OptinMonster suosittelee sen toimittamista välittömästi käyttämällä Menestys^(Success) -näkymää sekä sähköpostitse. Sähköpostipalvelun käyttäminen edellyttää sähköpostipalvelun integrointia.

Onnistuminen^{(Success )} - näkymässä voit myös:

• Liitä kuponkikoodi yllä olevan kuvakaappauksen mukaisesti.
• Ohjaa vierailijat toiselle sivulle lunastaaksesi kupongin.

Huomaa, että Onnistuminen^(Success) - näkymä on oletusnäppäintoiminto. Jos haluat käyttää toista vaihtoehtoa, muuta painikkeen toimintoa seuraavasti:

• Muokkaa painikkeen tekstiä.
• Napsauta Toiminto.^(Action.)

• Napsauta Lomakkeen onnistumistoiminto^{(Form Success Action)} -kohdassa avattavaa valikkoa nähdäksesi käytettävissä olevat vaihtoehdot. Jos haluat uudelleenohjata URL -osoitteeseen , kirjoita se kenttään.

Valitse Näyttösäännöt^{(Choose Display Rules)}

Voit valita, missä ja milloin vierailijasi näkevät kuponkisi, siirtymällä Näyttösäännöt^{(Display Rules)} - välilehteen.

Voit käyttää jokaisella sivulla erityyppistä sisältöä, kampanjoita ja erikoistarjouksia. 

Saat lisätietoja näyttösääntöjen käytöstä lukemalla Näyttösääntöjen ^{(Display Rules)}käyttäminen kampanjan näyttöajan mukauttamiseen^{(How to Use Display Rules to Customize When a Campaign Will Appear)} .

Muita WordPress-laajennuksia kuponkiponnahdusmarkkinointikampanjoiden luomiseen^{(Other WordPress Plugins For Building Coupon Popup Marketing Campaigns)}

WP tarjoaa muita laajennuksia, jotka auttavat sinua luomaan oman kuponkiponnahdusikkunan. Alla^(Below) on muutamia niistä.

Icegram

Lataa ja asenna WP-laajennus Icegram luodaksesi visuaalisesti houkuttelevia mukautettuja valintoja ja toimintakehotuksia seuraavien vaiheiden avulla:

• Kirjaudu sisään WP-hallintapaneeliisi.
• Napsauta Lisää uusi kampanja^{(Add New Campaign)} vasemman sivupalkin Icegram -vaihtoehdosta.^(Icegram)
• Valitse yksi^{(Select one)} valmiista malleista ja napsauta Esikatselu^(Preview) .

• Jos pidät siitä, miltä se näyttää esikatselutilassa, napsauta Käytä tätä^{(Use This)} aloittaaksesi mallin mukauttaminen.
• Kun kampanja avautuu, klikkaa Viestit^(Messages) ja lisää tai muokkaa viestisi sisältöä.

• Määritä^(Configure) miten ja milloin kuponkiponnahdusikkuna tulee näkyviin napsauttamalla Näyttösäännöt^{(Display Rules)} .

Ponnahdusikkunavaihtoehdot ovat:

Missä:^{(Where: )} Valitse, missä haluat kupongin ponnahdusikkunan näkyvän.

• Sivustonlaajuinen
• Kotisivu
• Valitut sivut
• Tietyt URL-osoitteet sivustollasi

Milloin^(When) : Haluatko ponnahdusikkunan näkyvän koko ajan vai vain aikataulun mukaan?

Laite^(Device) : Valitse, mitkä laitteet näyttävät ponnahdusikkunan.

Kenet^(Who) haluat nähdä ponnahdusikkunan?

• Kaikki käyttäjät
• Vain kirjautuneet käyttäjät
• Ei sisäänkirjautuneita käyttäjiä

Uudelleenkohdistaminen^{(Retargeting)} : Haluatko kuponkiponnahdusikkunan näkyvän vain kerran jokaisessa istunnossa?

Kun vierailija napsauttaa toimintakehotusta , haluatko näyttää hänelle ponnahdusikkunasi^(CTA) uudelleen vai et?

• Esikatsele lomakettasi ja asetuksiasi ja napsauta Julkaise^(Publish) , kun se näyttää hyvältä.

Kupongin luoja^{(Coupon Creator)(Coupon Creator)}

Luo oma kuponkiponnahdusikkuna Coupon Creator WP -laajennuksella.

Coupon Creator käyttää mukautettua viestityyppiä ja vaatii vain muutaman asetuksen määrittämistä. Ilmaisen version avulla käyttäjät voivat näyttää ja tulostaa kuponkeja asiakkaille.

Yhdessä ilmaisissa malleissa on kuva kupongin sisäreunassa. Ilmaisen oletusmallin kupongissa on tila sopimukselle, ehdot ja tarjouksen viimeinen voimassaolopäivä.

Jos etsit lisää ominaisuuksia, saatavilla on myös pro-versio.

• Luo kuponki lataamalla ja asentamalla laajennus. Muokkaa vakiokuponkia^{(Standard Coupon)} tai lisää uusi.
• Luo kupongin lyhytkoodi WP-editorin lyhytkoodin lisäysohjelmasta.

• Liitä tarjouksesi kohtaan Deal. Kirjoita^(Enter) kuponkisopimuksen ehdot kohtaan Ehdot.^(Terms.)
• Käytä kuponkia lisäämällä lyhytkoodi mille tahansa sivulle tai viestiin, jossa haluat sen näkyvän. Jos määrität vanhenemispäivän, kuponki ei ole enää näkyvissä asettamasi vanhentumispäivämäärän jälkeen.

Täydellinen luettelo WP-kuponki-ponnahdusliitännäisistä on osoitteessa WordPress.org^{(visit WordPress.org)} . Kasvata sähköpostilistaasi, lisää sosiaalisen median seuraajiasi ja lisää myyntiä luomalla oma kuponkiponnahdusikkuna WP-sivustollesi.

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 significant impact on purchasing decisions 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

• WordPress-sivuston siirtäminen isännästä toiseen

• Kuinka asentaa ja määrittää WordPress Microsoft Azuressa

• Kuinka ajaa äärimmäisen nopeaa WordPressiä Microsoft Azuressa

• Tietosuojan määrittäminen WordPressissä ja miksi se on tärkeää

• Kuinka asentaa WordPress Google Cloud Platformiin

• WordPress Gutenberg -opastus: Uuden editorin käyttäminen

• Kuinka tehdä tehokkaita jakotestejä WordPressissä

• Kuinka rakentaa Wix-blogi, joka on yhtä hyvä kuin WordPress

• 8 ilmaista Premium WordPress-teemaa asennettavaksi

• WordPress näyttää HTTP-virheen kuvia ladattaessa

• 11 parasta WordPress-podcast-laajennusta

• Kuinka varmuuskopioida WordPress-sivustosi

• Kirja-arvostelu: Luo oma verkkosivusto: Sarjakuvaopas HTML-, CSS- ja Wordpressiin

• Wix Vs WordPress: Mikä on paras verkkosivustosi luomiseen?

• 3 parasta SEO-laajennusta WordPressille

• Mikä on AMP for WordPress ja kuinka se asennetaan

• Suojaa ja suojaa WordPress-verkkosivusto hakkereilta

• Kuinka siirtyä perinteisestä WordPress-editorista Gutenbergiin

• 7 WordPress-vinkkiä mobiiliystävälliseen verkkosivustoon

• Kuinka poistaa kaikki WordPress-laajennuksen jäljet