Jak dodać wyskakujące okienko w Shopify

Opublikowany: 2021-11-26

Po co dodawać wyskakujące okienka do sklepu Shopify?

To proste.

Możesz osiągnąć wiele celów e-commerce, takich jak:

  • Konwertuj do 10% ruchu na stronie
  • Odzyskaj porzucone koszyki
  • Generuj tysiące leadów co miesiąc
  • Przyciągaj ruch na strony ze sprzedażami i promocjami

Czy brzmi to jak cele rozwoju firmy, które próbujesz osiągnąć? Jeśli tak, nauczmy się dodawać wyskakujące okienka w Shopify.

Przejdź do sekcji treści:

  • Rodzaje wyskakujących okienek Shopify
  • Jak dodać wyskakujące okienko w Shopify

Rodzaje wyskakujących okienek do dodania w Shopify

Istnieje wiele typów wyskakujących okienek, których możesz użyć do konwersji odwiedzających sklep Shopify. Każdy typ ma na celu osiągnięcie określonego celu.

Aplikacje wyskakujące Shopify mają gotowe wyskakujące okienka dla różnych celów, więc wystarczy wybrać odpowiednie, dostosować je i dodać do swojego sklepu.

Najpopularniejsze typy wyskakujących okienek to:

  • Wyskakujące okienka e-mail . Poproś o e-maile w zamian za zachętę
  • Wyskakujące okienka ankiety . Zbieraj opinie/odpowiedzi od odwiedzających
  • Wyskakujące okienka z kuponami . Podaruj kupony z rabatami, aby zwiększyć sprzedaż
  • Wyskakujące okienka biuletynu . Poproś użytkowników o subskrybowanie biuletynów e-mail
  • Wyskakujące okienka typu spin-to-win . Zaproś odwiedzających do gry
  • Wyskakujące okienka dostosowane do urządzeń mobilnych . Zoptymalizowany do oglądania na urządzeniach mobilnych
  • Wyskakujące okienka promocji sprzedaży . Udostępnij szczegóły promocji, aby zachęcić do sprzedaży
  • Wyskakujące okienka odzyskiwania koszyka . Zmniejsz liczbę porzucanych koszyków dzięki przypomnieniom i/lub zachętom, takim jak rabaty i bezpłatna wysyłka

Jest więcej wyskakujących okienek Shopify do rozważenia. Ale dobrą wiadomością jest to, że potrzebujesz tylko jednego wyskakującego narzędzia Shopify, aby móc korzystać ze wszystkich tych typów i nie tylko.

Potrzebujesz więcej informacji o różnych typach wyskakujących okienek? Zajrzyj do naszych innych poradników:

40 przykładów wyskakujących okienek e-mail
Jak tworzyć wyskakujące okienka typu spin-to-win
Przykłady wyskakujących okienek SMS + jak je tworzyć

Jak dodać wyskakujące okienko w Shopify

Teraz wiesz, czym są wyskakujące okienka i jakie korzyści przynoszą one sklepom Shopify, zróbmy jeden.

Krok 1: Dodaj wyskakującą aplikację Shopify do swojego sklepu [bezpłatnie]

W tym samouczku użyjemy Wisepops .

Dzięki tej aplikacji wyskakującej Shopify możesz korzystać ze wszystkich typów wyskakujących okienek. Ale co najważniejsze, Wisepops ma 4,9-gwiazdkową ocenę (na 5) od użytkowników Shopify.

Aby dodać wyskakujące okienko do Shopify, przejdź do strony Wisepops w Shopify App Store . Kliknij Dodaj aplikację , aby rozpocząć instalację.

Sklep Shopify

Jeśli wylogujesz się ze swojego sklepu, kliknięcie Dodaj aplikację przeniesie Cię do strony logowania Shopify. Wprowadź swoje dane, aby zakończyć instalację.

Następny -

Po zalogowaniu zobaczysz okno powiadamiające o instalacji Wisepops w panelu administracyjnym Shopify. Kliknij Zainstaluj aplikację .

Shopify zainstaluj aplikację Wisepops

Kliknięcie przycisku Zainstaluj aplikację przeniesie Cię do strony rejestracji Wisepops Shopify .

Przejdźmy teraz do następnego kroku: dodawania swoich danych do Wisepops.

Krok 2: Załóż darmowe konto Wisepops

Aplikacja Wisepops ma dwa proste etapy rejestracji.

Możesz zarejestrować się na dwa sposoby: za pomocą swojego Gmaila lub swojego imienia, adresu e-mail i hasła. Wybierz preferowaną metodę rejestracji, aby kontynuować.

Zarejestruj się Wisepops

W następnym oknie –

Dodaj swoją witrynę, nazwę i wielkość firmy oraz inne informacje związane z biznesem. Te odpowiedzi pomogą Wisepops zwiększyć trafność Twojej aplikacji.

Informacje o rejestracji Wisepops

Kliknij Rozpocznij moją bezpłatną wersję próbną , aby zakończyć rejestrację i zintegrować swój sklep Shopify z Wisepops.

