Como incorporar um quiz interativo no site: 6 formatos e guia passo a passo
Umieść interaktywny quiz na swojej stronie w 2 minuty — bez programistów, bez ręcznego kodowania. Wybierz odpowiedni format osadzania i zacznij zbierać leady od razu po publikacji.
Embed to sposób na umieszczenie quizu online bezpośrednio na Twojej stronie — bez przekierowywania odwiedzających na zewnętrzną stronę. Kopiujesz wygenerowany kod z ustawień quizu i wklejasz go na swojej stronie. Quiz pojawia się jako naturalna część Twojej strony, a nie jako zewnętrzny link.
To ma kluczowe znaczenie dla konwersji: gdy odwiedzający pozostaje na Twojej stronie i wypełnia formularz na miejscu — ufa Ci bardziej niż wtedy, gdy jest odsyłany do zewnętrznej strony. Osadzony quiz wygląda jak część strony, a nie jak reklama.
Jak osadzić quiz na stronie internetowej
Obejrzyj instrukcję krok po kroku — od wyboru formatu osadzania do uruchomienia quizu na stronie.
Zwykły formularz czy quiz: co lepiej konwertuje?
6 formatów osadzania quizu na stronie
AdsQuiz oferuje sześć różnych opcji osadzania quizu, każda dopasowana do konkretnego zadania. Używaj jednego formatu — lub łącz kilka na różnych podstronach.
Osadzony w treści strony
Quiz wyświetla się bezpośrednio w treści strony, jak zwykły blok contentu. Idealny dla landing page’ów, gdzie quiz jest głównym elementem konwersji.
Okno pop-up wyzwalane warunkiem
Quiz pojawia się jako okno modalne — po kliknięciu przycisku, po upływie czasu lub przy próbie wyjścia. Nie przeszkadza w przeglądaniu, dopóki odwiedzający nie będzie gotowy.
Bąbelek czatu w rogu strony
Przycisk z ikoną pojawia się w rogu strony. Kliknięcie — otwiera quiz. Wygląda jak czat wsparcia, ale zamiast agenta — automatyczny quiz.
Tryb pełnoekranowy
Quiz zajmuje cały ekran — maksymalny fokus, zero rozproszenia. Najlepszy do wieloetapowych quizów, gdzie koncentracja odwiedzającego ma znaczenie.
Stały pasek na dole
Wąski pasek jest przypięty na dole ekranu. Kliknięcie rozwija go w quiz. Zawsze widoczny podczas przewijania, bez zajmowania miejsca na stronie.
Wysuwany z boku
Quiz wysuwa się z boku strony — z lewej lub prawej. Nie zakrywa głównej treści, ale jest zawsze dostępny. Świetny dla stron z długimi artykułami.
Tak wygląda format osadzania quizu jako „Przycisk czatu”.
Aby skonfigurować osadzanie quizu na swojej stronie — przejdź do ustawień quizu, wpisz domenę strony, wybierz format osadzania, skonfiguruj kolory i inne parametry, a następnie wygeneruj kod do umieszczenia na stronie.
Instrukcja konfiguracji osadzania krok po kroku
Otwórz ustawienia quizu
Zaloguj się na swoje konto AdsQuiz, wybierz quiz, który chcesz osadzić, przejdź do jego ustawień, a następnie otwórz sekcję „Instalacja quizu na stronie”.
Wpisz domenę swojej strony
W polu „Domena” wpisz adres swojej strony, np. mojastrona.pl. Dzięki temu kod osadzania będzie działał poprawnie. Możesz dodać kilka domen, jeśli quiz jest umieszczony na wielu stronach.
https:// — tylko nazwa strony.Wybierz format osadzania
Kliknij format dopasowany do Twojego celu: Standardowy, Popup, Przycisk czatu, Pełny ekran, Informacja zwrotna lub Panel boczny. Każdy format od razu pokazuje podgląd tego, jak quiz będzie wyglądał na stronie.
Standardowy
Dla landing page’ów i stron usług — quiz osadzony bezpośrednio w treści strony.
Przycisk czatu
Dla każdej strony — dyskretne wywołanie quizu przez ikonę w rogu.
Popup
Dla blogów i sklepów — quiz pojawia się po spełnieniu warunku wyzwalacza.
Pełny ekran
Dla szczegółowych quizów dopasowujących produkty — pełne zanurzenie, zero rozproszenia.
Informacja zwrotna
Stały dolny pasek — zawsze widoczny podczas przewijania, rozwija się w quiz po kliknięciu.
Panel boczny
Wysuwa się z boku strony. Nie zakrywa treści, ale jest zawsze dostępny.
Skonfiguruj ustawienia wyświetlania
W zależności od wybranego formatu, dostępne będą różne opcje konfiguracji. Oto najważniejsze z nich:
Rozmiar quizu
Szerokość i wysokość w pikselach lub procentach. Dla standardowego osadzania — 100% szerokości i 600–700px wysokości.
Urządzenia
Wyświetlaj na wszystkich urządzeniach, tylko na komputerze lub tylko na urządzeniach mobilnych — Twój wybór.
Warunki wyświetlania
Wyzwalacz: po upływie czasu, po kliknięciu przycisku lub exit intent (odwiedzający próbuje zamknąć stronę).
Ikona wywołania
Dla formatu Przycisk czatu i Informacja zwrotna — czat, znak zapytania, formularz, telefon lub własna ikona.
Wygeneruj kod i wklej go na stronie
Po skonfigurowaniu ustawień kliknij „Generuj kod”. Wklej go w HTML swojej strony przed zamykającym tagiem </body> lub w blok niestandardowego HTML w kreatorze strony (WordPress, Webflow, Wix i inne obsługują to natychmiast).
Gotowy, aby umieścić quiz na swojej stronie?
Zarejestruj się w AdsQuiz, wybierz szablon i uzyskaj kod osadzania w 2 minuty — za darmo.
Jak zwiększyć konwersję osadzonego quizu
Dobrze skonfigurowane osadzanie to połowa sukcesu. Oto co jeszcze pomaga pozyskać więcej leadów.
Umieść powyżej linii zgięcia
Quiz w pierwszym ekranie strony uzyskuje 2–3 razy więcej interakcji niż ten umieszczony poniżej.
Ustaw opóźnienie dla popup
Popup po 15–20 sekundach jest znacznie mniej irytujący niż ten pojawiający się natychmiast po wejściu na stronę.
Jeden quiz na jedną stronę
Nie umieszczaj wielu osadzeń na jednej stronie. Jedno wyraźne CTA oznacza lepszy fokus i wyższą konwersję.
Dopasuj ikonę do designu strony
Dla formatu Przycisk czatu wybierz ikonę pasującą do stylu wizualnego Twojej strony — zwiększa to klikalność.
Podłącz piksele analityczne
Skonfiguruj śledzenie zdarzeń w Google Analytics lub Facebook Pixel — aby zobaczyć rzeczywisty koszt leada.
Podłącz swój CRM
Skonfiguruj przekazywanie leadów do CRM przez webhook — quiz będzie automatycznie przesyłał leady bez ręcznej pracy.
Usuń znak wodny
W razie potrzeby znak wodny AdsQuiz można wyłączyć w ustawieniach konkretnego quizu.
Gdzie quiz online sprawdza się najlepiej
Nieruchomości
Quiz do doboru nieruchomości na stronie dewelopera lub agencji. Klient odpowiada na 4–5 pytań i otrzymuje spersonalizowany wybór.
E-commerce
Dobór produktu według parametrów — panel boczny lub popup. Zastępuje wyszukiwanie i pomaga klientom szybciej znaleźć to, czego szukają.
Edukacja
Quiz „Znajdź swój kurs” osadzony na landing page’u szkoły — zamiast nudnego formularza rejestracyjnego.
Zdrowie i medycyna
Quiz do rejestracji na konsultację lub doboru lekarza. Standardowe osadzenie na dole strony usług.
Budownictwo i remonty
Kalkulator kosztów remontu lub dobór materiałów — działa świetnie w trybie pełnoekranowym, zastępując skomplikowane formularze.
B2B i usługi
Przycisk czatu z quizem na stronie firmowej — dyskretnie zbiera kontakty potencjalnych klientów 24/7.
Case studies naszych klientów
Realne wyniki firm korzystających z AdsQuiz
Quiz dla leadów remontowych: jak pozyskać jakościowe zgłoszenia
Realny case: quiz na stronie firmy budowlanej zastąpił zwykły formularz i poprawił jakość leadów.
Quiz + Google Sheets + Meta CAPI: +30% konwersji leadów
Jak skonfigurować przekazywanie leadów z quizu do Google Sheets i zwiększyć konwersję przez Meta CAPI.
Jak quiz obniżył koszt leada o połowę w projekcie edukacyjnym
Case study: formularz quizowy zamiast standardowej rejestracji — koszt leada spadł 2-krotnie.
Przykład osadzania quizu na WordPress
Oto realny standardowy quiz AdsQuiz osadzony na WordPress — bezpośrednio na tej stronie.
7 błędów przy osadzaniu quizu na stronie
Nie podano domeny w ustawieniach
Bez prawidłowej domeny kod osadzania może nie wyświetlać się poprawnie lub być blokowany. Zawsze wypełniaj pole „Domena” przed skopiowaniem kodu.
Wklejenie kodu w <head> zamiast </body>
Skrypt quizu powinien być umieszczony przed zamykającym tagiem </body>, a nie w nagłówku strony. W przeciwnym razie quiz może się nie ładować lub spowalniać stronę.
Stała wysokość za mała dla treści
Jeśli quiz ma wiele pytań, a wysokość iframe jest za mała — wewnątrz quizu pojawi się pasek przewijania. Ustaw wysokość z zapasem lub użyj auto-wysokości.
Kilka popupów na jednej stronie
Dwa okna popup jednocześnie to gwarantowany sposób na zirytowanie odwiedzających. Maksymalnie jeden typ osadzania na stronę.
Brak sprawdzenia wyświetlania po publikacji
Po osadzeniu zawsze otwórz stronę w przeglądarce i na smartfonie. Czasem kreator strony modyfikuje strukturę kodu podczas zapisywania.
Wyłączenie mobile, gdy quiz potrzebny wszędzie
Jeśli wyłączyłeś wyświetlanie na urządzeniach mobilnych, a większość ruchu pochodzi ze smartfonów — tracisz większość potencjalnych leadów.
Brak podłączenia CRM po osadzeniu
Quiz zbiera leady, ale jeśli nie skonfigurujesz przekazywania do CRM lub przynajmniej na e-mail — leady gromadzą się na koncie i menedżerowie nie widzą ich na czas.
Najczęściej zadawane pytania
Osadź swój pierwszy quiz na stronie już dziś
Zacznij generować do 30% więcej leadów. Wybierz format osadzania, wklej kod i pozwól, aby AdsQuiz automatycznie zbierał zgłoszenia dla Twojego biznesu.
