Jak używać bloków dynamicznych w formularzach

Czego się dowiesz

Dowiedz się więcej o dynamicznych blokach i o tym, jak możesz ich używać w formularzu rejestracyjnym, aby tworzyć różne widoki i doświadczenia dla kupujących na komputerach stacjonarnych i urządzeniach mobilnych. Każdy blok w twoim formularzu może być dynamiczny poprzez dostosowanie jego ustawień widoczności.

Dynamiczny blok pozwala kontrolować, który blok pojawia się w zależności od urządzenia. Możesz skonfigurować blok tak, aby pojawiał się w formularzu w różny sposób w zależności od urządzenia lub aby pojawiał się na jednym urządzeniu, ale nie na drugim.

Przypadki użycia dla bloków dynamicznych:

• Dostosuj wyświetlanie formularzy dla różnych typów urządzeń (np. mobilnych i stacjonarnych), aby kupujący widzieli projekt dostosowany do ich ekranu.
• Utwórz pojedynczy formularz z różnymi metodami SMS opt-in wyświetlanymi na każdym typie urządzenia, aby zoptymalizować konwersję (np. pokaż opcję tap-to-text na urządzeniach mobilnych i pole wejściowe numeru telefonu na urządzeniach stacjonarnych).

Kilka słów na początek

Otwórz swój formularz w edytorze i przejdź do sekcji Targetowanie i zachowania. Upewnij się, że Twój formularz jest wyświetlany zarówno na komputerach stacjonarnych, jak i urządzeniach mobilnych, aby wszyscy kupujący mogli go zobaczyć.

To ustawienie pozwoli Ci skonfigurować oddzielne wyświetlacze dla komputerów stacjonarnych i urządzeń mobilnych.

Używaj dynamicznych bloków do tworzenia odrębnych widoków na komputery stacjonarne i urządzenia mobilne.

Każdy blok lub słup wejściowy w formularzu, zarówno istniejący, jak i nowo dodany z zakładki Dodaj blok, może być dynamiczny. Aby dostosować, które urządzenia wyświetlają określony blok, wykonaj następujące kroki:

1. Kliknij blok w panelu podglądu formularza (np. blok tekstowy).
2. W menu ustawień bloku po lewej stronie przewiń w dół do opcji Widoczność.
3. Wybierz, czy blok ma być wyświetlany na komputerach stacjonarnych, urządzeniach mobilnych czy na wszystkich urządzeniach.
4. Powtórz ten proces dla wszystkich bloków, które mają być dynamiczne.

Aby wyświetlić podgląd wyglądu formularza na każdym urządzeniu, użyj selektora widoku w prawym górnym rogu edytora formularzy. Możesz przełączać powrót między ikoną pulpitu a ikoną urządzenia mobilnego, aby zobaczyć każdy widok.

• Widok pulpitu pokazuje, jak twój formularz będzie wyglądał dla kupujących przeglądających twoją witrynę na komputerze. W tym widoku widoczne będą tylko bloki skonfigurowane dla Pulpitu i Wszystkich urządzeń.
• Widok mobilny wyświetla podgląd tego, co kupujący zobaczą podczas przeglądania na urządzeniu mobilnym. Wyświetla blok skonfigurowany dla urządzeń mobilnych i wszystkich urządzeń.

Przykład

Załóżmy, że chcesz, aby tekst nagłówka formularza wyświetlał się inaczej na komputerze niż na urządzeniu mobilnym. Aby to skonfigurować:

1. W selektorze widoków w prawym górnym rogu wybierz ikonę pulpitu. 
2. Wybierz tekst, który chcesz edytować w podglądzie formularza i wprowadź zmiany.
3. W menu ustawień bloku tekstowego przewiń do opcji Widoczność i ustaw blok tekstowy na wyświetlanie tylko na pulpicie .
   
   

   Ustawiając blok na wyświetlanie tylko na pulpicie, decydujesz się ukryć blok przed użytkownikami mobilnymi, więc nie będzie on widoczny w podglądzie mobilnym.

