Jak osadzić quiz na swojej stronie internetowej? [10+ sposobów]

Opublikowany: 2021-11-08

Spis treści

Udostępnianie tworzonych treści powinno być tak proste, jak ich tworzenie. Okazuje się, że jest łatwiej! Na tym blogu dowiesz się, jak w kilka minut umieścić quiz na swojej stronie internetowej. NIE WYMAGA KODOWANIA! Tak, dobrze to przeczytałeś. Osadzanie jest procesem bez kodu, podobnie jak tworzenie quizu na temat narzędzi do tworzenia quizów, takich jak Outgrow. Czytaj dalej, aby poznać ponad 10 stylów osadzania, które możesz wypróbować już dziś!

embed a quiz on your website

Ale najpierw, jak stworzyć quiz w 5 minut?

Tworzenie quizu może początkowo wydawać się żmudnym zadaniem. Ale zaufaj nam – z Outgrow możesz zrobić quiz w kilka minut – to też bez kodowania! Przeczytaj wszystko o interaktywnych quizach i sposobach ich tworzenia na tym blogu.

how to create a quiz

Rodzaje osadzonego quizu

Teraz, gdy już wiesz, jak stworzyć własny quiz, kolejnym ważnym krokiem – i najważniejszym punktem tego bloga – jest osadzenie quizu, aby Twoje dzieło było dostępne dla odbiorców. I nie przedstawiliśmy Ci jednego, ale 11 sposobów na zaprezentowanie swojego interaktywnego quizu.

W Outgrow w centrum uwagi znajduje się personalizacja. Wszystko można przedstawić tak, jak lubisz. Tutaj możesz więc wybrać styl, który najbardziej lubisz dla swojej marki. Opowiemy ci o nich wszystko!

embed a quiz on your website

1. Pełne umieszczenie strony

Osadzenie całej strony sprawia, że ​​quizy pojawiają się na całym ekranie bez żadnych zakłóceń. Nadal możesz używać nagłówka i stopki i mieć zawartość między nimi.

Oto jak będzie wyglądać na Twojej stronie internetowej:

embed a quiz on your website

2. Osadzenie na stronie

Jeśli nie chcesz otwierać strony zawierającej tylko quiz, możesz wybrać osadzanie na stronie, które pozwala zachować inne elementy witryny wraz z quizem na stronie. Wszystkie inne elementy pozostaną nienaruszone, a treść pojawi się w tej części strony, w której jest osadzona.

Oto jak Twój quiz będzie wyglądał jako osadzony na stronie:

embed a quiz on your website- in-page embed

3. Osadzanie w stylu wyskakującym

Następnie mamy coś innego! Możesz osadzić swój quiz jako wyskakujące okienko oparte na różnych wyzwalaczach. Masz wybór — możesz ustawić czas wyskakującego okienka lub dodać wyskakujące okienka z zamiarem wyjścia. Możesz nie tylko dostosować wygląd wyskakującego okienka, ale także zdecydować, w jaki sposób ma ono faktycznie „wyskakiwać” na ekranie. :p

Oto rodzaj quizu, którego możesz użyć jako wyskakującego okienka:

embed a quiz on your website- popup

6. Osadź styl czatu

Możesz również przedstawić swój quiz w formie chatbota z wyskakującym okienkiem. Treść pojawi się jako powiadomienie czatu w dolnym rogu Twojej strony internetowej, które możesz łatwo dostosować, jeśli chcesz.

chat messenger type embed

how to create a chatbot

7. Niestandardowa funkcjonalność osadzania

Szanujemy Twoje wybory. Outgrow umożliwia więc umieszczanie niestandardowych elementów osadzonych w oparciu o Twoje wymagania. Dzięki tej opcji możesz łatwo określić rozmiar i wymiary swojego osadzenia.

custom embed

8. Osadzenie w stylu pływającego prostokąta

Twój quiz może być również osadzony jako pływający prostokąt, który można dostosować zgodnie z własnymi preferencjami. Po kliknięciu element treści otworzy się w samym prostokącie.

embed a quiz on your website

9. Osadzanie stylu paska powitalnego

Dzięki osadzeniu w stylu paska powitalnego możesz wyświetlić quiz na górze strony. Nie trzeba dodawać, że możesz również dostosować wygląd paska powitania.

Oto jak będzie wyglądać na górze ekranu:

embed a quiz on your website

10. Osadzenie w stylu sidenote

Osadzony przypis boczny może służyć jako symbol zastępczy po obu stronach strony internetowej. Po kliknięciu otworzy się jako wyskakujące okienko.

Spójrz na prawą krawędź tej strony:

embed a quiz on your website- sidenote style

11. Natychmiastowy artykuł/AMP

Wreszcie, możesz także osadzić quizy dla swoich publikacji w artykułach błyskawicznych na Facebooku lub Google AMP.

To było 11 sprytnych sposobów na umieszczenie quizu na swojej stronie internetowej. Musisz jednak upewnić się, że wybierzesz twórcę quizów, który oferuje taką różnorodność stylów osadzania. Outgrow to jeden z takich twórców quizów, który jest pełen funkcji i odmian.

Najpierw zrozummy, dlaczego warto rozważyć osadzenie quizu. A później przeprowadzimy Cię przez kroki związane z rzeczywistym procesem osadzania w kreatorze Outgrow.

Korzyści z osadzenia quizu

To godzina uwielbienia! Powiemy Ci wszystkie korzyści z umieszczenia quizu na Twojej stronie!

