Онлайн^(Online) пазаруването направи удобно за потребителите да търсят най-добрите цени. Купоните оказват значително влияние върху решенията за покупка и други форми на действие, които уеб разработчиците са помолени да включат в уеб дизайна.

90% от потребителите използват купони, изкупуването на цифрови купони се очаква да достигне 91 милиарда долара до 2022 г., а над 25 милиона американци^(Americans) използват купони месечно, за да спестят пари.

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

Разумните^(Savvy) собственици на сайтове знаят, че предлагането на отстъпка на клиентите чрез купон е мощен начин да ги примамите да направят покупка.  

Всеки обича много. Предлагането на купони помага на марките да увеличат активността на уебсайта, да увеличат реализациите на сайта и да възстановят и преобразуват изоставени колички.

Тъй като WordPress (WP) е най-популярната система за управление на съдържанието, тази статия ще предостави стъпка по стъпка ръководство за това как да създадете изскачащ прозорец за WP купон.

Използвайте OptinMonster^{(Use OptinMonster)}

Започнете, като създадете акаунт в OptinMonster , инсталирате и след това активирате приставката OptinMonster за WordPress^{(plugin for WordPress)} на вашия WP сайт.

Намерете плъгина във вашето WP администраторско табло, щракнете върху него и след това го свържете с OptinMonster .

Създайте изскачащ прозорец с купон с OptinMonster^{(Create a Coupon Popup with OptinMonster)}

• Влезте^(Log) в таблото за управление на OptinMonster и щракнете върху Създаване на нова кампания^{(Create New Campaign)} .

• От Тип на кампанията изберете Изскачащ^(Popup) прозорец . Следващият екран ще ви покаже няколко професионално проектирани шаблона в различни цветове и оформления.

• Изберете шаблона за купон^{(Coupon )} , за да създадете изскачащ прозорец и кликнете върху него. След това изберете Използване на шаблон^{(Use Template)} , дайте име на кампанията си и изберете уебсайта, където искате да го използвате.
• Тъй като вече сте свързали уебсайта си (по-горе), ще видите URL адреса^(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)} .

Други WordPress плъгини за изграждане на изскачащи маркетингови кампании с купони^{(Other WordPress Plugins For Building Coupon Popup Marketing Campaigns)}

WP предлага други плъгини, които да ви помогнат да създадете свой собствен изскачащ прозорец за купон. По-долу^(Below) са дадени няколко от тях.

Icegram

Изтеглете и инсталирайте приставката за WP Icegram , за да създадете визуално привлекателни персонализирани включвания и призиви за действие, като използвате стъпките по-долу:

• Влезте в таблото си за управление на WP.
• Щракнете върху Добавяне на нова кампания^{(Add New Campaign)} от опцията Icegram в лявата странична лента.
• Изберете един^{(Select one)} от предварително направените шаблони и щракнете върху Визуализация^(Preview) .

• Ако ви харесва как изглежда в режим на предварителен преглед, щракнете върху Използвай това^{(Use This)} , за да започнете да персонализирате шаблона.
• Когато кампанията се отвори, щракнете върху Съобщения^(Messages) и добавете или редактирайте съдържанието на вашето съобщение.

• Конфигурирайте^(Configure) как и кога ще се появи изскачащият прозорец на вашия купон, като щракнете върху Правила за показване^{(Display Rules)} .

Опциите за изскачащ дисплей са:

Къде:^{(Where: )} Изберете къде искате да се показва изскачащият прозорец на талона.

• В целия сайт
• Начална страница
• Избрани страници
• Конкретни URL адреси на вашия сайт

Кога^(When) : Искате ли изскачащият прозорец да се показва през цялото време или само по график?

Устройство^(Device) : Изберете кои устройства ще показват изскачащия прозорец.

Кой^(Who) искате да видите изскачащия прозорец?

• Всички потребители
• Само влезли потребители
• Не потребители, които са влезли

Пренасочване^{(Retargeting)} : Искате ли изскачащият прозорец с купон да се показва само веднъж за всяка сесия?

След като посетител щракне върху CTA , искате ли да му покажете отново изскачащия ви прозорец или не?

• Прегледайте своя формуляр и настройки и щракнете върху Публикуване^(Publish) , когато изглежда добре.

Създател на купони^{(Coupon Creator)(Coupon Creator)}

Създайте свой собствен изскачащ прозорец с купон с приставката Coupon Creator WP .

Coupon Creator използва персонализиран тип публикация и изисква само конфигуриране на няколко настройки. Безплатната версия позволява на потребителите да показват и отпечатват купони за клиенти.

Един от безплатните шаблони показва изображение на вътрешната граница на купона. Безплатният шаблон по подразбиране има място в купона за сделката, условията и датата на изтичане на офертата.

Ако търсите повече функции, има и професионална версия.

• За да създадете купон, изтеглете и инсталирайте приставката. Редактирайте стандартния купон^{(Standard Coupon)} или добавете нов.
• Генерирайте кратък код на купон от инструмента за вмъкване на кратки кодове на WP редактор.

• Поставете офертата си под Сделка. ^{(Deal. )}Въведете^(Enter) вашите условия за сделката с купони под Условия.^(Terms.)
• За да използвате купона, поставете краткия код на всяка страница или публикация, където искате да се показва. Ако зададете дата на изтичане, купонът вече няма да се вижда след датата на изтичане, която сте задали.

За пълен списък с изскачащи плъгини за WP купони посетете WordPress.org^{(visit WordPress.org)} . Увеличете своя списък с имейли, увеличете последователите си в социалните медии и увеличете продажбите, като създадете свой собствен изскачащ прозорец с купони на вашия WP сайт.

How To Create Your Own Coupon Popup in WordPress

Оnline shopping has made it convenient for consumers to search for the best prices. Сoupons hаve a significаnt impact on purchasing decisions and other forms of action that web developers аre 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 сайт от един хост на друг

• Как да инсталирате и настроите WordPress на Microsoft Azure

• Как да стартирате невероятно бърз WordPress на Microsoft Azure

• Как да конфигурирате поверителност в WordPress и защо е важно

• Как да инсталирате WordPress на Google Cloud Platform

• Как да използвате WP Super Cache в блога на WordPress

• Как да архивирате вашия WordPress сайт

• Как да ускорите всеки WordPress сайт с помощта на .HTACCESS

• 9 задължителни плъгини за нови инсталирания на WordPress

• Как ръчно да настроите WordPress на домейн

• 11 най-добри WordPress подкаст плъгини

• 10 основни приставки за WordPress за уебсайт за малък бизнес

• Как да добавите плаваща странична лента в Wordpress

• Как да промените URL адреса си за вход в WordPress за по-добра сигурност

• Как да проверите дали даден уебсайт е забранен от AdSense

• Създаване на детска тема в WordPress

• Пренасочване на потребителите от 404 страница в WordPress

• Как да създадете блог на Wix, който е също толкова добър, колкото WordPress

• 3-те най-добри SEO плъгини за WordPress

• Рецензия на книга: Създайте свой собствен уебсайт: Комикс ръководство за HTML, CSS и Wordpress