Learn how to test, share, and embed your interactive quiz using either your own website or a Yonder-hosted landing page
The Yonder Quiz feature is a powerful way to engage visitors and provide tailored recommendations based on their preferences. Once your quiz is ready, you can choose to either embed it directly onto your website or share it via a Yonder-hosted landing page - no extra development required.
In this article, we’ll guide you through previewing and testing your quiz, then walk you through both installation options so you can start capturing leads and delighting users straight away.
How to Test Your Quiz
Before sharing your quiz, it’s essential to ensure everything works as expected. If you haven’t set up your quiz yet, start with our Quick Guide to Setting Up Your Interactive Quiz.
To test your quiz:
-
Open the Recommend tab and select the quiz you’d like to test.
-
Go to the Settings tab.
-
Click on the Install tab.
-
Under the Test Your Quiz section, click Open.
You’ll be able to interact with the quiz in a test environment, where responses and results are not saved or counted. This is a great way to ensure the logic, visuals, and flow all feel right before going live.
How to Install and Share Your Quiz
Once you’re happy with your quiz, you’ve got two options for sharing it with your audience:
Option 1: Share via a Yonder-hosted landing page
Perfect if you want a quick, code-free way to start using your quiz.
-
Open the Recommend tab and select the quiz you’d like to share.
-
Navigate to the Settings tab.
-
Click on the Install tab.
-
In the Share with Users section, click Copy Link.
-
Use this URL anywhere - chatbot responses, your website, email campaigns, or social media.
Top Tip: Quizzes work brilliantly in chatbot welcome messages. For example, create a welcome button titled “Help Me Choose” with a message like: “To find the perfect tour for you, take our quiz: https://quiz-app.yonderhq.com?unique_id=XXX”
Option 2: Embed your quiz into your website
Ideal for keeping users on your site while enjoying a seamless experience.
-
Open the Recommend tab and select the quiz you’d like to install.
-
Head to the Settings tab.
-
Click on the Install tab.
-
In the Embed onto my website section, click Get Code.
-
Click Copy Code, then paste the snippet into your website's HTML wherever you’d like the quiz to appear.
You’re responsible for the styling, so feel free to tailor it to your site’s branding. If you need development support, we’re happy to help - just get in touch.
Quiz Inspiration
Need a bit of creative fuel? Here are some fantastic quizzes built by Yonder customer:
Testing and sharing your Yonder quiz is straightforward - whether you’re embedding it into your own site or using a Yonder-hosted page. With a few simple clicks, you can start engaging your audience, boosting conversions, and making personalised recommendations that convert.
Frequently Asked Questions
Can I customise the look and feel of the quiz when embedding it?
Yes, the embed code allows full control over styling. You’ll need to apply custom CSS to match your website.
Can I use the quiz as a button on my website?
Absolutely! You can add a button that links to the Yonder-hosted URL or use the embed code within a modal popup.
Is the quiz mobile-friendly?
Yes, all Yonder quizzes are responsive and designed to work across desktop, tablet, and mobile devices.
Will quiz results be saved when testing?
No - testing your quiz in the playground mode does not save any interactions or results. This is purely for review purposes.
Can I change the quiz after it’s published?
Yes, you can update your quiz content at any time. Just remember to re-test before going live again.
Have other questions? Contact support@yonderhq.com.