Zakupy online^(Online) ułatwiły konsumentom wyszukiwanie najlepszych cen. Kupony mają znaczący wpływ na decyzje zakupowe i inne formy działań, o których uwzględnienie w projektowaniu stron internetowych są proszeni twórcy stron internetowych.

90% konsumentów korzysta z kuponów, oczekuje się, że do 2022 r. wartość cyfrowych kuponów sięgnie 91 miliardów dolarów, a ponad 25 milionów Amerykanów^(Americans) korzysta z kuponów miesięcznie, aby zaoszczędzić pieniądze.

Po co oferować odwiedzającym wyskakujące okienko z kuponem?^{(Why Offer Visitors a Coupon Popup?)}

Doświadczeni^(Savvy) właściciele witryn wiedzą, że oferowanie klientom rabatu za pomocą kuponu to skuteczny sposób na zachęcenie ich do dokonania zakupu.  

Każdy kocha bardzo dużo. Oferowanie kuponów pomaga markom zwiększyć aktywność w witrynie, zwiększyć konwersje w witrynie oraz odzyskać i przekonwertować porzucone koszyki.

Ponieważ WordPress (WP) jest najpopularniejszym systemem zarządzania treścią, ten artykuł zawiera przewodnik krok po kroku, jak utworzyć wyskakujące okienko kuponu WP.

Użyj OptinMonster^{(Use OptinMonster)}

Zacznij od utworzenia konta OptinMonster , zainstalowania, a następnie aktywacji wtyczki OptinMonster dla WordPress^{(plugin for WordPress)} na swojej stronie WP.

Znajdź wtyczkę na pulpicie administratora WP, kliknij ją, a następnie połącz z OptinMonster .

Utwórz wyskakujące okienko z kuponem za pomocą OptinMonster^{(Create a Coupon Popup with OptinMonster)}

• Zaloguj^(Log) się do panelu OptinMonster i kliknij Utwórz nową kampanię^{(Create New Campaign)} .

• W polu Typ kampanii wybierz Wyskakujące okienko^(Popup) . Następny ekran pokaże Ci kilka profesjonalnie zaprojektowanych szablonów w różnych kolorach i układach.

• Wybierz szablon kuponu^{(Coupon )} , aby utworzyć wyskakujące okienko i kliknij go. Następnie wybierz Użyj szablonu^{(Use Template)} , nadaj nazwę kampanii i wybierz witrynę, w której chcesz jej użyć.
• Ponieważ już połączyłeś swoją witrynę (powyżej), zobaczysz adres URL^(URL) witryny w menu rozwijanym. 

• Wybierz go i kliknij Rozpocznij budowę^{(Start Building)} .

Wyskakujące okienko z kuponem projektu^{(Design Coupon Popup)}

Użyj narzędzia do przeciągania i upuszczania, aby zmienić projekt, tekst i kolory kuponu.

Aby zmienić element w projekcie, kliknij go. Wprowadź zmiany po lewej stronie, a pojawią się one w wyskakującym okienku podglądu po prawej stronie.

Zamknij element, klikając przycisk Początek^(Home) lub X .

Nakładka tła^{(Background Overlay)}

Kolor otaczający wyskakujące okienko kuponu to nakładka tła^{(Background Overlay)} . Aby go edytować, przejdź do opcji Ustawienia^{(Optin Settings)} Optin > Style widoku Optin^{(Optin View Styles)} .

Styl tła^{(Background Style)} można zmienić na jednolity kolor lub wypełnienie gradientowe. Możesz także dodać obraz i zmienić ramkę.

Gdy będziesz zadowolony z wyglądu kuponu, kliknij Zapisz^(Save) .

Jak klienci otrzymają Twój kupon?^{(How Will Customers Receive Your Coupon?)}

Po zakończeniu projektowania wyskakującego okienka z kuponem musisz zdecydować, w jaki sposób przekazać kupon swoim klientom.

OptinMonster zaleca dostarczenie go natychmiast, korzystając z widoku sukcesu^(Success) , a także e-mailem. Aby korzystać z poczty e-mail, musisz włączyć integrację z dostawcą usług poczty e-mail.

W widoku Sukces^{(Success )} możesz także:

• Dołącz kod kuponu, jak na powyższym zrzucie ekranu.
• Przekieruj odwiedzających na inną stronę, aby zrealizować kupon.

Zauważ, że widok Sukces^(Success) jest domyślną akcją przycisku. Jeśli chcesz użyć innej opcji, zmień działanie przycisku, wykonując poniższe czynności:

• Edytuj tekst przycisku.
• Kliknij Akcja.^(Action.)

• W sekcji Akcja powodzenia formularza^{(Form Success Action)} kliknij menu rozwijane, aby wyświetlić dostępne opcje. Jeśli chcesz przekierować do adresu URL^(URL) , wpisz go w polu.

Wybierz zasady wyświetlania^{(Choose Display Rules)}

Aby wybrać, gdzie i kiedy odwiedzający zobaczą Twój kupon, przejdź do zakładki Reguły^{(Display Rules)} wyświetlania.

Na każdej stronie możesz używać różnych rodzajów treści, kampanii i ekskluzywnych ofert. 

Aby dowiedzieć się więcej o korzystaniu z reguł wyświetlania^{(Display Rules)} , przeczytaj: Jak używać reguł wyświetlania do dostosowania czasu wyświetlania kampanii^{(How to Use Display Rules to Customize When a Campaign Will Appear)} .

Inne wtyczki WordPress do tworzenia wyskakujących kampanii marketingowych z kuponami^{(Other WordPress Plugins For Building Coupon Popup Marketing Campaigns)}

