Jak utworzyć quiz na swojej stronie internetowej
Tworzenie interaktywnego quizu marketingowego z wirtualnym konsultantem, rozgałęzianie pytań i zbieranie zgłoszeń za pośrednictwem usług gromadzenia danych.
Quiz marketingowy to formularz krok po kroku, który może pomóc zmienić odwiedzających w klientów, prowadząc ich do odpowiedniego produktu lub usługi, identyfikując ich potrzeby i punkty bólu oraz zbierając niezbędne informacje, w tym dane kontaktowe, w celu przyspieszenia cyklu sprzedaży.
Przeczytaj ten przewodnik, aby dowiedzieć się, jak dodać i skonfigurować quiz marketingowy na swojej stronie Tilda .
Przeczytaj ten przewodnik, aby dowiedzieć się, jak dodać i skonfigurować quiz marketingowy na swojej stronie Tilda .
Obecnie ta funkcja jest w fazie testów beta. Aby uzyskać dostęp, wystarczy zaznaczyć pole "Opt-in to become a beta-tester and try new features before they are released" na swoim koncieTilda .
Jak dodać quiz i skonfigurować podstawowe ustawienia
Jakie rodzaje kroków są dostępne w formularzu quizu i jak je skonfigurować?
Dodanie wirtualnego konsultanta, który przeprowadzi odwiedzającego przez kolejne kroki.
Jak pokazywać i ukrywać określone kroki w zależności od odpowiedzi odwiedzającego?
Jak skonfigurować przekazywanie danych do usług innych firm?
Dodawanie bloku quizu
Przejdź do Biblioteki bloków → kategorii Formularz → wybierz blok QZ101 lub jedną z jego odmian (QZ101A-QZ101F). Warianty różnią się wyglądem, dostępnością konsultantów i rozgałęzieniami odpowiedzi.
Czym jest rozgałęzienie?
Rozgałęzianie to ustawienie w formularzach, które pozwala pokazać lub ukryć określone pole na podstawie wartości w poprzednich polach. Czytaj więcej→
Quiz można umieścić po dowolnej stronie strony (z regulowaną szerokością w kolumnach i wysokością w pikselach), rozciągnąć do pełnego ekranu lub wyświetlić w wyskakującym okienku.
Można to skonfigurować w zakładce Ustawienia → Główne ustawienia bloku quizu. Po włączeniu opcji "Otwórz blok w wyskakującym okienku" w zakładce Ustawienia pojawi się dodatkowa karta z ustawieniami wyskakującego okienka.
Można to skonfigurować w zakładce Ustawienia → Główne ustawienia bloku quizu. Po włączeniu opcji "Otwórz blok w wyskakującym okienku" w zakładce Ustawienia pojawi się dodatkowa karta z ustawieniami wyskakującego okienka.
W zakładce Ustawienia główne można również określić sposób rozmieszczenia pól formularza oraz to, czy konsultant będzie częścią formularza.
Konfigurowanie układu etapów quizu: Możesz wybrać wyświetlanie pytań w jednej lub dwóch kolumnach o różnych proporcjach szerokości
Wybierz położenie panelu z podstawowymi informacjami dla użytkownika (i konsultanta, jeśli jest włączony): Można wybrać widok domyślny lub umieścić panel w górnej części okna albo po lewej lub prawej stronie
Zakładka "Styl formularza quizu" umożliwia dostosowanie wyglądu samego formularza quizu, w tym promienia obramowania, koloru obramowania i kolorów tła zarówno dla karty, jak i panelu. Można również dostosować wygląd elementów takich jak wskaźnik postępu, licznik kroków i elementy panelu konsultanta.
Pozostałe zakładki (Styl wprowadzania formularza, Przyciski, Typografia, Animacja) mają podobne lub identyczne ustawienia do tych, które można znaleźć w innych blokach w kategorii "Formularz".
Jak skonfigurować kroki quizu
Aby skonfigurować kroki quizu, przejdź do zakładki Zawartość bloku z formularzem quizu → zakładka "Kroki formularza quizu".
Krok reprezentuje każde pytanie lub ekran w quizie. Nowy blok oferuje kilka rodzajów kroków:
Okładka
Jest to pierwszy krok quizu, który można dostosować, dodając angażujący tekst i zdjęcie. Ten typ kroku służy podobnemu celowi w quizie, jak sekcja bohatera na stronie docelowej: Przyciąga uwagę, podkreśla główne korzyści z ukończenia quizu i motywuje użytkowników do wzięcia w nim udziału.
Okładka
Jest to pierwszy krok quizu, który można dostosować, dodając angażujący tekst i zdjęcie. Ten typ kroku służy podobnemu celowi w quizie, jak sekcja bohatera na stronie docelowej: Przyciąga uwagę, podkreśla główne korzyści z ukończenia quizu i motywuje użytkowników do wzięcia w nim udziału.
Typy kroków: Pytanie z odpowiedziami, Pytanie z odpowiedziami obrazkowymi, Ilość (suwak zakresu)
Kroki te stanowią interaktywny rdzeń quizu. Służą do zadawania pytań i wyświetlania opcji odpowiedzi. Możesz także dodać niestandardowy komunikat konsultanta dla każdego konkretnego pytania i zastosować logikę rozgałęzień - kolejne kroki będą wyświetlane na podstawie poprzednich odpowiedzi użytkownika.
Kroki te stanowią interaktywny rdzeń quizu. Służą do zadawania pytań i wyświetlania opcji odpowiedzi. Możesz także dodać niestandardowy komunikat konsultanta dla każdego konkretnego pytania i zastosować logikę rozgałęzień - kolejne kroki będą wyświetlane na podstawie poprzednich odpowiedzi użytkownika.
Typ kroku: Formularze kontaktowe
Ten typ kroku umożliwia utworzenie ekranu z formularzem do zbierania informacji kontaktowych odwiedzającego, który może być wykorzystany jako ostatni krok quizu. Możesz dołączyć różne pola danych i skonfigurować zarówno wiadomość główną, jak i wiadomość konsultanta.
Ten typ kroku umożliwia utworzenie ekranu z formularzem do zbierania informacji kontaktowych odwiedzającego, który może być wykorzystany jako ostatni krok quizu. Możesz dołączyć różne pola danych i skonfigurować zarówno wiadomość główną, jak i wiadomość konsultanta.
Typ kroku: Krok wielopolowy
Ten typ pola umożliwia utworzenie ekranu z formularzem zawierającym pola niestandardowe. W przeciwieństwie do formularza kontaktowego, ten ekran wyświetla tylko same pola, bez żadnych dodatkowych komunikatów.
Ten typ pola umożliwia utworzenie ekranu z formularzem zawierającym pola niestandardowe. W przeciwieństwie do formularza kontaktowego, ten ekran wyświetla tylko same pola, bez żadnych dodatkowych komunikatów.
Typy kroków: Wynik: treść (obraz + tekst) i Wynik: przekierowanie
Te typy kroków umożliwiają logiczne zakończenie quizu - albo ekranem końcowym zawierającym tekst, taki jak podziękowanie i obraz, albo przekierowaniem do żądanej strony (np. strony z aktualnymi ofertami promocyjnymi). Możesz także użyć logiki rozgałęzień, aby utworzyć różne możliwe ekrany końcowe, które będą wyświetlane na podstawie poprzednich odpowiedzi użytkowników.
Te typy kroków umożliwiają logiczne zakończenie quizu - albo ekranem końcowym zawierającym tekst, taki jak podziękowanie i obraz, albo przekierowaniem do żądanej strony (np. strony z aktualnymi ofertami promocyjnymi). Możesz także użyć logiki rozgałęzień, aby utworzyć różne możliwe ekrany końcowe, które będą wyświetlane na podstawie poprzednich odpowiedzi użytkowników.
Inne typy kroków mają takie same nazwy i działają podobnie do typów pól w standardowych formularzach. Po dodaniu jednego z tych kroków pojawi się nowy ekran z pojedynczym polem. Aby dowiedzieć się więcej o wszystkich dostępnych typach pól, zapoznaj się z przewodnikiem Jak skonfigurować formularze przechwytywania danych.
Jak skonfigurować panel konsultanta
W niektórych etapach quizu można dodać wirtualnego konsultanta - spersonalizowaną wiadomość od prawdziwej osoby, na przykład jednego z pracowników - który pomoże użytkownikowi przejść przez quiz, oferując wskazówki lub zachętę.
Aby skonfigurować ogólny wygląd panelu, w tym jego kolor tła, kolor tła wiadomości konsultanta i ustawienia wyświetlania obrazu ikony, przejdź do zakładki Ustawienia bloku → Styl formularza quizu.
W zakładce Zawartość bloku → Inne można określić imię i nazwisko konsultanta, przesłać jego zdjęcie i dodać ogólną wiadomość. Informacje te będą wyświetlane na wszystkich etapach formularza quizu, które zawierają pola wprowadzania danych.
Możesz określić unikalną wiadomość od konsultanta dla każdego kroku z osobna. Aby to zrobić, przejdź do żądanego kroku i kliknij "Więcej: warunki widoczności, konsultant".
Jak skonfigurować rozgałęzienia
Logika rozgałęzień lub warunki widoczności pól to funkcja, która umożliwia pokazywanie lub ukrywanie określonych pól na podstawie wartości wprowadzonych w poprzednich krokach. Innymi słowy, możesz kontrolować, które pola lub pytania są wyświetlane w zależności od odpowiedzi użytkownika.
Jest to szczególnie przydatne w quizie z wieloma opcjami wyboru, ponieważ rozgałęzienia zwiększają interaktywność i personalizację poprzez prezentowanie odpowiednich pytań uzupełniających i dostosowywanie wyniku końcowego.
Aby dowiedzieć się więcej o rozgałęzieniach, zapoznaj się z artykułem Jak dodać logikę rozgałęzień do formularzy online Tilda lub obejrzyj poniższy samouczek wideo.
Jest to szczególnie przydatne w quizie z wieloma opcjami wyboru, ponieważ rozgałęzienia zwiększają interaktywność i personalizację poprzez prezentowanie odpowiednich pytań uzupełniających i dostosowywanie wyniku końcowego.
Aby dowiedzieć się więcej o rozgałęzieniach, zapoznaj się z artykułem Jak dodać logikę rozgałęzień do formularzy online Tilda lub obejrzyj poniższy samouczek wideo.
Jak połączyć zewnętrzne usługi gromadzenia danych w celu śledzenia i przechowywania zgłoszeń?
Aby zbierać dane z quizu, podłącz jedną lub więcej zewnętrznych usług gromadzenia danych. Wybierz usługę w oparciu o swoje cele i preferencje. Aby uzyskać listę wszystkich dostępnych zintegrowanych usług i instrukcje dotyczące ich podłączania, zapoznaj się z przewodnikiem lub samouczkiem wideo poniżej.
