Embedding a quiz to enhance the experience for your learners

Show your quizzes on your website or blog using our simple embed code. You can also style the quiz to make it appear integrated and part of your site's design.

With FlexiQuiz, you can embed a quiz using a quiz link, a Respondent portal login, or with access codes.

Using a quiz link to embed your learning materials

By embedding a quiz with a unique link, anyone with access to the page on your site can view the test. You can add a registration page at the start of your quiz to capture learner data.

1. To start, create a quiz or select one you want to embed on your site.
2. Next, click on the Publish tab.
3. Then click Publish to open your quiz. By opening your quiz you can check how it looks on your website.

4. Click on the Embed box to access your embed code options.

5. Now choose how you want the quiz to look on your site. Your options are:

   Incline

   Full screen

   Popup centre

   Popup right

6. Choose a size for the quiz to appear on your site.
7. Click on the copy code button and paste the code on your website.
8. Check how the quiz appears on your site. You can adjust the FlexiQuiz settings to ensure a professional look.

How to embed Respondent portals

A Respondent portal allows your learners to manage all of their training in one place.

You can embed an unbranded Respondent log-in screen on your website or blog.

This image shows what an unbranded log-in screen looks like:

If you have an Enterprise plan, you can customize the Respondent portal by removing the FlexiQuiz logo and adding your own logo.

To embed the portal on your website, follow these steps:

1. To start, copy the following HTML code.

    
<iframe src="https://www.flexiquiz.com/account/si?i=t" style="width:100%;min-height:1000px;border-width:0;"></iframe>
    

2. Open the HTML code editor of your website and paste the Respondent portal embed code in the relevant place.

Other embed options

You can add a virtual keyboard to the log in screen that looks like this:

The following parameters can be added to the src URL to add a virtual keyboard.

    
<iframe src="https://www.flexiquiz.com/account/si?i=t&k=t" style="width:100%;min-height:1000px;border-width:0;"></iframe>
    

To include a password reset, the following parameters can be added to the src URL.

    
<iframe src="https://www.flexiquiz.com/account/si?i=t&rp=t" style="width:100%;min-height:1000px;border-width:0;"></iframe>
    

To include a virtual keyboard and password reset, the following parameters can be added.

    
<iframe src="https://www.flexiquiz.com/account/si?i=t&k=t&rp=t" style="width:100%;min-height:1000px;border-width:0;"></iframe>
    

Relevant help guides

Ways to style your quiz

How remove FlexiQuiz branding