Czego się dowiesz?

Dowiedz się, jak dodać teaser do wyskakującego okienka, formularza rozwijanego poziomo lub pełnoekranowego formularza rejestracyjnego. Teaser to mały widżet, w który odwiedzający może kliknąć, aby otworzyć formularz lub otworzyć go ponownie po jego zamknięciu.

Teasery można używać w formularzach typu wyskakujące okienko, rozwijane poziomo i na całą stronę. Teasery nie są dostępne w przypadku formularzy osadzonych ani banerów.

Dodaj teaser do wyskakującego okienka, rozwijanego poziomo lub pełnoekranowego formularza rejestracyjnego

  1. Przejdź do Witryna > Formularzy rejestracyjnych.
  2. Kliknij Edytuj dla istniejącego formularza lub utwórz nowy.
  3. Kliknij (+) teaser w edytorze formularza.
The + Teaser button being selected from the menu bar within the form editor.
The + Teaser button being selected from the menu bar within the form editor.

Wybierz styl teasera

W sekcji Styl wybierz jeden z 3 kształtów teasera:

  • Prostokąt
    Użyj kształtu prostokąta dla teasera w stylu zakładki
  • Okrąg
    Użyj kształtu okręgu, aby uzyskać teaser w stylu dymka
  • Narożnik
    Użyj kształtu narożnika dla teasera schowanego w rogu witryny

W sekcji Layout umieść swojego teasera z boku lub w rogu witryny. Teasery w rogu można umieścić tylko w rogu. Rozmiar teasera jest zoptymalizowany pod kątem różnych urządzeń. Koniecznie sprawdź podglądy na komputer i na urządzenia mobilne, aby upewnić się, że umiejscowienie teasera nie koliduje z innymi elementami typu popup lub teaser na Twojej stronie.

The Styles section for the form editor for an example sign-up form showing the teaser set to Rectangle in the bottom right corner and size Medium.
The Styles section for the form editor for an example sign-up form showing the teaser set to Rectangle in the bottom right corner and size Medium.

W sekcji Układ wybierz Mały, Średni, Duży lub Niestandardowy z listy rozwijanej Rozmiar. Jeśli wybierzesz Niestandardowy, wpisz szerokość w pikselach.

Na urządzeniach mobilnych teasery prostokątne umieszczone u góry lub u dołu strony rozszerzają się do dostępnej szerokości, z uwzględnieniem ich marginesów. Ta automatyczna regulacja szerokości nie dotyczy teaserów prostokątnych umieszczonych po lewej lub prawej stronie. Sprawdź podgląd na urządzeniach mobilnych podczas wybierania rozmiaru i położenia.

Edytuj treść teasera

W sekcji Tekst dodaj lub edytuj tekst oraz style tekstu w swoim teaserze. Teaser powinien przynajmniej sugerować, co oferuje Twój formularz. Utrzymuj teaser krótki, aby uzyskać maksymalny efekt. Skorzystaj z tych przykładów tekstu teaser jako inspiracji:

  • 15% zniżki
  • Zrealizuj prezent
  • 🎁
  • Zgłoś się do udziału w losowaniu nagród
  • Bezpłatna wysyłka ➡️

Jeśli tekst teasera wspomina o konkretnej ofercie, upewnij się, że dostarczasz tę ofertę subskrybentom albo w komunikacie powodzenia formularza, albo za pomocą sekwencji powitalnej.

Możesz też edytować wygląd teasera za pomocą opcji Kolor tła, Cień, Obraz tła i Margines bloku. W przypadku prostokątnych teaserów możesz też dostosować promień narożnika.

The Content, Background, and Block Styles section for an example form teaser in the form editor.
The Content, Background, and Block Styles section for an example form teaser in the form editor.

Ustaw zachowania teaserów

