Build with Riddle.
Working, copy-pasteable examples – every example is a self-contained page with the code you need and, where it makes sense, a live Riddle you can interact with.
Explore examplesData Layer
Push values from your website into a Riddle, and read values back out.
- Push website data into a Riddle →The general pattern for passing data from your page into a Riddle.
- Create a Calculator →Use the Data Layer to build a calculator on top of a Riddle.
- Vote via Data Layer →Submit a vote programmatically.
- Change Palette via Data Layer →Restyle a Riddle at runtime.
- Data Layer variables in ad slots →Pass targeting values into an ad slot.
- Data Layer variables in Project ad slots →The same, for Project-level ad slots.
- Embedding a login form in an Ad / iFrame →Run your own login form inside a Riddle.
Embed Code
Different ways to get a Riddle onto your page.
- Embed code example →The standard embed code, explained.
- Embed Riddle in modern frameworks →Embedding in Vue, React and friends.
- Riddle embed webcomponent →Use the riddle-embed web component.
- Display your Riddle as an overlay modal →Open a Riddle in a modal instead of inline.
- Load the embed script in your site's header →Preload the script for faster rendering.
JS Events
React to what players do inside a Riddle.
PDF Certificate
Turn a quiz result into a personalised PDF certificate.
Ad Examples
Serve and refresh ads around and inside a Riddle.
Webhook
Receive Riddle results on your own server.
Riddle API
Read and create Riddles programmatically.
Mobile apps
Embed Riddles in native and cross-platform apps.
Stuck on an integration?
Our support team is happy to help – reach out via the or via email.