Jak stworzyć wyskakujące okienko WooCommerce, aby zwiększyć sprzedaż (6 sprawdzonych metod)

Czy chcesz utworzyć wyskakujące okienko WooCommerce, aby zwiększyć sprzedaż?

Wyskakujące okienka Lightbox pozwalają łatwo przyciągnąć uwagę klientów i skłonić ich do dokonania zakupu. Możesz używać wyskakujących okienek WooCommerce, aby oferować kupony, promować sprzedaż, przyciągać odwiedzających do listy e-mailowej i nie tylko.

W tym artykule pokażemy, jak łatwo utworzyć wyskakujące okienko WooCommerce, aby zwiększyć sprzedaż. Pokażemy Ci różne rodzaje wyskakujących okienek i jak je zastosować w swoim sklepie.

Dlaczego musisz utworzyć wyskakujące okienko WooCommerce

Czy kiedykolwiek zastanawiałeś się, dlaczego ciągle widzisz wyskakujące okienka na wszystkich głównych stronach e-commerce?

Dzieje się tak dlatego, że wyskakujące okienka świetnie przekształcają odwiedzających witrynę w płacących klientów. Pomagają one sklepom internetowym szybko przyciągnąć uwagę klientów, pokazując im ukierunkowane wiadomości w odpowiednim czasie.

Jeśli prowadzisz sklep WooCommerce, możesz użyć wyskakujących okienek, aby ci pomóc:

1. Zwiększ sprzedaż, dostarczając na czas Wiadomości do swoich klientów. Na przykład możesz sprawić, że wyskakujące okienko pojawi się, gdy użytkownicy mają zamiar opuścić sklep.
2. Odzyskaj sprzedaż porzuconego koszyka, oferując kupon lub bezpłatną wysyłkę.
3. Sprzedawaj więcej produktów poprzez cross-sells (promowanie powiązanych produktów) i upsells (promowanie lepiej promowanego produktu).
4. Zbuduj swoją listę e-mailową, obserwację społecznościową lub Przypomnij klientom o bieżących wyprzedażach i promocjach.

Mając to na uwadze, przyjrzyjmy się, jak używać wyskakujących okienek WooCommerce, aby zwiększyć sprzedaż i konwersje w Twoim sklepie.

W tym tutorialu będziemy używać OptinMonster. OptinMonster to potężne narzędzie do optymalizacji konwersji, które pozwala zamienić odwiedzających witrynę w subskrybentów i klientów.

Bezproblemowo integruje się z WooCommerce i ma potężne opcje personalizacji zbudowane specjalnie dla sklepów WooCommerce.

Tip: Aby tworzyć kupony dla swoich ofert, zalecamy korzystanie z kuponów zaawansowanych. Pozwala tworzyć wiele różnych inteligentnych kuponów dla witryny WooCommerce.

Pierwsze kroki z OptinMonster

Zanim zaczniesz tworzyć wyskakujące okienko WooCommerce, potrzebujesz konta OptinMonster połączonego z Twoją witryną WordPress.

Najpierw wejdź na stronę OptinMonster i załóż konto.

Tip: Plan Pro firmy OptinMonster umożliwia korzystanie z większości funkcji, które będziemy omawiać. Jeśli chcesz stworzyć kampanię „spin to win”, potrzebujesz planu wzrostu.

Po zarejestrowaniu się w OptinMonster musisz połączyć swoje konto OptinMonster z witryną WordPress. Aby to zrobić, musisz najpierw zainstalować i aktywować wtyczkę OptinMonster na swojej stronie WordPressa. Aby uzyskać więcej informacji, zobacz nasz przewodnik krok po kroku, jak zainstalować wtyczkę WordPress.

Po aktywacji powinieneś zobaczyć ekran powitalny OptinMonster w panelu administracyjnym WordPress. Wystarczy kliknąć przycisk „Połącz swoje konto”.

Teraz postępuj zgodnie z instrukcjami wyświetlanymi na ekranie, aby połączyć konto OptinMonster z witryną WordPress.

Gdy to zrobisz, zobaczysz stronę kampanii. W tym miejscu należy kliknąć przycisk „Utwórz nową kampanię”:

W dalszej części tego samouczka omówimy kilka różnych typów wyskakujących okienek WooCommerce. Możesz użyć tych szybkich linków, aby przejść bezpośrednio do instrukcji dla każdego z nich.

