Jak utworzyć wyskakujące okienko kuponu w WordPress-polecany obraz pokazuje tag rabatu

Czy chcesz utworzyć kupon popup w WordPress? Kupon wyskakujące okienka to świetny sposób na przekształcenie odwiedzających witrynę w płacących klientów.

Istnieje kilka różnych sposobów tworzenia i wyświetlania wyskakujących okienek kuponów. Jednak pokazanie kuponu w precyzyjnym czasie sprawia ogromną różnicę w przekształcaniu porzucania odwiedzających w Klientów.

W tym artykule przyjrzymy się, jak dodać wyskakujące okienko kuponu do witryny WordPress lub WooCommerce. Pokażemy Ci również dwa sposoby dostarczenia kuponu, aby uczynić je bardziej skutecznymi i wysoce opłacalnymi.

How to Create a Coupon Popup in WordPress - featured image shows discount tag

Dlaczego warto zaoferować odwiedzającym kupon?

Często nowi właściciele firm obawiają się, że kupony zjedzą ich zyski. Ale uznani właściciele firm wiedzą, że oferowanie zniżki jest potężnym sposobem, aby gość podjął decyzję, zamiast siedzieć na ogrodzeniu. (I spójrzmy prawdzie w oczy, kto nie kocha wiele?)

Oferowanie kodów kuponów pomaga odzyskać sprzedaż porzuconych koszyków, przekonwertować odwiedzających na klientów i zwiększyć sprzedaż.

Większość platform eCommerce, takich jak WooCommerce, pozwala łatwo tworzyć kody kuponów. Jednak dzielenie się tymi kodami kuponów z klientami ma znaczenie.

Dlatego w tym artykule udostępnimy dwa różne sposoby udostępniania kuponów odwiedzającym: wyskakujące okienko z kuponem i kupon spin a wheel optin.

Przyjrzyjmy się, jak utworzyć wyskakujące okienko kuponu w WordPress lub WooCommerce.

Video Tutorial

Subskrybuj WPBeginner

Jeśli wolisz pisemne instrukcje, po prostu czytaj dalej.

Jak utworzyć kupon Popup w WordPress

Ze względu na ten samouczek będziemy używać OptinMonster, aby utworzyć zarówno wyskakujące okienko kuponu, jak i kupon zakręć Kołem.

Używamy OptinMonster na własnych stronach internetowych, a został on stworzony przez założyciela WPBeginner Syeda Balkhi. Od premiery w 2013 roku jest obecnie używany na ponad milionach witryn internetowych.

Najpierw musisz odwiedzić stronę OptinMonster, aby utworzyć konto.

Następnie musisz zainstalować i aktywować wtyczkę OptinMonster w swojej witrynie WordPress. Aby uzyskać więcej informacji, zobacz nasz przewodnik krok po kroku, jak zainstalować wtyczkę WordPress.

Wtyczka działa jako łącznik między kontem OptinMonster a witryną WordPress.

Po aktywacji wtyczki należy kliknąć menu OptinMonster na pasku bocznym administratora WordPress, aby połączyć się ze stroną OptinMonster.

Connect OptinMonster to your website

Teraz jesteś gotowy, aby utworzyć pierwszą kampanię popup kupon.

Tworzenie Kampanii Popup Kupon

Po prostu zaloguj się do pulpitu OptinMonster i kliknij Utwórz Nową Kampanię guzik.

Create a new OptinMonster campaign so you can start making your coupon popup

Następnie musisz wybrać typ kampanii. Użyjemy Popup, co powinno być domyślnym wyborem.

Choose a campaign type for your coupon popup

Na następnym ekranie zostaniesz poproszony o wybranie szablonu.

OptinMonster oferuje szeroką gamę szablonów do wyboru (wszystkie profesjonalnie zaprojektowane), z wieloma różnymi układami i schematami kolorów. Na Kupon szablon jest idealny do tworzenia wyskakującego okienka kuponu, ale możesz wybrać inny szablon, jeśli wolisz.

Możesz użyć pola wyszukiwania, aby znaleźć szablon kuponu, lub możesz przewinąć stronę w dół.

Scroll down and select the Coupon template for your popup

Następnie kliknij na szablon i wybierz Użyj Szablonu.

Select Use Template from the two options given when clicked (the other is Preview)

Ostatnim krokiem przed rozpoczęciem tworzenia wyskakującego okienka kuponu jest nazwanie kampanii i wybranie strony internetowej, na której chcesz ją użyć.

Jeśli już podłączyłeś OptinMonster do swojej witryny WordPress, nazwa i adres URL tej witryny pojawi się pod Na jakiej stronie (- ach) chcesz załadować tę kampanię?

Name your coupon popup campaign and choose a site to run it on

Projektowanie Popup kupon

Po kliknięciu Rozpocznij Budowę, zobaczysz Kreator kampanii przeciągnij i upuść. Możesz go użyć, aby zmienić tekst, kolory i wygląd kuponu w dowolny sposób.

The default popup coupon design, with the title Get 25% Off Product X

