How to Embed a Quiz on a Website


ProProfs Quiz Maker allows you to use the embed code to share your quizzes on your website. After you create your quiz, copy the embed code from your Quiz Maker account and paste it into your website source code.
NOTE:  Any changes you make in your quiz (such as editing questions etc.) will reflect in the embedded version immediately - without reinstalling the embed code.


ProProfs also offers Single Sign On (SSO) for quiz security, allowing users to instantly authenticate themselves if they’re already logged in to your website.


Here’s a look at a ProProfs quiz embedded on a website:


quiz embed on a website


If you’re a premium member, your audience will not see the ProProfs labeling on your website as shown below:


quiz without proprofs branding


By embedding quizzes on your website with ProProfs, you can:  


  • Make your website more attractive and professional.

  • Enhance user engagement on your website.

  • Boost lead generation, conversions, and sales.


How to Embed a Quiz on Your Website


Step 1: In your ProProfs Quiz Maker dashboard, navigate to the quiz to be shared and click the share icon.


share button on quiz dashboard


Step 2: In the pop-up overlay, navigate to the Embed tab, and: 


  1. Select Website.

  2. Choose a quiz window size from the available sizes or set a custom size.

  3. Copy the embed code. 


copy embed code


Step 3: Open the HTML code editor of your website and paste the embed code before the </body> tag.


 paste embed code in website editor


That’s all about embedding a ProProfs quiz on a website.



© 2005 - 2024 ProProfs
add chat to your website