• Jak utworzyć wyskakujące okienko kuponu WooCommerce
• Jak utworzyć wyskakujące okienko porzucania koszyka WooCommerce
• Jak utworzyć wyskakujące okienko WooCommerce Cross-Sell, aby promować powiązane produkty
• Jak utworzyć wyskakujące okienko WooCommerce, aby klienci mogli wydawać więcej
• Jak stworzyć Gamified WooCommerce’ Spin to Win ’ Popup
• Jak utworzyć wyskakujące okienko na pełnym ekranie dla WooCommerce

Jak utworzyć wyskakujące okienko kuponu WooCommerce

Kupony to świetny sposób na zwiększenie sprzedaży. Możesz użyć wyskakującego okienka, aby upewnić się, że klienci wiedzą o Twoim kuponie i zachęcić ich do korzystania z niego.

Aby utworzyć wyskakujące okienko kuponu, po prostu wybierz typ kampanii „wyskakujące okienko”. Następnie wybierz swój szablon, przesuwając kursor myszy nad nim i klikając przycisk „Użyj szablonu”. Użyjemy szablonu „kupon”:

OptinMonster poprosi Cię o nazwanie kampanii i wybranie strony, na której chcesz ją załadować.

Teraz nadszedł czas, aby zaprojektować kupon. Wystarczy kliknąć na dowolną część kuponu, aby go edytować. Możesz zmienić tekst, czcionkę, kolory i wiele innych. Tutaj edytujemy tekst nagłówka kuponu:

Możesz również usunąć części kuponu. Na przykład możesz zdecydować, że nie chcesz mieć pola rejestracji e-mail. Możesz po prostu wyświetlić kod kuponu w wyskakującym okienku, aby zachęcić klienta do natychmiastowego użycia.

Tip: Domyślny kod kuponu to SAVE25. Jest to wyświetlane na ekranie po wprowadzeniu przez Klienta adresu e-mail. Łatwo jest to zmienić lub usunąć w widoku „sukces” dla wyskakującego okienka.

Nie zapomnij kliknąć przycisku „Zapisz” po zakończeniu wprowadzania zmian w projekcie kuponu:

Aby uzyskać więcej pomocy, zapoznaj się z naszymi instrukcjami krok po kroku dotyczącymi tworzenia wyskakującego okienka kuponu. Ten samouczek wyjaśnia również, jak zintegrować OptinMonster z listą e-mail.

Po utworzeniu wyskakującego okienka kuponu musisz ustawić reguły wyświetlania. Kliknij kartę „wyświetl reguły” na górnym pasku. Domyślnie kupon pojawi się po upływie 5 sekund na wszystkich stronach witryny.

Możesz zmienić to na dłuższy lub krótszy czas trwania lub oprzeć go na tym, jak długo odwiedzający był w Twojej witrynie jako całości. Możesz również pokazać kupon tylko na niektórych stronach swojej witryny.

Mamy zamiar dostać nasz kupon popup, aby pojawić się po nasz potencjalny klient był na naszej stronie przez co najmniej 15 sekund. Oznacza to, że zobaczą kupon, nawet jeśli szybko poruszają się między różnymi stronami produktów:

Ostatnim krokiem jest opublikowanie wyskakującego okienka kuponu i udostępnienie go na swojej stronie. Postępuj zgodnie z naszymi instrukcjami na końcu artykułu, aby uzyskać pomoc w tym zakresie.

Jak utworzyć wyskakujące okienko porzucania koszyka WooCommerce

Możesz stracić ogromną ilość pieniędzy na porzucenie koszyka.

Wyskakujące okienko to świetny sposób, aby zachęcić odwiedzających do zakończenia sprawdzania. Możesz utworzyć specjalne wyskakujące okienko WooCommerce, które pojawi się, gdy użytkownik znajdzie się na stronie koszyka i opuści witrynę.

Najpierw Utwórz nową kampanię w OptinMonster. Musisz wybrać „wyskakujące okienko” dla rodzaju kampanii. Następnie wybierz szablon dla swojego wyskakującego okienka. Użyjemy szablonu 'porzucanie kasy’:

Teraz nadaj nazwę swojej kampanii popup i kliknij przycisk „Rozpocznij budowanie”:

Wybrany przez Ciebie szablon otworzy się w kreatorze kampanii. Możesz zmieniać tekst, kolory, czcionki i inne elementy. Po prostu kliknij na element, który chcesz zmienić:

Po zakończeniu wprowadzania zmian nie zapomnij kliknąć przycisku Zapisz w prawym górnym rogu.

Teraz nadszedł czas, aby ustawić wyskakujące okienko tak, że wyświetla się na stronie koszyka WooCommmerce. Najpierw kliknij kartę „wyświetl reguły” u góry ekranu.

Kliknij menu rozwijane „czas na stronie”, jeśli nie jest jeszcze zaznaczone, a następnie kliknij przycisk „exit Intent”. Technologia exit intent OptinMonster pozwala na wyświetlenie wiadomości dokładnie w momencie, gdy użytkownik pokaże zamiar opuszczenia witryny.

Następnie przewiń stronę w dół. Pozostaw pierwsze rozwijane menu jako „bieżąca ścieżka URL” i ustaw drugie rozwijane menu na „dokładnie pasuje”. W wyświetlonym polu Wprowadź adres URL strony koszyka.

Nie zapomnij zapisać zmian. Następnie przejdź do zakładki Publikuj, aby umieścić kupon na żywo w sklepie internetowym. Instrukcje na ten temat znajdziesz później w naszym samouczku.

Jak utworzyć wyskakujące okienko WooCommerce Cross-Sell, aby promować powiązane produkty

Innym świetnym sposobem na zwiększenie sprzedaży jest cross-sell swoich produktów. Cross-selling jest wtedy, gdy promujesz produkt, który idzie z czymś, co klient już kupuje.

Na przykład, jeśli klient kupuje letnią koszulę, może być również zainteresowany zakupem kapelusza przeciwsłonecznego. Lub jeśli kupują kartki z życzeniami, mogą również chcieć papier do pakowania.

Aby utworzyć wyskakujące okienko cross-sell w OptinMonster, musisz najpierw utworzyć nową kampanię. Upewnij się, że wybrałeś „wyskakujące okienko” dla typu kampanii, a następnie wybierz dowolny szablon.

Użyjemy szablonu „zakupy” do naszego wyskakującego okienka.

Następnie OptinMonster poprosi Cię o nazwanie kampanii i wybranie strony internetowej, na której chcesz ją załadować. Gdy to zrobisz, po prostu kliknij przycisk „Rozpocznij budowanie”.

Zostaniesz przeniesiony do edytora kampanii. Tutaj możesz zmienić dowolny aspekt swojego szablonu, klikając na niego. Przesłaliśmy inny obraz do naszej kampanii:

Łatwo jest zmienić tekst, przyciski i nie tylko. Możesz nawet dołączyć kupon od razu, jak mamy, usuwając pole subskrypcji biuletynu e-mail. Dodaliśmy dodatkowe bloki tekstowe do naszego okienka, aby dać kod kuponu:

Jeśli zachowasz rejestrację e-mail, upewnij się, że edytujesz widok „sukces” w wyskakującym okienku, aby wyświetlić wybrany kod kuponu.

Tip: Jeśli korzystasz z rejestracji e-mail, musisz również połączyć OptinMonster z dostawcą poczty e-mail w zakładce „Integracje”. Instrukcje na ten temat znajdują się w naszym przewodniku krok po kroku dotyczącym tworzenia wyskakującego okienka kuponu.

Po zakończeniu tworzenia kampanii nie zapomnij kliknąć przycisku „Zapisz” w prawym górnym rogu.

Aby pokazać swoją kampanię klientom z konkretnymi produktami w wózkach, musisz połączyć OptinMonster z WooCommerce.

Aby to zrobić, kliknij kartę OptinMonster na pulpicie nawigacyjnym WordPress, a następnie kliknij kartę „WooCommerce”.

Powinieneś zobaczyć komunikat informujący, że WooCommerce jest połączone z OptinMonster:

Teraz wróć do aplikacji OptinMonster i edytuj wybraną kampanię. Kliknij kartę „wyświetl reguły”, a następnie wybierz „koszyk WooCommerce Zawiera” i wybrany produkt dla Twojej reguły:

Musisz skonfigurować osobną regułę dla każdego produktu, do którego chcesz zastosować cross-sell. Po prostu kliknij, aby dodać nową regułę „lub”:

Następnie dodaj swoją regułę jak wcześniej:

Nie zapomnij kliknąć przycisku „Zapisz” w prawym górnym rogu ekranu. Teraz wystarczy postępować zgodnie z instrukcjami pod koniec tego samouczka, aby umieścić wyskakujące okienko na swojej stronie.

Jak utworzyć wyskakujące okienko WooCommerce, aby klienci mogli wydawać więcej

Wyskakujące okienko upsell pozwala zachęcić klientów do zakupu produktu, który jest droższy niż ten, który rozważali.

Na przykład, jeśli sprzedajesz pakiet oprogramowania, możesz zaoferować specjalną ofertę na plan o wyższej cenie.

Aby utworzyć wyskakujące okienko sprzedaży, musisz najpierw utworzyć nową kampanię OptinMonster. Wybierz „wyskakujące okienko” dla rodzaju kampanii i wybierz dowolny szablon, którego chcesz użyć. Będziemy używać szablonu 'Flash’:

Po wybraniu szablonu OptinMonster poprosi Cię o nazwanie kampanii i wybranie strony, na której chcesz ją uruchomić. Gdy to zrobisz, po prostu kliknij przycisk Rozpocznij budowanie:

Możesz teraz zmienić wszystko, co chcesz w kampanii, klikając na przedmiot. Zmienimy timer na dynamiczny (wiecznie zielony) timer. Oznacza to, że będzie on ustalany indywidualnie dla każdego klienta:

Jeśli chcesz od razu dać klientom kupon, po prostu Usuń pole e-mail. Łatwo jest użyć funkcji „Dodaj bloki”, aby dodać pole tekstowe z kodem kuponu.

Gdy jesteś zadowolony ze swojego kuponu, kliknij przycisk „Zapisz” w prawym górnym rogu. Następnie kliknij kartę „wyświetl reguły”.

Po prostu postępuj zgodnie z powyższymi instrukcjami dla kuponów cross-sell, aby połączyć OptinMonster i WooCommerce. Następnie Ustaw regułę wyświetlania, aby wyświetlić wyskakujące okienko, gdy użytkownik patrzy na określony produkt:

Tip: Nie chcesz przejść przez etapy łączenia OptinMonster i WooCommerce? Zamiast tego można użyć reguły kierowania strony OptinMonster, aby kierować adres URL strony produktu.

Po ustawieniu reguł wyświetlania Zapisz wyskakujące okienko. Następnie po prostu umieść go na swojej stronie, postępując zgodnie z instrukcjami na końcu tego samouczka.

Jak stworzyć Gamified WooCommerce’ Spin to Win ’ Popup

Wyskakujące okienko spin a wheel, na które przyjrzymy się, jest nieco inne. Gamified’ spin to win ’ popup daje klientowi specjalną ofertę lub kupon. Jest to zabawna alternatywa dla zwiększenia konwersji i ogólnego zaangażowania.

Najpierw Utwórz nową kampanię w OptinMonster i wybierz Gamifikowany typ kampanii. Istnieją 3 Szablony do wyboru. Będziemy używać niebieskiego koła:

OptinMonster poprosi Cię o nadanie kampanii nazwy i wybranie strony internetowej, na której chcesz ją załadować. Gdy to zrobisz, po prostu kliknij przycisk „Rozpocznij budowanie”.

Teraz zobaczysz szablon koła kuponu w edytorze OptinMonster. Po prostu kliknij dowolny element, który chcesz zmienić. Aby edytować różne opcje koła, kliknij na nie, a następnie kliknij przycisk „Edytuj sekcje koła”:

Gdy będziesz zadowolony ze swojego koła kuponu, kliknij przycisk „Zapisz” u góry ekranu:

Wystarczy postępować zgodnie z naszym przewodnikiem krok po kroku, aby utworzyć wyskakujące okienko „spin to win”, jeśli chcesz uzyskać więcej pomocy w ustawieniu koła kuponu.

Musisz również połączyć OptinMonster z systemem poczty e-mail. Aby to zrobić, po prostu kliknij kartę „integracje”, a następnie kliknij przycisk „Dodaj nową integrację” :

Następnie musisz wybrać dostawcę poczty e-mail z rozwijanej listy:

Postępuj zgodnie z instrukcjami wyświetlanymi na ekranie, aby połączyć OptinMonster z dostawcą poczty e-mail. Nie zapomnij kliknąć ponownie przycisku „Zapisz” u góry ekranu. Teraz możesz umieścić wyskakujące okienko na swojej stronie, postępując zgodnie z instrukcjami na końcu tego samouczka.

Jak utworzyć wyskakujące okienko na pełnym ekranie dla WooCommerce

Innym bardzo skutecznym wyskakującym okienkiem, które możesz stworzyć dla swojego sklepu internetowego, jest wyskakujące okienko WooCommerce na pełnym ekranie. Pozwala to powitać nowych użytkowników i zachęcić ich do dołączenia do listy e-mailowej. Możesz zaoferować im specjalną zniżkę w zamian.

Aby utworzyć wyskakujące okienko pełnoekranowe w OptinMonster, Utwórz nową kampanię i wybierz typ kampanii pełnoekranowej. Następnie wybierz szablon. Użyjemy szablonu nieruchomości do naszego wyskakującego okienka:

Następnie musisz wprowadzić nazwę kampanii i wybrać witrynę, na której będzie wyświetlana. Gdy będziesz gotowy, kliknij przycisk „Rozpocznij budowanie”.

Teraz zobaczysz swoją pełnoekranową matę powitalną w programie OptinMonster builder. Możesz edytować tekst i obraz, aby pasował do twojego sklepu. Po prostu kliknij na cokolwiek chcesz zmienić.

Zmienimy tekst klikając na niego i edytując go w okienku po lewej stronie:

Śmiało, wprowadzaj inne zmiany.

Następnie należy zintegrować OptinMonster ze swoją listą e-mail, klikając kartę „integracje”. Aby uzyskać instrukcje na ten temat, zapoznaj się z naszym przewodnikiem zakręć Kołem wyskakujące okienka powyżej.

Gdy będziesz zadowolony z maty powitalnej, nie zapomnij kliknąć przycisku „Zapisz”. Następnie możesz przejść do zakładki „wyświetl reguły”:

W przypadku reguł wyświetlania chcesz ustawić matę powitalną tak, aby wyświetlała się tylko pierwszym odwiedzającym. Aby to zrobić, kliknij menu rozwijane „czas na stronie” i wybierz opcję „Nowy użytkownik”:

Jeśli chcesz, aby mata powitalna była wyświetlana na wszystkich stronach Twojej witryny, po prostu pozostaw listę rozwijaną „bieżąca ścieżka URL” ustawioną na „jest dowolną stroną”. Nie zapomnij kliknąć przycisku „Zapisz” u góry ekranu:

Możesz teraz umieścić wyskakujące okienko na swojej stronie, postępując zgodnie z poniższymi instrukcjami.

Aby uzyskać więcej wskazówek, sprawdź nasz przewodnik po tworzeniu maty powitalnej dla Twojej witryny WordPress. Znajdziesz tam również kilka przydatnych przykładów.

Umieszczenie wyskakującego okienka WooCommerce na twojej stronie

Po utworzeniu dowolnego wyskakującego okienka musisz go uruchomić, zanim pojawi się na twojej stronie. Najpierw musisz kliknąć zakładkę „Publikuj” w aplikacji OptinMonster. Następnie kliknij przełącznik „Status”, aby ustawić go na aktywny.

Uwaga: Wyskakujące okienko nie będzie działać od razu. Nadal musisz żyć z nim w WordPress.

Teraz wróć do swojego administratora WordPress i kliknij pozycję menu OptinMonster.

Powinieneś wtedy zobaczyć swoje wyskakujące okienko wymienione tutaj:

Musisz kliknąć przycisk „Go Live”, aby uruchomić kampanię:

Zawsze dobrze jest sprawdzić witrynę, aby upewnić się, że wyskakujące okienko wyświetla się zgodnie z przeznaczeniem. Oto nasza kampania cross-sell w akcji, promująca czapki przeciwsłoneczne, gdy w Koszyku klienta znajduje się letnia koszula:

Mamy nadzieję, że ten artykuł pomógł Ci dowiedzieć się, jak stworzyć wyskakujące okienko WooCommerce, aby zwiększyć sprzedaż. Możesz również polubić naszą listę najlepszych wtyczek WooCommerce dla Twojego sklepu oraz nasze porównanie najlepszych dostawców hostingu WooCommerce, aby przyspieszyć twój sklep.

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