Wystarczy kliknąć na dowolny element projektu, aby go zmienić. Tutaj edytowaliśmy tekst i nadaliśmy mu inny kolor. Jak tylko dokonasz zmian po lewej stronie, zobaczysz te zmiany w wyskakującym okienku kuponu po prawej stronie.

Editing the text for the popup coupon: the title now reads Get 25% Off My Ebooks

Możesz zmienić dowolny tekst w ten sam sposób. Możesz poeksperymentować z różnymi czcionkami i kolorami.

Poza tekstem i elementami w wyskakującym okienku możesz również zmienić kolor tła i inne ustawienia.

Najpierw Zamknij element, na którym się znajdujesz, klikając X lub Spis treści guzik.

Close the current element that you're editing on your popup coupon

Następnie przejdź do Ustawienia Optin ” Optin View Styles.

Tutaj możesz zmienić nakładkę tła, która jest kolorem wokół wyskakującego okienka, który pokrywa zawartość, gdy okienko pojawi się na ekranie użytkownika. Na tej karcie Ustawienia można również zmienić styl tła (bryła lub gradient) oraz kolor tła.

Użyliśmy próbnika kolorów, aby zmienić tło na jasnożółte.

Changing the background color of your coupon

To również miejsce, w którym możesz dodać obraz do kuponu, jeśli chcesz go użyć.

Na koniec możesz zmienić przerywaną ramkę, która pojawia się w pobliżu krawędzi kuponu. Aby to edytować, kliknij na niego, a następnie kliknij Ustawienia cog, który pojawia się po lewej stronie, aby edytować Kolumna.

How to change your popup coupon's border settings

Możesz przewinąć w dół po lewej stronie, aby ustawić kolor obramowania, szerokość obramowania, a nawet styl obramowania, chociaż uważamy, że przerywany wygląda dobrze dla kuponu!

Oto nasza nowa wersja, z węższym obramowaniem.

Changing the popup coupon's dashed border

Po wprowadzeniu zmian upewnij się, że zapisałeś kampanię, klikając zielony przycisk Zapisz przycisk u góry ekranu.

Save your popup coupon campaign

Zdecyduj, jak dostarczyć swój kod kuponu

Teraz, gdy skonfigurowałeś wyskakujące okienko kuponu, musisz zdecydować, w jaki sposób faktycznie dostarczysz kod kuponu odwiedzającemu.

Istnieje kilka sposobów, aby to zrobić w OptinMonster, ale najlepszym sposobem jest dostarczenie kodu kuponu od razu za pośrednictwem OptinMonster Sukcesy widok oraz aby wysłać go za pośrednictwem biuletynu e-mail.

W ten sposób, jeśli odwiedzający nie jest gotowy do zakupu od razu, mają kod kuponu dla łatwego odniesienia później.

Domyślnie wyskakujące okienko kuponu jest już zaprojektowane tak, aby korzystać z widoku sukcesu po kliknięciu przycisku. Możesz to sprawdzić, klikając na przycisk, a następnie klikając Przycisk oraz Działanie po prawej stronie ekranu.

View or change the button action for your coupon popup

Jeśli chcesz zmienić działanie przycisku, możesz to zmienić tutaj. Jednak w przypadku pierwszego kuponu zalecamy trzymanie się wartości domyślnej.

Integracja OptinMonster Z Listą E-Mail

Aby automatycznie wysłać kod kuponu pocztą e-mail i aby użytkownik został dodany do listy e-mail, musisz zintegrować OptinMonster z usługą e-mail marketingu.

OptinMonster integruje się z praktycznie każdym głównym dostawcą usług e-mail marketingu.

Gdy to zrobisz, możesz skonfigurować automatyczną wiadomość e-mail, aby wyjść, gdy ktoś zarejestruje się na liście za pośrednictwem wyskakującego okienka kuponu.

Wystarczy użyć zakładki integracje kampanii, aby połączyć OptinMonster z usługą e-mail marketingu. W zależności od tego, z jakiej usługi korzystasz, prawdopodobnie będziesz mieć możliwość dodania tagu lub innego identyfikatora, aby można było zidentyfikować odwiedzających rejestrujących się za pośrednictwem wyskakującego okienka.

Jeśli utkniesz, zapoznaj się z pełną instrukcją OptinMonster.

Wskazówka bonusowa: Edytuj szablon widoku sukcesu

Możesz wyświetlić I zmienić szablon widoku sukcesu, wracając do Projekt zakładkę kampanii i kliknięcie w Sukces opcja.

Domyślnie wygląda to tak, ale możesz go edytować w dowolny sposób, tak jak edytowałeś wyskakujące okienko kuponu.

Viewing and editing the Success view

Sprawdź lub zmień Zasady wyświetlania wyskakującego kuponu

Domyślnie wyskakujące okienko kuponu będzie wyświetlane odwiedzającym po tym, jak znajdą się na dowolnej stronie witryny przez 5 sekund. Jeśli chcesz to zmienić, przejdź do Zasady Wyświetlania.

The display rules for your coupon popup