Zajmuje to trzy sekundy, więc teraz możesz zacząć tworzyć swoją pierwszą wyskakującą kampanię, aby skonwertować odwiedzających!

Uwaga : Możesz również dodać Wisepops do swojego sklepu za pomocą kodu konfiguracyjnego .

Krok 1 : Załóż darmowe konto na stronie Wisepops.
Krok 2 : W Wisepops przejdź do Ustawienia > Strony internetowe , kliknij ikonę z trzema kropkami obok adresu URL Twojego sklepu.
Krok 3: Wybierz kod konfiguracji w menu, które się pojawi, aby wyświetlić kod.
Krok 4: Dodaj kod tuż przed tagiem </body> w motywie Twojego sklepu.
Przykładowy kod konfiguracji Wisepops
Potrzebujesz pomocy przy dodawaniu Wisepops do swojego sklepu Shopify?
Napisz do naszego zespołu wsparcia za pomocą przycisku czatu na żywo na stronie internetowej. Odwiedź nasze Centrum pomocy (ta sekcja dotycząca osadzania kodu Wisepops powinna być przydatna)

Krok 3: Utwórz wyskakującą kampanię

Wróćmy do pulpitu nawigacyjnego Wisepops.

Aby utworzyć nowe wyskakujące okienko dla swojego sklepu Shopify, kliknij Nowa kampania.

Wisepopse utwórz nową kampanię

Menu zawiera dwie opcje: Asystent kampanii i Kampania niestandardowa .

Asystent kampanii Wisepops

Jeśli tworzysz kampanię po raz pierwszy, wybierz asystenta kampanii. W ten sposób otrzymasz wskazówki dotyczące całego procesu, dzięki czemu dodanie wyskakującego okienka do Shopify będzie jeszcze łatwiejsze.

Kliknij Asystenta kampanii , aby kontynuować.

Krok 4: Wybierz cel kampanii

Czas zdecydować o celu naszego pierwszego wyskakującego okienka Shopify.

Przejdźmy do Drive Sales , ponieważ, cóż, który właściciel sklepu Shopify by tego nie chciał?

Cel kampanii Wisepops

Kliknij Zwiększ sprzedaż .

Następnie Wisepops pokaże Ci sposoby na zwiększenie sprzedaży: bezpłatna wysyłka, kupony pierwszego zamówienia, oferty ograniczone czasowo i inne.

Wybierzmy bezpłatną wysyłkę .

Oznacza to, że przy zakupach powyżej określonej kwoty zapewnimy Twoim klientom bezpłatną wysyłkę. Ta technika może pomóc w zwiększeniu sprzedaży, ponieważ bezpłatna dostawa jest głównym powodem, dla którego ludzie robią zakupy online.

Mądrali wybierają cel

Krok 5: Wybierz szablon wyskakujący

Po wybraniu opcji Bezpłatna dostawa zostaniesz automatycznie przekierowany do biblioteki szablonów. Tam możesz wybrać format wyskakującego okienka Shopify.

Wybierzmy trzeci szablon (patrz poniżej). Jest to nieinwazyjne wyskakujące okienko witryny, które można wyświetlić w rogu ekranu.

Wisepops wybierz szablon

Oto podgląd tego wyskakującego okienka w Wisepops (musisz być zalogowany, aby wyświetlić).

Uwaga: Możesz zobaczyć, jak każdy szablon będzie wyglądał w Twoim sklepie Shopify. Wystarczy kliknąć przycisk podglądu, który pojawia się po najechaniu kursorem na szablon.

Podgląd Wisepops

Krok 6: Dostosuj kampanię

Po wybraniu szablonu wyskakującego nastąpi przekierowanie do edytora kampanii.

Sprawmy, aby kampania wyglądała jak naturalna część Twojego sklepu Shopify. Jest to proste: po prostu najedź na element, aby wyświetlić opcje edycji.

Tak jak tutaj, opcje pojawiają się, gdy najeżdżam na główny nagłówek wyskakującego okienka.

Wisepops dostosuj kampanię

Wskazówki dotyczące dostosowywania:

  • Dodaj oryginalny obraz
  • Użyj kolorów swojej marki, aby uzyskać spójność projektu
  • Nadaj przyciskowi CTA kontrastowy kolor, aby się wyróżniał
  • Dodaj link do strony produktu lub strony kategorii produktu w menu tekstowym CTA, aby kierować odwiedzających do zakupów

Oto wskazówka, spróbuj ustawić próg bezpłatnej wysyłki na 100 USD. Jest to kwota, którą użytkownicy muszą wydać, aby uruchomić bezpłatną wysyłkę.

National Retail Federation sugeruje, że 65% klientów zwraca uwagę na progi przed dodaniem produktów do koszyka. Na Twój próg będzie oczywiście miał wpływ koszt Twoich towarów.

Chcesz, aby przykłady pięknych wyskakujących okienek Cię zainspirowały?
25 przykładów dobrze wyglądających okienek Shopify
Przykłady projektowania wyskakujących okienek e-mail + Profesjonalne porady projektowe
20 wspaniałych przykładów projektowania wyskakujących okienek + najlepsze praktyki

Krok 7: Skonfiguruj scenariusz wyświetlania wyskakującego okienka

