How to Embed a Quiz on Your WordPress Site


Embedding a quiz you create with ProProfs Quiz Maker into your WordPress website is easier than ever. You can easily add the quiz and enable tracking & lead capture to acquire essential information from quiz takers to generate leads.


Watch this quick video guide to learn how to embed quizzes into a WordPress website.



Or continue reading to learn it step-by-step.


You can easily embed quizzes you create using ProProfs, into your WordPress blog. Here's how a quiz embedded on your website will look. 


Preview of a Quiz Embedded in WordPress


Tip: To embed a quiz on your WordPress blog, you need to install the ProProfs WordPress Quiz plugin - a plugin for embedding quizzes, courses, and surveys.


Here's another screenshot showing how an embedded course will look on your website using the ProProfs WordPress Quiz Plugin.


Preview of an Embedded Course using ProProfs Quiz WordPress Plugin


Embedding a quiz into a WordPress website helps you:

  • Boost website traffic
  • Enhance user engagement
  • Generate 10x leads


Embedding a quiz into WordPress consists of two parts. First, you need to install the required plugin and activate it. Second, you will copy-paste the embed code of the quiz.


Part 1: How to Install the ProProfs WordPress Quiz Plugin


Step 1: Log in to your WordPress account.


Log in to your WordPress account


Step 2: Click on Plugins on the side panel and select Add New.


Add New Plugin


Step 3: Search for the ProProfs plugin and click Install Now.


Search for the WordPress plugin and install

Step 4: Activate the plugin after installation is complete


Activate the plugin


Part 2: How to Embed a Quiz


Step 1: In your ProProfs Quiz Maker account, click the Send icon of the quiz you want to embed.


Click Send to open the share dialog window


Step 2: Go to Embed and switch to WordPress. Copy the WordPress Plugin ShortCode.


Copy the WordPress Plugin Shortcode available in the WordPress tab under Embed


Here's the shortcode format: [ProProfs src="PASTE YOUR QUIZ URL HERE" width="100%" height="500" ]. You can place the Quiz URL in the specified place and paste the code.


Step 3: Open the post or page where you want to embed the quiz. In the WordPress block editor, add a Custom HTML block and paste the shortcode you copied. You can also adjust the height and width according to your preference.


Paste the Shortcode in the WordPress page


Save your changes and preview the page. 


Embedded Quiz Preview


You have successfully embedded the quiz.


That is all about embedding a quiz into a WordPress website.



© 2005 - 2024 ProProfs
add chat to your website