Put a Quiz on Your Website

Before you start

• A Quiz with ready questions
• A Business Plan or Enterprise Plan
• Access to add embed code to a public page, or someone who can add it for you

Steps

1. 1

   Choose the pageCreate or open a dedicated public page. Place the Quiz directly below your site header, with ads, signup forms, sharing tools, and other content below it. Do not load content above the Quiz after the page opens. Copy its full URL.
   Done when: You have the page's HTTPS URL.
2. 2

   Approve the website domainIn Atrivial, open Account. Under Embed and Approved domains, add the page's domain without the path.
   Done when: The domain appears under Approved domains.
3. 3

   Copy the website embedOpen the Quiz and select Output. Below View link, expand View embed code, then use its copy button.
   Sample embed snippethtml

   Copy

   <div class="atrivial-quiz" data-quiz-id="YOUR_QUIZ_ID" data-height="600">
     <iframe
       src="https://atrivial.com/quiz/YOUR_QUIZ_ID?view=iframe"
       width="100%"
       height="600"
       frameborder="0"
       allow="clipboard-write"
     ></iframe>
   </div>

   Done when: The copy button reads Copied!
4. 4

   Add and verify the embedKeep Atrivial-hosted selected while you add the copied code to the page's HTML, either directly or through your publishing platform's code or embed feature. Do not override the iframe height in site CSS; use the data-height value in the copied code. If someone else manages the website, send them the code and page URL.
   Done when: The published page supports one full Quiz playthrough on both desktop and mobile.
5. 5

   Send players to your websiteReturn to the Quiz in Atrivial. Select Style & Sponsors. Under Where will players play this quiz?, choose My website.
   Done when: The page URL field appears.
6. 6

   Save the page URLPaste the full page URL into Your page URL where players will play this quiz, then leave the field to save it.
   Done when: The Quiz header shows Saved.