1. Poprawia prezentację Twojej witryny

Umieszczenie quizu sprawi, że Twoja strona będzie wyglądać bardziej atrakcyjnie. Dopóki quiz jest trafny, dodanie quizu do witryny sprawia, że ​​wydaje się on obiecujący i kreatywny.

Na przykład spójrz na ten quiz dotyczący pielęgnacji skóry osadzony przez Sephora na ich stronie internetowej. Czy to nie tylko dodaje uroku? Możesz również dowiedzieć się, jak tworzyć quizy z rekomendacjami produktów tutaj.

Sephora example

2. Zwiększa zaangażowanie

Quizy dodają wartości. Użytkownicy podają swoje preferencje i w zamian uzyskują spersonalizowane wyniki. To wymiana barterowa sprawia, że ​​te quizy są tak kuszące. Gdy umieścisz quiz w swojej witrynie, zwiększa to ogólny poziom zaangażowania i konwersji w Twojej witrynie.

Chcesz zobaczyć dowód? Nasz klient, Tag Livros, miał ponad 286 tys. wizyt w quizie, który umieścił na swojej stronie internetowej. Co więcej, dzięki temu quizowi uzyskali ponad 57000 leadów. Czy to nie imponujące!

embed example

3. Zmniejsza współczynnik odrzuceń

Czy wiesz, że 96% użytkowników rozpoczynających quizy BuzzFeed kończy je? Tak, to dlatego, że quizy są zabawne. A wszystko, co jest zabawne, sprawia, że ​​użytkownik zostaje. Dzięki quizom osadzonym w Twojej witrynie możesz znacznie obniżyć współczynnik odrzuceń.

4. Zwiększa generowanie leadów

Umieszczenie quizu może zmienić Twoją witrynę w maszynę do generowania leadów. Gdy użytkownik rozpoczyna quiz, chętnie pozna jego wyniki. Umieszczając formularz do generowania leadów tuż przed wynikami, możesz zbierać dane kontaktowe użytkowników bezpośrednio ze swojej witryny, które możesz później wykorzystać do celów remarketingowych.

Jeden z naszych klientów, Golf Avenue, stworzył quiz z Outgrow i umieścił go na swojej stronie internetowej. Dzięki temu quizowi uzyskali ponad 82000 potencjalnych klientów i współczynnik konwersji 33%. Tak dobrze działają embedy!

golf avenue example

Jak w końcu osadzić quiz?

W końcu powiemy Ci, jak umieścić quiz na swojej stronie internetowej, w biuletynie lub w dowolnym miejscu!

1. Zaloguj się do swojego kreatora Outgrow. Nie masz jeszcze konta? Rozpocznij bezpłatną wersję próbną już teraz!

2. Teraz, gdy jesteś już zalogowany, wybierz „quiz” z szerokiej gamy interaktywnych typów treści, jakie ma do zaoferowania Outgrow.

outgrow content types

3. Wybierz układ, który najbardziej odpowiada Twojemu kontekstowi i wymaganiom.

Outgrow layouts

Wskazówka: mamy również ogromną kolekcję gotowych szablonów, z których możesz wybierać. Przeglądaj je tutaj.

4. Teraz, gdy jesteś w kreatorze, możesz stworzyć swój quiz za pomocą łatwej technologii przeciągania i upuszczania. Możesz wybierać spośród różnych rodzajów pytań quizowych, które oferuje Outgrow.

Outgrow builder

5. Po utworzeniu quizu możesz teraz kontynuować jego osadzanie. Przejdź do sekcji Konfiguruj, klikając przycisk „Konfiguruj” u góry.

Configure tab

6. Wybierz zakładkę „Umieść na stronie internetowej”.

embed a quiz on your website

7. Wybierz typ osadzania, który odpowiada Twoim potrzebom.

embed types on Outgrow

8. Tutaj możesz dostosować osadzanie, jeśli zajdzie taka potrzeba. Po dostosowaniu możesz skopiować kod do osadzenia dostępny na dole strony. Przykładowy wygląd kodu znajduje się poniżej:

embed a quiz on your website

9. Na koniec możesz dodać ten kod do swojej strony internetowej i ta-da! Umieściłeś quiz!

Zakończyć

Mam nadzieję, że ten blog pomógł Ci zrozumieć znaczenie i proces osadzania quizu w Twojej witrynie. Szukasz inspiracji do tworzenia quizów? Sprawdź nasze 21 ulubionych quizów marketingowych wszech czasów. Jeśli masz jakieś pytania, możesz je umieścić w sekcji komentarzy!

create your own quiz

Często zadawane pytania

1. Jak stworzyć quiz online?

Możesz łatwo tworzyć różne quizy, takie jak quiz o ciekawostkach, quiz Kahoot, quiz o osobowości itp. Na Outgrow. Rozpocznij bezpłatną wersję próbną już teraz!

2. Jak zrobić quiz online dla studentów?

Za pomocą kreatorów quizów online dla nauczycieli można tworzyć quizy dla uczniów. Nasz wybór? Wyrastać!

3. Jak dodać interaktywny quiz na swoją stronę?

Możesz dodać interaktywny quiz do swojej witryny, wklejając kod do osadzenia na WordPress. Przeczytaj ten blog, aby dowiedzieć się, jak to zrobić.

4. Gdzie możesz zamieścić quiz?

Dzięki Outgrow możesz łatwo osadzić quiz na swojej stronie internetowej, biuletynach e-mailowych, stronach docelowych itp.