Embed Interactive Quizzes in Any Website in Under 5 Minutes
A quick guide to embedding QuizAPI quizzes into your blog, LMS, or documentation site using our embeddable widget.
Why Embed Quizzes?
Interactive quizzes transform passive content into engaging experiences. Whether you're running a blog, documentation site, or LMS, embedded quizzes help verify understanding and increase time-on-page.
The Embed Code
Embedding a QuizAPI quiz is as simple as adding an iframe:
<iframe
src="https://quizapi.io/embed/your-quiz-id"
width="100%"
height="600"
frameborder="0"
></iframe>
Customization Options
You can customize the embed with URL parameters:
?theme=dark— Force dark mode?theme=light— Force light mode?hideLeaderboard=true— Hide the leaderboard section?color=blue— Custom accent color
Responsive Design
The embed widget is fully responsive and adapts to the container width. It works great in blog posts, documentation sidebars, and full-width layouts.
Security
Embeds are served from a separate route with relaxed X-Frame-Options headers, while the main application remains protected against clickjacking.
Try It Out
- Create a quiz in the dashboard
- Publish it
- Copy the embed code from the quiz detail page
- Paste it into your website
Check our embed documentation for the full reference.
Enjoyed this article?
Share it with your team or try our quiz platform.