By /

Want your quiz to have a URL from your domain (e.g. ‘YourSite.com/quiz’)?

Riddle’s default option: riddle.com/showcase/######

Riddle provides free hosting for any quizzes – once you publish your quiz, you’ll get a link for your riddles following this pattern: riddle.com/showcase/riddle-ID.

But you might want to change that link to one on your site – for a more fully white-labelled experience.

Embedding your quiz is the easiest way to do this.

But we have additional options in case you:

  1. You have a domain (yoursite.com) but do not have a CMS to embed your quiz.
  2. Work for a larger organization whose InfoSec / IT department requires substantial review for anything embedded on your site.

If you would rather use your own domain without having to embed the Riddle and still use the showcase, there is a simple method you can use.

Option 1: Frame redirect to your domain

Your hosting company may allow you to set up a frame redirect for your domain.

If so, here’s what you’ll need to do:

  • Set up a frame redirect, directing to the showcase URL of your Riddle.
  • Make sure to have an SSL certificate set up for your domain to avoid error messages in the browser.
  • Here is a good explanation of how to set up domain forwarding with masking on godaddy.com.

Option 2: Add HTML file (for the redirect) to your server

You can also use a small HTML file that you’ll need to upload to your server to handle the redirect, sending people from riddle.com/showcase/#### to yoursite.com/quiz.

  1. Simply use the sample code below.
  2. Change the Riddle ID to the ID of your own riddle.
    • For example, change ‘239057’ to your riddle’s ID.
<html>
<head>

<title>http://riddle.luk.wtf/</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta http-equiv="ROBOTS" content="NOINDEX,FOLLOW">
</head>
<frameset rows="100%,*" border="0">
<!-- change the ID in the link below to the ID of your own riddle-->
<frame name="_redirected_content_" src="https://www.riddle.com/view/239057" scrolling="auto" frameborder="0">
<noframes>
<body lang="en">
Your browser does not support framesets.
<!-- change the ID in the link below to the ID of your own riddle-->	
<a href="https://www.riddle.com/view/239057">Please click here
to be redirected to the final page.</a>
</body>
</noframes>
<frame></frameset>
</html>

Related Posts