Create a custom result landing page for your Riddle quiz

Want to send your users to a specific landing page on your site, based on their quiz responses? No problem – sending each person to their own custom result landing page is easy with Riddle’s quiz maker.

Here’s how it works:

  • One of your audience starts taking your quiz.
  • They are blown away by your quiz’s wit and insight. 😉
  • After the last question – they are automatically directed to any URL you specify.
  • Simply add the URL you’d like them to visit (https:// only)
  • Choose to have your result landing page displayed within the Riddle iFrame as part of the quiz experience – or outside as a full web page.
  • You can choose either different URLs depending on each user’s quiz responses – or one landing page for all quiz takers.
    • Individual responses: in the ‘Create’ section, click on the ‘custom result page’ in any results
    • Same URL for all quiz takers: in the ‘Advanced’ section, select and complete ‘Activate custom result landing page’ section.

(You can also personalize the landing page – our quiz can tell your page each person’s name, quiz results, and other info directly on your site (ex. “Hey Mike – you’re !”) It takes a little bit of coding expertise – but can be a very powerful customized quiz experience. Click here to read more in our blog.)

Individual responses:

Same landing page – for all quiz takers:

Want a custom result landing page example?

Here’s an example. Imagine you’re offering pasta cooking tips and products through your site.

  • You create and embed “The Pasta Fun Quiz” on your site.
  • A Riddle lead gen form is included, as well as a custom result page.
  • Your audience starts to take the quiz.
  • After the last question and filling out the lead form, they land on your own custom result landing page.
  • It displays their name and result – “Mama mia, Mike, you’re a pasta expert’!” with article and product recommendations from your site.
  • You mention that ‘I noticed you’re a pasta expert – you answered you never need oil when cooking pasta. Check out my five suggested cookbooks to buy for expert chefs like you.’
  • Simple, relevant to the user – and very effective.

Check out our one-question quiz example below:

Context is everything in converting users to paying customers. We’ve seen conversion rates increase by 43% by showing each user a page with the right information and messaging – based around their answers.

Requirements:

  • A server where you can host your own result landing page
  • A HTTPS domain (meaning you need to get a SSL Certificate for your domain). Hint, check out Let’s Encrypt . They offer free SSL Certificates and if you are running Plesk on your server, installing Let’s Encrypt is super easy and requires no tech skills as it comes as a one click Plesk Extension.

Your custom result landing page – advanced options

Okay, the previous option showed how you to send people directly to any page you set up.

If you have a bit of PHP coding knowledge, there’s another possibility.  It’s a bit geeky – but you’ll be able to dynamically take the quiz taker’s results (plus name & email if using our lead generation form), and display this automatically on your custom result landing page.

Ready to get started? Let’s watch this short video. explaining how you can build your own custom result landing page:

Custom result landing page – use cases and sample code:

Now that you picked up the basics, head on over to our GIT repository to grab your copy of our PHP source code that gets you started immediately.

We will be following up with more great examples and best practices on how to put this feature to work.

To get your imagination going, here is another scenario you can now run with Riddle:

  • Build a quiz with a built in lead gen form
  • Create a custom landing page, where you pick up on one of the key answers and write custom result copy around that answer
  • Take the lead data, the answers given and the result and send that to your email marketing tool
  • Automatically generate an email to the lead with extended quiz results and enhanced information, matching the result they got

That’s just scratching the surface… Have something else in mind and unsure how to get it done?

Drop us a line at hello@riddle.com – we love to hear from you and we promise to reply to every single email.

Auto Sizing the custom result landing page

If you choose to load the custom result page into the Riddle iFrame you may run into the problem that your result page is bigger than the space provided by the iFrame.

Especially if you are using Riddle’s custom CSS feature you might run into problems with your iFrame custom results.

There are a few ways to get around this but by far the easiest way is to add a little Javascript, which resizes the iFrame.

Just copy the code below right before the closing tag. Please note that this code needs JQuery to be loaded.

Not sure where to start with your custom result page?

Read this post to learn how to test the custom result pages with one of our ready made examples. This will get you started in 30 seconds or less – promise.

Any questions? Just shoot us a message on hello@riddle.com – our founders read and respond to everyone!

2017-11-14T10:35:42+00:00