Why Put a Quiz on Your Website?
A blog post gets read. A quiz gets played. And played content keeps visitors on your page longer, generates shares, and turns passive readers into active participants.
Embedded quizzes work for:
- Teachers and course creators — add knowledge checks directly into lesson pages
- Bloggers — make educational content interactive ("Test yourself on what you just read")
- Trainers — embed compliance or onboarding quizzes in internal portals
- Content marketers — boost engagement metrics with interactive elements
The problem has always been that creating embeddable quizzes required either coding skills or expensive tools. Not anymore. You can generate a quiz from any PDF and embed it on your site with a single line of code — for free.
Creating an Embeddable Quiz in 3 Steps
Step 1: Generate your quiz
Go to CramZap.com and upload a PDF with the content you want to quiz on. This could be:
- A blog post exported as PDF
- A training document
- A textbook chapter
- Lecture notes or a study guide
The AI reads your PDF and generates 15 multiple-choice questions in 30-60 seconds. Each question has one correct answer and three plausible distractors.
Step 2: Get the embed code
Every CramZap quiz has an embed option. You'll get an iframe snippet that looks like this:
<iframe src="https://cramzap.com/quizzes/abc123/embed"
width="100%" height="600"
frameborder="0"></iframe>
Copy this code — it's all you need.
Step 3: Paste into your website
Add the iframe wherever you want the quiz to appear:
- WordPress — switch to the HTML/Code editor and paste the iframe
- Squarespace — add a Code Block and paste
- Wix — add an HTML Embed element
- Ghost, Hugo, Jekyll — paste directly into your Markdown or HTML
- Google Sites — Insert > Embed > Embed Code
- Any HTML page — paste into the
<body>where you want the quiz
The quiz renders responsively — it adapts to the container width, so it looks good on desktop and mobile.
Use Cases for Embedded Quizzes
Knowledge checks in online courses
If you create educational content (courses, tutorials, guides), embedding a quiz after each section reinforces learning through active recall. Students don't leave your page to take a test — the quiz is right there, inline with the content.
Example flow:
1. Student reads your lesson on photosynthesis
2. Scrolls down to an embedded 15-question quiz generated from the lesson PDF
3. Takes the quiz, sees their score immediately
4. Continues to the next lesson
Interactive blog posts
A blog post about nutrition science becomes more engaging when readers can test what they learned at the end. Instead of a passive "conclusion" section, embed a quiz.
"Think you understood everything? Take the quiz below to find out."
Readers who take the quiz spend more time on your page and are more likely to share it.
Employee training portals
Upload your training manual as a PDF, generate a quiz, and embed it on your internal wiki or LMS. New hires read the material and take the quiz — all in one place. You get completion and score data without building a separate assessment system.
Study group websites
If your study group has a shared site or Discord with an embedded web page, embed quizzes for each chapter or lecture. Everyone can practice from the same material without leaving the group's hub.
Customization and Styling
The embedded quiz inherits a clean, readable design that works on most sites. The iframe approach means:
- No CSS conflicts — the quiz styles are isolated from your site's styles
- Responsive width — set
width="100%"and it fills the container - Adjustable height — change the
heightattribute to fit your layout (600px is a good starting point) - Works on all devices — the quiz is mobile-friendly inside the iframe
Adjusting the height
If the quiz feels cramped, increase the height:
<iframe src="https://cramzap.com/quizzes/abc123/embed"
width="100%" height="800"
frameborder="0"></iframe>
If you have limited vertical space, 500px works but users may need to scroll within the iframe.
Embedded Quiz vs. Shared Link
Both options let others take your quiz without an account. Here's when to use each:
| Scenario | Best option |
|---|---|
| Blog post or webpage | Embed (quiz appears inline) |
| Email to students | Shared link |
| LMS with iframe support | Embed |
| Social media post | Shared link |
| Slack or Discord message | Shared link |
| Online course platform | Embed |
| Print handout | Shared link (as URL or QR code) |
You can use both for the same quiz — the embed and the shareable link point to the same content.
Frequently Asked Questions
Do quiz takers need an account?
No. Anyone can take an embedded quiz without logging in or creating an account.
Does it cost anything to embed?
No. Creating quizzes and embedding them is free with a CramZap account.
Can I track who took the quiz?
You can see total views, completions, and score distribution. Individual tracking by name is available when respondents enter their name before starting.
Does it work on mobile?
Yes. The embedded quiz is responsive and works on phones and tablets.
Can I embed multiple quizzes on one page?
Yes. Add multiple iframes — each with a different quiz URL. This works well for courses with one quiz per section.
Will the embed slow down my site?
No. The iframe loads independently from your page content. It doesn't affect your page's load time or performance.
Try It Now
Pick any PDF — a blog post you've written, a training document, class notes. Upload it to CramZap, generate the quiz, grab the embed code, and paste it into your site.
Five minutes from now, your website has an interactive quiz that grades itself.