All Collections
Quiz Results
Redirecting a Quiz Result to a URL
Redirecting a Quiz Result to a URL

How to redirect a user to a specific URL after taking the quiz

Damaris Pacheco avatar
Written by Damaris Pacheco
Updated over a week ago

Please read before proceeding:

For redirection of results to properly function on embedded quizzes, you will need to use our JavaScript embed code and enable "redirect host". Without "redirect host" enabled and our Javascript embed code, the redirection will occur inside of the quizzes iFrame or it will fail. When the redirect fails, you will be prompted with a "retake quiz" button or a refused to connect error. Instructions for this are at the bottom of this article. Unfortunately, some website creators either do not support JavaScript properly, or embed content inside of iFrame. URL redirection cannot be properly utilized with these types of websites. Wix does not support URL redirection from our quizzes properly. Squarespace can cause issues with redirect if your site utilizes ajax loading. More on this here:

Redirecting Result to URL

To override the default functionality and redirect quiz takers to a certain URL, click on 'Redirect Results' in the Interact Quiz Builder under the 'Results' nav section.

The 'Redirect Results' window should appear listing the current Results within this quiz. To enable redirection, check the box next to the respective result.

Enter the URL which will be redirected to once the result has been reached by the user. The redirection setting will ONLY be enabled if a valid URL is entered.

Save your quiz and make sure to Share & Embed to publish your changes live. Once a user takes your quiz and receives that result, it should redirect them to the URL.

Caveats & Redirection within the HTML <iframe> element

One of the caveats with result redirection is embedding your Interact Quiz within an <iframe> element on a webpage. With a valid redirect enabled, this means that your user will receive their result, trigger the redirect to the correct URL, but all within the embedded <iframe> dimensions and location.

An example of this can be seen below as a user finishes their quiz and is redirected to a page of products, which is displayed within the embedded quiz area:

Redirection of host page outside of HTML <iframe> element

Redirecting the host page of your embedded quiz <iframe> will navigate the user's web browser away to wherever you specify.

To utilize this feature:

  1. Enable redirection for at least one result within the Interact Quiz Builder (see steps above).

  2. Click 'Share & Embed' on the particular quiz to see the embed options.

  3. Click 'Embed your Quiz on your Website'.

  4. Under the 'Redirect Host' setting click on 'Enable' to enable this feature.

  5. Re-embed your quiz using the 'JavaScript' method only (host redirection is not available unless using this method of embedding)

Important: You must re-embed the script after changing this setting as the embed code changes. So you will need to copy and paste the code into your website again. You also must use the Javascript embed method as this is the only method that supports redirecting the host page.

After re-embedding with the Javascript method, your host page where the quiz is embedded should redirect completely to the URL specified for that result.

Redirection for Wordpress users:

You can enable redirect host from the wordpress embed options, this will update your shortcode for you:

Or you can manually add the text redirect="host" into your shortcode.

Example of this:

[interact id="your quiz ID" type="quiz" redirect="host"]

Did this answer your question?