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: https://support.squarespace.com/hc/en-us/articles/115000253288-Ajax-loading
Redirecting Result to URL
When you redirect your results, your quiz taker will automatically be taken to the Redirected Result URL after completing the Interact opt-in form.
If Lead Generation is not turned on for your quiz, your quiz taker will be taken to the Redirected Result URL after answering the last quiz question.
Step 1: To override the default functionality and redirect quiz takers to a certain URL, you can redirect your quiz results by going under "Results" on your quiz. You should then select "Redirect Results" as seen in the image below.
Step 2: 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.
Step 3: After you have successfully redirected your result, this is the message that should appear on your Result Page:
*If your Redirection was not successful, then manually type in your redirect URL. *
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:
Enable redirection for at least one result within the Interact Quiz Builder (see steps above).
Click 'Share & Embed' on the particular quiz to see the embed options.
Click 'Embed your Quiz on your Website'.
Under the 'Redirect Host' setting click on 'Enable' to enable this feature.
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"]