4. Aby dostosować widok mobilny, przełącz się na podgląd mobilny, wybierając ikonę mobilną w selektorze widoku.
5. Przejdź do zakładki Dodaj blok i przeciągnij nowy tekst element do podglądu mobilnego.
6. Dostosuj domyślny tekst nagłówka dla klientów mobilnych. Ten tekst powinien różnić się od tego, którego użyłeś w wersji desktopowej.
7. W menu ustawień bloku tekstowego przewiń w dół do opcji Widoczność i ustaw ten blok tekstowy na wyświetlanie na urządzeniach mobilnych.
   
   
8. Opcjonalnie: Powtórz ten proces dla innych elementów lub słupów wejściowych, które mają być wyświetlane w różny sposób w zależności od typu urządzenia (np. pokaż obraz kupującym na komputerach stacjonarnych, ale ukryj go na urządzeniach mobilnych).
   • Jeśli chcesz, aby obrazy w formularzu były dynamiczne, możesz to zrobić:
     • Dodaj obraz boczny zarówno do widoku mobilnego, jak i stacjonarnego, lub tylko do jednego z nich.
     • Użyj obrazu bocznego w widoku na komputery stacjonarne i umieść obraz nad tekstem nagłówka na urządzeniach mobilnych lub odwrotnie. 

Użyj dynamicznego bloku, aby zoptymalizować kolekcję zgoda na wysyłkę SMS

Jeśli masz formularz rejestracyjny, który gromadzi zgodę na wysyłkę SMS, możesz użyć dynamicznego bloku, aby zoptymalizować metodę opt-in SMS dla każdego urządzenia (np. pokaż kupującym mobilnym przycisk tap-to-text, podczas gdy kupujący stacjonarni zobaczą słupek wejściowy z numerem telefonu). 

Aby to skonfigurować:

1. Otwórz istniejący formularz w edytorze i przejdź do kroku SMS Opt-in na pasku menu. 
   • Jeśli Twój formularz nie ma jeszcze tego kroku, kliknij +Krok > SMS Opt-in i wybierz listę, aby go dodać.
     
2. W selektorze widoku w prawym górnym rogu wybierz ikonę pulpitu, aby dostosować widok pulpitu formularza. 
3. Wybierz pole wejściowe numeru telefonu w podglądzie i w sekcji Widoczność ustaw je na Pokaż na pulpicie. Zrób to samo dla języka ujawniania SMS-ów i przycisku przesyłania.
   
   

   Pamiętaj, że jeśli ustawisz blok tak, aby był wyświetlany na urządzeniach stacjonarnych, nie będzie on ukryty w widoku mobilnym. 

4. Przejdź do widoku mobilnego formularza, wybierając ikonę telefonu komórkowego w prawym górnym rogu.
5. Wybierz kartę Dodaj blok, a następnie przeciągnij i upuść nowy blok przycisku do podglądu mobilnego. 
6. Zmień działanie przycisku na subskrybuj przez SMS.
   
   
7. Dostosuj subskrybować słowo kluczowe i subskrybować wiadomość dla swojego wezwania do działania (CTA).
8. W sekcji Region wysyłania wybierz odpowiedni numer telefonu dla regionu, do którego chcesz kierować formularz. 
9. przełączenie powrotu między widokiem stacjonarnym i mobilnym, aby upewnić się, że blok jest wyświetlany zgodnie z zamierzeniami na każdym urządzeniu. 

Teraz Twój dynamiczny blok jest skonfigurowany do zbierania zgoda na wysyłkę SMS w najbardziej zoptymalizowany sposób zarówno dla komputerów stacjonarnych, jak i urządzeń mobilnych. 

Kolejne kroki

Zanim opublikujesz swój formularz rejestracyjny, przejdź do zakładki Style, aby zmienić układ, czcionki i kolory tak, aby pasowały do Twojej marki. Pamiętaj również, aby dodać i dostosować język ujawniania wiadomości SMS.

Dodatkowe źródła

Odniesienie do metod SMS opt-in

Zrozumienie bloków i pól formularza

Zrozumienie stylów dla formularza rejestracyjnego

szkolenie: Klaviyo Certyfikacja produktowa