Adding lead generation to interactive content like quizzes, lists, and polls is powerful. Your audience is at their most engaged – so it’s a perfect time to ask for their name and email address for newsletter sign ups, contest entries, or white papers. Now you can use our new In Quiz iFrame tool to display your own sign up forms, video ads, or other content.
How can a Custom in-quiz iFrame be so powerful?
Many of our partners like the NBA’s Chicago Bulls have been seeing great results with their Riddles. Some have had over 20% of their users give their names and emails when showing a lead gen form between the last question or item.
However, they wanted a more flexible option beyond our existing form builder or integrating with MailChimp.
- “Can we show our own video ads to monetize all of this viral traffic?”
- “We have some proven landing pages – can we use these instead?”
- “I’d like to use Riddles for contests, but use my own contest entry forms from another system.”
Now with our Custom In-Quiz iFrame option, the only limitation is your imagination. If you can put content in an iFrame, you can display it in your Riddles to your site’s audience.
Live In-Quiz iFrame example (click on a poll choice to view):
Custom in-quiz iFrame: getting started
- In the ‘Lead gen’ step, click on the ‘Custom’ option.
- Paste in your iFrame’s URL (it will need to come from a HTTPS:// domain)
- Customize the height as a percentage of the width (our default is 75% high compared to 100% wide)
- Choose to add a skip button – so users can opt out of completing your form
- (Not sure how to create an iFrame? Check out this link.)
Custom in-quiz iFrame: basic requirements
Our Custom in-quiz iFrame option allows you to include virtually any web content at the end of your riddle.
However, it just needs to meet a few requirements:
- The web page must be hosted on a single public URL from a HTTS:// domain.
- Alas, we don’t support HTML embed codes or custom variables.
- Some webpages don’t allow embedding – they supply response headers that forbid it (example: http://www.google.com).
- The iframe will be sized to fit the width of your riddle, so the webpage you choose must support small window sizes (between 300px – 600px wide).
- We can’t detect the height of your content, so we allow you to specify the iframe height as a percentage of the width. It’s up to you to adjust this to fit your content for all screen sizes (if content doesn’t fit, scroll bars will appear for desktop users). For best representation on mobile devices, you should calculate the height as a percentage of the width and make sure to enter that into the height field. The default width for the entire Riddle unit is 640px. Thus, if you want to embed a form that is 900px in height, enter 141% (900/640*100).
- You can disable the skip button below the iframe, but you must implement the auto-continue trigger in this case or the user will be stuck on this screen.
- a 5 second timer
- a video finishes playing
- the user clicks a button, or some other interaction
Here’s another spectacular example by soccer publisher 90min – promoting the movie launch of ‘Game Night’ with branding and a video trailer.
Custom in-quiz iFrame: static images
You can go beyond using videos – any content that can be put in an iFrame will work.
For example, imagine you wanted to display a static image instead – here’s how:
- Create an image that’s 606 pixels wide, 454 high.
- Embed this on a page on your site, and add this CSS so that the image displays well on different screen sizes.
- (Please note – your URL must be https://.)
- Add your page URL into our custom in-quiz iFrame.
Custom in-quiz iFrame: summary
We’re pretty excited about this – super powerful, and dead easy to use. But if you have any questions, please don’t hesitate to give us a shout on support chat or at email@example.com.
(Don’t be shy… we read and respond to every message – most of the time in under five minutes.)