Куповина на мрежи^(Online) омогућила је потрошачима да траже најбоље цене. Купони имају значајан утицај на одлуке о куповини и друге облике деловања које се од веб програмера тражи да уграде у веб дизајн.

90% потрошача користи купоне, очекује се да ће откуп дигиталних купона достићи 91 милијарду долара до 2022. године, а преко 25 милиона Американаца^(Americans) користи купоне месечно да би уштедели новац.

Зашто посетиоцима понудити искачући прозор са купоном?^{(Why Offer Visitors a Coupon Popup?)}

Паметни^(Savvy) власници сајтова знају да је понуда купцима попуста путем купона моћан начин да их подстакнете да обаве куповину.  

Сви воле много. Понуда купона помаже брендовима да повећају активност веб-сајта, повећају конверзије на сајту и опораве и конвертују напуштена колица.

Пошто је ВордПресс^(WordPress) (ВП) најпопуларнији систем за управљање садржајем, овај чланак ће пружити водич корак по корак о томе како да направите искачући прозор за ВП купон.

Користите ОптинМонстер^{(Use OptinMonster)}

Почните тако што ћете креирати ОптинМонстер^{(OptinMonster)} налог, инсталирати и затим активирати додатак ОптинМонстер за ВордПресс^{(plugin for WordPress)} на вашој ВП локацији.

Пронађите додатак на контролној табли ВП администратора, кликните на њега, а затим га повежите са ОптинМонстер-ом^{(OptinMonster)} .

Направите искачући прозор са купоном са ОптинМонстер^{(Create a Coupon Popup with OptinMonster)}

• Пријавите^(Log) се на контролну таблу ОптинМонстер^{(OptinMonster)} и кликните на Креирај нову кампању^{(Create New Campaign)} .

• Из типа кампање изаберите искачући прозор^(Popup) . Следећи екран ће вам показати неколико професионално дизајнираних шаблона у различитим бојама и изгледима.

• Изаберите шаблон купона^{(Coupon )} да бисте креирали искачући прозор и кликните на њега. Затим изаберите Користи шаблон^{(Use Template)} , дајте назив кампањи и изаберите веб локацију на којој желите да је користите.
• Пошто сте већ повезали своју веб локацију (изнад), видећете УРЛ^(URL) своје веб локације наведен у падајућем менију. 

• Изаберите га и кликните на Старт Буилдинг^{(Start Building)} .

Дизајнерски купон искачући прозор^{(Design Coupon Popup)}

Користите алатку за прављење превлачења и испуштања да бисте променили дизајн, текст и боје свог купона.

Да бисте променили елемент у дизајну, кликните на њега. Унесите измене на левој страни и оне ће се приказати у искачућем прозору за преглед на десној страни.

Затворите елемент кликом на дугме Почетна^(Home) или Кс^(X) .

Преклапање позадине^{(Background Overlay)}

Боја која окружује искачући прозор са купоном назива се позадински слој^{(Background Overlay)} . Да бисте га уредили, идите на Оптин Сеттингс^{(Optin Settings)} > Оптин Виев Стилес^{(Optin View Styles)} .

Можете променити стил позадине^{(Background Style)} у једнобојну или градијентску попуну. Такође можете додати слику и променити ивицу.

Када будете задовољни како ваш купон изгледа, кликните на Сачувај^(Save) .

Како ће купци примити ваш купон?^{(How Will Customers Receive Your Coupon?)}

Након што завршите са дизајнирањем искачућег прозора са купоном, морате одлучити како да доставите купон својим клијентима.

ОптинМонстер^{(OptinMonster)} препоручује да га одмах испоручите користећи њихов приказ успеха^(Success) , као и путем е-поште. Да бисте користили е-пошту, морате омогућити интеграцију добављача услуга е-поште.

У приказу Успех^{(Success )} такође можете:

• Укључите код купона као на слици изнад.
• Преусмери посетиоце на другу страницу да би искористили купон.

Имајте на уму да је приказ успеха^(Success) подразумевана радња дугмета. Ако желите да користите другу опцију, промените радњу дугмета пратећи кораке у наставку:

• Уредите текст дугмета.
• Кликните на Акција.^(Action.)

• У оквиру Успешне радње обрасца^{(Form Success Action)} кликните на падајући мени да бисте видели доступне опције. Ако желите да преусмерите на УРЛ^(URL) , унесите га у поље.

Изаберите Правила приказа^{(Choose Display Rules)}

Да бисте изабрали где и када ће посетиоци видети ваш купон, идите на картицу Правила приказа^{(Display Rules)} .

На свакој страници можете користити различите врсте садржаја, кампања и ексклузивних понуда. 

Да бисте сазнали више о томе како да користите правила приказа^{(Display Rules)} , прочитајте: Како да користите правила приказа за прилагођавање када ће се кампања појавити^{(How to Use Display Rules to Customize When a Campaign Will Appear)} .

Други ВордПресс додаци за прављење искачућих маркетиншких кампања купона^{(Other WordPress Plugins For Building Coupon Popup Marketing Campaigns)}