Możesz ustawić dowolne reguły wyświetlania, ale świetnym rozwiązaniem do wypróbowania jest Exit-Intent®. Ta specjalna technologia OptinMonster może powiedzieć, kiedy odwiedzający ma zamiar opuścić Twoją witrynę i pokazać im wyskakujące okienko kuponu w odpowiednim momencie.

Setting the display rule to use Exit-Intent

Opublikuj Wyskakujące Okienko Kuponu

Gdy będziesz zadowolony ze swojego kuponu, zapisz go i kliknij Publikuj w menu u góry ekranu. Musisz stworzyć swoją kampanię Live użyj przełącznika u góry strony, aby go uruchomić. Możesz wrócić i zatrzymać go w dowolnym momencie.

Przewiń w dół do Platforma i wybierz WordPress. Następnie zobaczysz instrukcje, jak umieścić kampanię na swojej stronie.

Select WordPress as the Platform for your coupon popup

Tworzenie koła kuponów Spin-to-Win

Zakręć, aby wygrać koło kuponów to świetny sposób, aby Twoje kupony były bardziej interesujące i zabawne dla odwiedzających Twoją witrynę. To jak mini gra, w którą odwiedzający mogą grać, aby wygrać zniżkę lub inny bonus.

OptinMonster ma wbudowane trzy różne szablony spin to win, dzięki czemu jest to wygodna opcja, zwłaszcza jeśli masz już konto.

Opcje spin to win mogą obejmować takie rzeczy, jak 10% zniżki, 20% zniżki, bezpłatną wysyłkę, bezpłatny okres próbny lub cokolwiek chcesz zaoferować.

Aby utworzyć koło kuponów spin-to-win, musisz wrócić do pulpitu kampanii w OptinMonster, jeśli jeszcze tam nie jesteś.

Następnie kliknij, aby Utwórz nową kampanię.

W następnym kroku musisz wybrać Pełny ekran dla Twojego typu kampanii.

Select Fullscreen for your new campaign

Następnie przewiń w dół i wybierz jeden z szablonów kół. Możesz zmienić kolory później, więc nie martw się, jeśli żaden z nich nie jest dla Ciebie odpowiedni: po prostu wybierz jeden na początek.

Select your coupon wheel template: there are three choices, blue, green, or red

Następnie musisz nadać swojej kampanii nazwę i wybrać stronę internetową, na której będzie ona używana.

Następnie Edytuj dowolny aspekt koła kuponu. Aby edytować opcje na samym kole kuponu, musisz go kliknąć, a następnie kliknąć Edytuj Sekcje Kół przycisk po lewej stronie

he Edit Wheel Sections button

Następnie można wpisać dowolny tekst jako Etykieta dla każdej opcji, i można dodać w Kod Kuponu dla każdej zwycięskiej opcji.

Table showing the spin to win wheel options and percentage chances

Należy zauważyć, że Wygraj Szansę jest automatycznie określana. Jeśli zmienisz przełącznik na jednym lub kilku Może wygrać? opcje, zobaczysz procent szans na wygraną zmiany.

Domyślnie wszystkie opcje, które nie oferują nagrody, są wyłączone, więc użytkownik zawsze wyląduje na nagrodzie. Możesz to zmienić, jeśli chcesz.

Gdy będziesz zadowolony ze swojego koła kuponu, możesz ustawić Zasady Wyświetlania oraz Publikuj to. Jeśli nie jesteś pewien, co zrobić tutaj, a następnie spojrzeć na kroki wcześniej w tym poście dla kupon wyskakujące okienka.

Jeśli potrzebujesz więcej pomocy w tworzeniu koła kuponu i dodaniu go do swojej witryny, sprawdź nasz post Jak dodać spin, aby wygrać optins w WordPress i WooCommerce, który przechodzi przez proces bardziej szczegółowo.

To wszystko. Mamy nadzieję, że ten artykuł pomógł Ci dowiedzieć się, jak utworzyć wyskakujące okienko kuponu w WordPress. Możesz również zapoznać się z naszym przewodnikiem na temat najlepszych wtyczek WooCommerce, aby zwiększyć sprzedaż w sklepie internetowym.

Jeśli podoba Ci się ten artykuł, zasubskrybuj nasz kanał YouTube dla samouczków wideo WordPress. Znajdziesz nas również na Twitterze i Facebooku.

You May Also Like

Jak naprawić nieprawidłowy błąd JSON w WordPress (Przewodnik dla początkujących)

W artykule: Co powoduje błąd „nieprawidłowa odpowiedź JSON” w WordPress?1. Sprawdź adresy…

Jak zmienić kolor linku w WordPress (poradnik dla początkujących)

W artykule: Dlaczego Linki Są Ważne?Jak dodawać linki w postach i stronach…

Jak naprawić błąd krytyczny w WordPress (krok po kroku)

W artykule: Co To jest błąd krytyczny w WordPress?Co powoduje krytyczny błąd…

Jak zainstalować WordPress lokalnie na komputerze Mac za pomocą MAMP

W artykule: Jak zainstalować MAMP na komputerze MacInstalacja WordPress na komputerze MacWypróbowanie…