WP oferuje inne wtyczki, które pomogą Ci stworzyć własne wyskakujące okienko z kuponami. Poniżej^(Below) kilka z nich.

Icegram

Pobierz i zainstaluj wtyczkę WP Icegram , aby tworzyć atrakcyjne wizualnie niestandardowe zgody i wezwania do działania, wykonując poniższe czynności:

• Zaloguj się do pulpitu nawigacyjnego WP.
• Kliknij Dodaj nową kampanię^{(Add New Campaign)} z opcji Icegram na lewym pasku bocznym.
• Wybierz jeden^{(Select one)} z gotowych szablonów i kliknij Podgląd^(Preview) .

• Jeśli podoba Ci się wygląd w trybie podglądu, kliknij Użyj tego^{(Use This)} , aby rozpocząć dostosowywanie szablonu.
• Po otwarciu kampanii kliknij Wiadomości^(Messages) i dodaj lub edytuj treść wiadomości.

• Skonfiguruj^(Configure) sposób i czas wyświetlania wyskakującego okienka kuponu, klikając opcję Reguły wyświetlania^{(Display Rules)} .

Opcje wyświetlania wyskakującego okienka to:

Gdzie:^{(Where: )} Wybierz, gdzie ma się wyświetlać wyskakujące okienko z kuponem.

• W całej witrynie
• Strona główna
• Wybrane strony
• Określone adresy URL w Twojej witrynie

Kiedy^(When) : czy chcesz, aby wyskakujące okienko było wyświetlane przez cały czas, czy tylko zgodnie z harmonogramem?

Urządzenie^(Device) : wybierz, które urządzenia będą wyświetlać wyskakujące okienko.

Kogo^(Who) chcesz zobaczyć wyskakujące okienko?

• Wszyscy użytkownicy
• Tylko zalogowani użytkownicy
• Nie zalogowani użytkownicy

Retargeting : Czy chcesz, aby wyskakujące okienko z kuponem wyświetlało się tylko raz na każdą sesję?

Po kliknięciu CTA przez użytkownika chcesz pokazać mu ponownie wyskakujące okienko, czy nie?

• Wyświetl podgląd formularza i ustawień, a gdy wszystko będzie dobrze wyglądać, kliknij Opublikuj .^(Publish)

Twórca kuponów^{(Coupon Creator)(Coupon Creator)}

Stwórz własne wyskakujące okienko z kuponami za pomocą wtyczki Coupon Creator WP .

Coupon Creator używa niestandardowego typu posta i wymaga tylko skonfigurowania kilku ustawień. Darmowa wersja umożliwia użytkownikom wyświetlanie i drukowanie kuponów dla klientów.

Jeden z darmowych szablonów zawiera obrazek na wewnętrznej krawędzi kuponu. Domyślny darmowy szablon ma miejsce na kuponie na ofertę, warunki i datę wygaśnięcia oferty.

Jeśli szukasz więcej funkcji, dostępna jest również wersja pro.

• Aby utworzyć kupon, pobierz i zainstaluj wtyczkę. Edytuj kupon standardowy^{(Standard Coupon)} lub dodaj nowy.
• Wygeneruj krótki kod kuponu z programu do wstawiania krótkich kodów w edytorze WP.

• Wstaw swoją ofertę w zakładce Deal. ^{(Deal. )}Wprowadź^(Enter) swoje warunki dotyczące oferty kuponowej w sekcji Warunki.^(Terms.)
• Aby skorzystać z kuponu, wstaw krótki kod na dowolnej stronie lub poście, w którym chcesz go wyświetlić. Jeśli przypiszesz datę wygaśnięcia, kupon przestanie być widoczny po upływie ustawionej przez Ciebie daty wygaśnięcia.

Aby uzyskać pełną listę wtyczek wyskakujących kuponów WP, odwiedź WordPress.org^{(visit WordPress.org)} . Rozwiń swoją listę e-mailową, zwiększ liczbę obserwujących w mediach społecznościowych i zwiększ sprzedaż, tworząc własne wyskakujące okienko z kuponami na swojej stronie WP.

How To Create Your Own Coupon Popup in WordPress

Online shopping has made it convenient for consumers to search fоr the best prices. Coupоns have a ѕignificant impact on purchasing decisіonѕ and other forms of action that web develоpers 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

• Jak przenieść witrynę WordPress z jednego hosta na drugi?

• Jak zainstalować i skonfigurować WordPress na Microsoft Azure

• Jak uruchomić niesamowicie szybki WordPress na Microsoft Azure

• Jak skonfigurować prywatność w WordPressie i dlaczego jest to ważne

• Jak zainstalować WordPress na Google Cloud Platform

• Musi mieć WordPress Ustawienia SEO Yoast 2022

• Jak założyć własną witrynę podobną do Twittera za pomocą motywu WordPress P2?

• Jak przyspieszyć witrynę WordPress w 11 krokach

• Tworzenie motywu potomnego w WordPress

• Chroń i zabezpiecz witrynę WordPress przed hakerami

• Jak wykonać skuteczne testy podzielone w WordPress

• Jak zwiększyć wydajność w WordPressie poprzez czyszczenie bazy danych?

• Jak zaktualizować PHP w WordPressie

• Jak przyspieszyć dowolną witrynę WordPress za pomocą .HTACCESS

• WordPress Jetpack: co to jest i czy warto go zainstalować?

• Co to jest AMP dla WordPress i jak go zainstalować?

• Jak usunąć złośliwe oprogramowanie z witryny WordPress?

• Jak stworzyć bloga Wix, który jest tak samo dobry jak WordPress

• Jak zabezpieczyć hasłem strony w witrynie WordPress?

• WordPress pokazuje błąd HTTP podczas przesyłania obrazów