ВП нуди и друге додатке који ће вам помоћи да креирате сопствени искачући прозор са купоном. Испод^(Below) је неколико њих.

Ицеграм^{(Icegram)(Icegram)}

Преузмите и инсталирајте ВП додатак Ицеграм^(Icegram) да бисте креирали визуелно привлачне прилагођене опције и позиве на акцију користећи кораке у наставку:

• Пријавите се на своју ВП контролну таблу.
• Кликните на Додај нову кампању^{(Add New Campaign)} из опције Ицеграм^(Icegram) на левој бочној траци.
• Изаберите један^{(Select one)} од унапред направљених шаблона и кликните на Преглед^(Preview) .

• Ако вам се свиђа како изгледа у режиму прегледа, кликните на Користи ово^{(Use This)} да бисте започели прилагођавање шаблона.
• Када се кампања отвори, кликните на Поруке^(Messages) и додајте или измените садржај поруке.

• Конфигуришите^(Configure) како и када ће се појавити ваш искачући прозор са купоном тако што ћете кликнути на Правила приказа^{(Display Rules)} .

Опције искачућег приказа су:

Где:^{(Where: )} Одаберите где желите да се прикаже искачући прозор купона.

• Ситевиде
• Почетна страница
• Одабране странице
• Одређени УРЛ-ови на вашем сајту

Када^(When) : Да ли желите да се искачући прозор приказује све време или само према распореду?

Уређај^(Device) : Одаберите који уређаји ће приказати искачући прозор.

Ко^(Who) желите да видите искачући прозор?

• Сви корисници
• Само пријављени корисници
• Не корисници који су пријављени

^{(Retargeting)}Поновно циљање : Да ли желите да се искачући прозор са купоном приказује само једном за сваку сесију?

Након што посетилац кликне на позив на акцију ,^(CTA) да ли желите да му поново покажете свој искачући прозор или не?

• Прегледајте образац и подешавања и кликните на Објави^(Publish) када изгледа добро.

Цоупон Цреатор^{(Coupon Creator)(Coupon Creator)}

Направите сопствени искачући прозор са купоном помоћу додатка Цоупон Цреатор ВП^{(Coupon Creator WP)} .

Цоупон Цреатор^{(Coupon Creator)} користи прилагођени тип објаве и захтева само конфигурисање неколико подешавања. Бесплатна верзија омогућава корисницима да прикажу и штампају купоне за купце.

Један од бесплатних шаблона приказује слику на унутрашњој ивици купона. Подразумевани бесплатни шаблон има простор на купону за понуду, услове и датум истека понуде.

Ако тражите више функција, постоји и професионална верзија.

• Да бисте креирали купон, преузмите и инсталирајте додатак. Уредите стандардни купон^{(Standard Coupon)} или додајте нови.
• Генеришите кратки код купона из уметача кратких кодова за ВП едитор.

• Унесите своју понуду под Посао. ^{(Deal. )}Унесите^(Enter) своје услове за купонску понуду под Услови.^(Terms.)
• Да бисте користили купон, уметните кратки код на било коју страницу или објаву на којој желите да се прикаже. Ако доделите датум истека, купон више неће бити видљив након датума истека који сте поставили.

За комплетну листу искачућих додатака за ВП купон посетите ВордПресс.орг^{(visit WordPress.org)} . Повећајте своју листу е-поште, повећајте пратиоце на друштвеним мрежама и повећајте продају тако што ћете креирати сопствени искачући прозор са купоном на својој ВП веб локацији.

How To Create Your Own Coupon Popup in WordPress

Online shopping has made it convenient for consumers to search for the bеst prices. Coupons have a significant impаct on purchasing decisionѕ and other forms of action that wеb developers are 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

• Како преместити ВордПресс веб локацију са једног хоста на други

• Како инсталирати и подесити ВордПресс на Мицрософт Азуре

• Како покренути невероватно брз ВордПресс на Мицрософт Азуре

• Како да конфигуришете приватност у ВордПресс-у и зашто је то важно

• Како инсталирати ВордПресс на Гоогле Цлоуд Платформу

• Како ручно подесити ВордПресс на домену

• Како уклонити злонамерни софтвер са своје ВордПресс странице

• Рецензија књиге: Направите сопствену веб локацију: Стрип водич за ХТМЛ, ЦСС и Вордпресс

• Како прећи са класичног ВордПресс уређивача на Гутенберг

• Како ажурирати ПХП у ВордПресс-у

• Како извршити ефикасне Сплит тестове у ВордПресс-у

• Како инсталирати ВордПресс тест локацију на свој рачунар

• Како инсталирати тему на ВордПресс

• Како направити резервну копију вашег ВордПресс сајта

• Најбољи формат за писање на блогу за постизање ваших поена

• 3 најбоља СЕО додатка за ВордПресс

• Како уредити подножје у ВордПресс-у

• Како повећати перформансе у ВордПресс-у кроз чишћење базе података

• Како пронаћи своју пријаву администратора за ВордПресс

• Како направити Вик блог који је једнако добар као и ВордПресс