Embed Interactive Quizzes in Any Website in Under 5 Minutes

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:

1<iframe
2  src="https://quizapi.io/embed/your-quiz-id"
3  width="100%"
4  height="600"
5  frameborder="0"
6></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

1. Create a quiz in the dashboard
2. Publish it
3. Copy the embed code from the quiz detail page
4. Paste it into your website

Check our embed documentation for the full reference.