W sekcji Ustawienia wyświetlania wybierz jedną z poniższych opcji, aby określić, kiedy wyświetli się teaser:

  • Wyświetl po zamknięciu formularza
    Teaser ustawiony tak, aby wyświetlał się po zamknięciu formularza, pozwoli odwiedzającemu ponownie otworzyć formularz, jeśli go odrzuci, ale nie pojawi się przed wyświetleniem formularza w wyskakującym okienku. Teaser może nadal wyświetlać się na stronach, które spełniają ustawienia targetowania formularza, chyba że odwiedzający odrzuci teaser. Aby zatrzymać przyszłe wyświetlenia po wykonaniu podstawowego działania konwersji, użyj ustawienia częstotliwości opisanego poniżej w sekcji Teasery formularza i podstawowe działania konwersji.
  • Pokaż przed wyświetleniem formularza
    Teaser ustawiony tak, aby wyświetlał się przed formularzem, pojawi się 2 sekundy po załadowaniu strony. Będzie wyświetlany, dopóki odwiedzający go nie kliknie lub dopóki nie zostaną spełnione warunki wyświetlania formularza (np. opóźnienie czasowe lub procent przewinięcia).

Pamiętaj, że jeśli formularz jest ustawiony na natychmiastowe wyświetlanie po załadowaniu strony lub po odczekaniu krótszym niż 2 sekundy, teaser zostanie pominięty.

  • Wyświetl przed pokazaniem formularza i po zamknięciu formularza
    Teaser z tym ustawieniem pojawi się 2 sekundy po załadowaniu strony i będzie wyświetlany dalej, chyba że formularz jest aktualnie otwarty lub odwiedzający odrzuci teaser. Ustawienia częstotliwości formularza określają, czy pojawi się ponownie po głównym działaniu konwersji, jak opisano poniżej.

Twoje ustawienia zapobiegania kolizjom mogą wpływać na początkowy wygląd teasera. Jeśli inny formularz już się wyświetlił, ustawienie, które zezwala tylko na 1 formularz na sesję, może uniemożliwić wyświetlenie teasera innego formularza, a opóźnienie czasowe może je odsunąć w czasie. Na przykład pięciominutowe opóźnienie może wstrzymać wyświetlenie kolejnego teaseru formularza do momentu upłynięcia tego czasu. Teaser formularza, który użytkownik właśnie zamknął, może się wyświetlić bez czekania na opóźnienie kolizji.

Oprócz powyższych zasad teaser będzie wyświetlał się tylko odwiedzającym, którzy spełniają ustawienia kierowania formularza dostępne w sekcji Kierowanie i zachowanie wyświetlania formularza. Na przykład teaser skonfigurowany tak, aby wyświetlał się przed pokazaniem formularza, pojawi się tylko u osób odwiedzających, które spełniają ustawienia kierowania formularza (np. członkostwo na liście/w segmencie, lokalizacja i URL). Gdy pozostałe wyzwalacze tego formularza zostaną spełnione (np. zamiar opuszczenia strony, długość przewijania lub opóźnienie czasowe), teaser zamknie się, a formularz się pojawi.

The Behavior section of the Teaser menu with the Show teaser setting set to after the form is closed, and the Show Close Button toggle on.
The Behavior section of the Teaser menu with the Show teaser setting set to after the form is closed, and the Show Close Button toggle on.

Dodaj przycisk zamknięcia do teasera

Możesz dodać przycisk zamknięcia do teasera formularza (przycisk X), aby umożliwić klientom zamknięcie teasera, jeśli nie są zainteresowani treścią formularza.

Domyślnie Twój teaser nie będzie zawierał ikony zamknięcia. Kliknij ikonę plus (+) obok Ikona zamknięcia, aby ją dodać.

Pamiętaj, że jeśli kupujący kliknie X, aby zamknąć teaser, będzie to podlegać tym samym regułom częstotliwości wyświetlania co formularz rejestracyjny, z którym jest połączony. Na przykład jeśli kupujący zamknie zarówno formularz, jak i jego teaser, a ten formularz jest ustawiony tak, aby wyświetlać się ponownie pięć dni po tym, jak ktoś go zamknie, to zarówno formularz, jak i jego teaser będą działać zgodnie z tym ustawieniem zachowania i wyświetlą się ponownie za pięć dni.

Teasery formularzy i podstawowe działania związane z konwersją

Jeśli teaser w formularzu wieloetapowym jest ustawiony tak, aby wyświetlał się po zamknięciu formularza, osoby odwiedzające mogą go użyć, aby wrócić do formularza. Aby formularz i teaser nie wyświetlały się ponownie po tym, jak odwiedzający wykona jego główną akcję konwersji, skonfiguruj ustawienia częstotliwości formularza. Dla formularza, który wyświetla się automatycznie:

  1. Otwórz Targetowanie & zachowanie wyświetlania i wybierz kartę Wyświetlanie.
  2. W sekcji Frequency wybierz opcję Nie pokazuj ponownie, jeśli formularz został przesłany lub jeśli kliknięto przycisk otwierania adresu URL.

