Osadzanie quizu na stronie – uniwersalny kod
Osadzanie quizu AdsQuiz na stronie
W tej instrukcji pokazujemy, jak używać quizu AdsQuiz jako pełnoprawnej części strony – nie tylko jako zwykłego formularza, ale też jako widżetu, pop-upu czy interaktywnego bloku na różnych podstronach.
Dziś quiz można dodać do strony w różnych formatach, zależnie od celów. Może działać jako pełna strona do segmentacji odbiorców albo jako osobny element interfejsu, który pomaga zbierać zgłoszenia.
Quiz możesz umieścić w różnych miejscach strony:
• jako blok na stronie;
• jako pop-up;
• jako formularz czatu;
• jako panel boczny;
• jako interaktywną podpowiedź lub przycisk uruchamiający.
Dostępne są też różne wyzwalacze wyświetlania:
• po określonym czasie na stronie;
• po kliknięciu przycisku;
• przy próbie opuszczenia strony (exit intent);
• automatycznie po załadowaniu strony.
Dzięki temu precyzyjnie ustawisz zachowanie quizu i zwiększysz konwersję w każdym scenariuszu.
Konfiguracja osadzenia quizu
Krok 1. Aby zainstalować quiz na stronie, przejdź do ustawień quizu i otwórz sekcję «Instalacja quizu na stronie».
Następnie:
- Wpisz domenę, na której będzie umieszczony quiz.
- Wybierz format wyświetlania (blok, pop-up, widżet itd.).
- Ustaw rozmiar quizu lub wybierz jedną z gotowych opcji.
- W razie potrzeby ustaw własne parametry wyświetlania ręcznie.
- Wybierz urządzenia (komputer, telefon lub wszystkie).
Możesz też dopasować wygląd:
• kolory przycisków;
• kolory ikon;
• style elementów interfejsu.
💡 Wskazówka: korzystaj z ustawień wyglądu – pozwalają w pełni dopasować quiz do designu strony.
Krok 2. Generowanie i wstawianie kodu
Po konfiguracji kliknij «Wygeneruj kod» – system utworzy skrypt do osadzenia.
Wklej go w odpowiedni blok lub sekcję szablonu strony.
Krok 3. Sprawdzenie działania
Po publikacji sprawdź:
• jak quiz wygląda na komputerze i telefonie;
• czy działają wyzwalacze wyświetlania (kliknięcie, czas, exit intent);
• czy zgłoszenia zbierają się poprawnie.
⚠️ Ważne:Przed osadzeniem upewnij się, że domena jest dodana w ustawieniach AdsQuiz.
🧩 WordPress
Jak osadzić quiz
• otwórz panel administracyjny WordPress
• przejdź do potrzebnej strony lub wpisu
• dodaj blok «Kod» lub Custom HTML
• wklej skrypt JS
• zapisz i opublikuj
🛒 Shopify
Jak osadzić quiz
• otwórz panel administracyjny Shopify
• przejdź do Online Store → Themes → Edit code
• otwórz potrzebny szablon (produkt, strona lub theme.liquid)
• wklej skrypt przed </body> lub w potrzebny blok
• zapisz zmiany
🎯 Wix
Jak osadzić quiz
• otwórz edytor Wix
• kliknij Add → Embed → Custom Embeds
• wybierz HTML iframe / Embed Code
• wklej skrypt AdsQuiz
• umieść blok na stronie
• opublikuj stronę
🧩 Webflow
Jak osadzić quiz
• otwórz projekt w Webflow
• przejdź do Page Settings lub Project Settings
• znajdź sekcję Custom Code
• wklej skrypt w Before tag
• zapisz i opublikuj stronę
⚡ Lovable
Jak osadzić quiz
• otwórz edytor Lovable
• przejdź do sekcji własnego kodu lub integracji
• wklej skrypt JS AdsQuiz
• zapisz zmiany
• opublikuj stronę
⚛️ Next.js
Jak osadzić quiz
• otwórz projekt Next.js
• dodaj skrypt do komponentu _app.js lub layout.js
• zapisz i uruchom projekt
▶️ Polecane wideo
Aby lepiej zrozumieć proces konfiguracji, polecamy obejrzeć instrukcję wideo:
❓ Najczęściej zadawane pytania
Czy mogę osadzić quiz bez kodu? Nie. Do osadzenia używany jest wygenerowany skrypt JS.
Czy quiz działa na urządzeniach mobilnych? Tak, quiz jest responsywny i automatycznie dopasowuje się do telefonów i komputerów.
Czy mogę użyć quizu jako pop-upu? Tak. Dostępne formaty: blok, widżet, pop-up, formularz czatu.
Czy mogę dodać quiz do kilku domen? Tak. W polu «Domena» w sekcji «Udostępnij» jest przycisk «Dodaj domenę» – możesz dodać kilka adresów. To wygodne, gdy jeden quiz działa jednocześnie na stronie głównej i na mikrolandingach.