Did you see the advanced tab mentioning webhooks and custom result page while building your Riddle and wonder what you can do with it?
With our webhooks and our external quiz result landing pages, you can build a highly customized quiz experience, which includes sending people to a custom result page, that you can design any way you like and displaying the quiz data there. This will take your quiz marketing to a new level, but it does take a little bit of custom coding to get this done.
If you wonder what the possibilities are, we are giving you a sample page that you can try out now in any of your Riddles.
Riddle can also send all the data from your quiz (answers given, quiz results) as well as all the data from the embedded lead form to your custom result page in JSON format via POST variable. This allows you to build a highly customized and personal experience.
Here is how to test out the custom result pages:
Build a quiz or personality test with a few questions and answers and if you like add a lead gen form (custom result pages work great for lead gen if you ask me).
Then on the advanced tab, add one of these 2 URLs:
a) use this if you want the results to show on a brand new page and not inside the Riddle iFrame:
https://examples.riddle.com/custom-result-page.php
(Make sure to also check the box “Opens your quiz result landing page outside the Riddle iFrame and uncheck the box (Advanced Do not send any Riddle data to your site via POST method).
This is the option you should choose first. Just copy the settings from the screenshot below.
b) use this if you want the result to show inside the Riddle iFrame. Kind of like our normal results, but with your custom content.
https://examples.riddle.com/custom-result-page-iframe.php
Now, when you test your Riddle quiz, you will be taken to your very own custom result landing page.
If you are using this URL, please uncheck the box to open the custom results outside the Riddle iFrame.
Sure, this page won’t initially look pretty – but it will display all the data that we make available to you. You have a blank canvas when creating your custom result landing page – to better convert your quiz visitors to happy customers.
Note that we are converting the JSON data to something you can read and process in PHP easier. Check the Github page linked below to get your hands on the source code we are using for these examples.
Feel free to use this little helper to learn about the data your Riddle is sending and as a great starting point for your first custom result page.
Additional resources to get you started:
- Riddle’s GITHub with example code that you can use and alter any way you like.
- A more detailed blog post on how to create a custom result landing page including a quick video tutorial.