Gdy to ustawienie jest zaznaczone, formularz i teaser przestają się wyświetlać przy kolejnych załadowaniach strony po wykonaniu głównego działania konwersji. Jeśli je odznaczysz, wykonanie działania nie zapobiegnie przyszłym wyświetleniom. Główne działanie konwersji zależy od formularza:

  • W przypadku formularzy z działaniami subskrypcji e-mail lub SMS wysłanie adresu e-mail lub numeru telefonu jest liczone jako podstawowe działanie konwersji.
  • W przypadku formularzy zawierających zarówno pola e-mail, jak i SMS w wielu krokach, przesłanie tego, co pojawi się jako pierwsze w formularzu, liczy się jako główne działanie konwersji.

Jeśli odwiedzający prześle główny krok konwersji (np. krok e-mail w formularzu wieloetapowym), a następnie odmówi wykonania drugiego kroku (np. kroku SMS), teaser nadal może pojawiać się na bieżącej stronie. Przy wybranym powyżej ustawieniu częstotliwości teaser przestaje się pojawiać po odświeżeniu strony przez odwiedzającego lub przejściu na nową stronę.

  • W przypadku formularzy bez działania subskrypcji e-mail lub SMS (np. wyskakującego okienka wyprzedaży błyskawicznej z działaniem „Przejdź do URL”), kliknięcie przycisku „Przejdź do URL” jest liczone jako podstawowe działanie konwersji.

Jeśli podstawowe działanie konwersji w wieloetapowym formularzu nie zostało ukończone, kliknięcie teasera formularza na tej samej stronie ponownie otworzy formularz na ostatnim nieukończonym kroku.

Opublikuj zmiany

  1. Sprawdź swój formularz i teaser w podglądzie na komputerze i urządzeniu mobilnym, a następnie rozwiąż wszystkie alerty, które blokują publikację.
  2. Kliknij Opublikuj lub zaplanuj w edytorze formularzy.
  3. Wybierz opcję Opublikuj teraz, a następnie kliknij Opublikuj teraz, aby zastosować zmiany w formularzu na żywo.

Usuń teaser

Usunięcie teasera powoduje usunięcie wszystkich jego ustawień. Jeśli później ponownie dodasz teaser do tego samego formularza, zostanie on zresetowany do domyślnych ustawień teasera.

  1. W edytorze formularza kliknij trzy kropki na przycisku teaser, a następnie kliknij Usuń.
  2. Kliknij Usuń teaser, aby potwierdzić.
  3. Kliknij Opublikuj lub zaplanuj, wybierz opcję Opublikuj teraz, a następnie kliknij Opublikuj teraz, aby zastosować usunięcie w formularzu na żywo.
The 3dots selected next to the Teaser button in the menu bar of the form editor showing the option to Delete.
The 3dots selected next to the Teaser button in the menu bar of the form editor showing the option to Delete.

Dodatkowe źródła

Czy ten artykuł był pomocny?
Ten formularz służy tylko do przesyłania opinii na temat artykułów. Dowiedz się, jak skontaktować się z zespołem ds. pomocy.

Dowiedz się od Klaviyo więcej

Społeczność
Nawiązuj kontakty z osobami na podobnych stanowiskach, partnerami oraz ekspertami i ekspertkami Klaviyo – inspirujcie się nawzajem, wymieniajcie spostrzeżeniami i pomagajcie szukać odpowiedzi na nurtujące Was pytania.
Partnerzy
Zatrudnij certyfikowanego eksperta Klaviyo, który pomoże Ci w konkretnym zadaniu lub w ciągłym zarządzaniu marketingiem.
Pomoc

Uzyskaj wsparcie za pośrednictwem konta.

E-mail do zespołu ds. pomocy (konta w bezpłatnym okresie próbnym oraz konta płatne) Całodobowa dostępność

Czat/wirtualna pomoc
Dostępność różni się w–zależności od lokalizacji i typu planu.