Czas wyskakujących okienek odgrywa decydującą rolę w maksymalizacji konwersji.

W takim przypadku chcemy, aby wszyscy odwiedzający zobaczyli nasze wyskakujące okienko Shopify. Dlatego możemy chcieć pokazać kampanię, gdy ładują się do Twojego sklepu.Aby ustawić czas, przejdź do wyzwalacza

w menu Wyświetlacz .

Tam wybierz Przy lądowaniu .

Scenariusz wyświetlania Wisepops

Po ustawieniu czasu dodajmy 10-sekundowe opóźnienie.

Oznacza to opóźnienie wyświetlania wyskakującego okienka o 10 sekund. Ponieważ natychmiastowe wyświetlanie wyskakujących okienek może być frustrujące dla niektórych odwiedzających, opóźnienie pozwoli im najpierw szybko się rozejrzeć.

Aby dodać opóźnienie, znajdź sekcję Timing w zakładce Trigger . Tam kliknij Po opóźnieniu .

Ustawienie opóźnienia strony Wisepops

Gdy klikniesz Po opóźnieniu , zobaczysz pole wpisu i pole wyboru.

Dodaj „10” do pola i wybierz Sekundy na stronie z menu rozwijanego (tak jak na obrazku poniżej). Gdy skończysz, kliknij +Dodaj regułę .

Czas mądrych

Teraz, po dodaniu opóźnienia czasowego, Twoje zadanie tworzenia kampanii jest prawie ukończone.

Czas uratować kampanię.

Kliknij Zapisz w prawym górnym rogu edytora.

Mądrali zapisz
Więcej informacji o tym, jak czas wyskakujących okienek wpływa na konwersje: Jak znaleźć najlepszy czas na wyświetlenie oferty .

Krok 8: Aktywuj wyskakującą kampanię Shopify

Jedynym krokiem między Tobą a aktywną kampanią jest aktywacja.

Zróbmy to teraz.

Przejdź do pulpitu nawigacyjnego (kliknij logo Wisepops w lewym górnym rogu) i upewnij się, że jesteś na karcie Kampanie .

Tam ustaw przełącznik w pozycji włączonej (prawa pozycja, jak pokazano poniżej). Gdy to zrobisz, kampania jest aktywna!

Wisepops aktywują kampanię
Samouczek wyskakującego okienka Spin-to-Win
Co powiesz na stworzenie wyskakującego okienka, które generuje 5000 leadów miesięcznie? W tym studium przypadku Faguo znajdziesz samouczek, w którym znajdziesz najskuteczniejszą kampanię typu „spin-to-win” marki.

Przykład wyskakującego okienka Faguo

Dowiedz się więcej o wyskakujących okienkach Shopify

Dzięki Wisepops możesz uruchomić niemal każdą wyskakującą kampanię Shopify, aby osiągnąć swoje cele rozwoju. Oznacza to, że w Wisepops znajdziesz wiele funkcji zorientowanych na konwersję, wspaniałe szablony wyskakujących okienek i profesjonalne porady marketingowe.

W tym miejscu zalecamy zapoznanie się z tymi opcjami:

  • Eksperymentuj z funkcjami menu głównego
  • Zapoznaj się z prezentacją produktu, aby dowiedzieć się więcej o typach wyskakujących okienek i zaletach
  • Przeczytaj studium przypadku Asphalte i studium przypadku OverstockArt, aby dowiedzieć się, w jaki sposób firmy co miesiąc generują tysiące potencjalnych klientów dzięki Wisepops

Menu główne w Wisepops zawiera wiele dostosowań do kampanii wyskakujących. Na przykład w sekcjach Popup i Blocks możesz tworzyć wyskakujące okienka o różnych rozmiarach, formatach, układach i dodawać różne przyciski.

Bloki Wisepops

Ponadto nasz blog jest źródłem wyskakujących porad, historii sukcesu i najlepszych praktyk. Te posty powinny być interesujące dla właścicieli sklepów Shopify, takich jak Ty:

  • 5 strategii wyskakujących okienek, aby zwiększyć współczynnik akceptacji
  • Jak uzyskać sprzedaż w Shopify: 12 wskazówek + przykładów
  • 15 najlepszych praktyk w wyskakujących okienkach w celu generowania potencjalnych klientów i sprzedaży

Last but not least –

Gratulacje, zrobiłeś to!

Dołączyłeś do klubu sklepów Shopify, które konwertują odwiedzających za pomocą wyskakujących kampanii. Twórz kampanie, eksperymentuj z ofertami i rozwijaj swój biznes.

Jak dodać wyskakujące okienka do Shopify: podsumowanie

Wyskakujące okienka Shopify mogą stać się Twoją wiodącą techniką marketingu na miejscu i generowania leadów. Utwórz swoją pierwszą kampanię, wypróbuj różne metody i zachęty dla odwiedzających i obserwuj, jak Twoja firma rozwija się jak nigdy dotąd.

Spróbuj, a zobaczysz, że wyskakujące okienka Shopify umożliwiają generowanie tysięcy potencjalnych klientów na autopilocie.