- How to create an auto-quiz?
- Enhanced security for online polls and quizzes
- 5 steps to create a GDPR-compliant quiz
- Add an opacity fade
- How to format your quiz text?
- Add a WordPress quiz leaderboard to your site
- Creating a multi-poll
- Saving a quiz as a template
- Flexible quiz scoring – questions worth different points
- How to create a journey (interactive story)?
- Order It: Riddle’s drag/drop sequence quiz
- How can I copy a quiz?
- Learn how to create a ‘Tap & Find’ quiz
- How are personality test results calculated?
- Can I send quiz takers to a URL based on their responses?
- Why use ‘call to action’ buttons?
- Quiz or personality test – what’s the difference?
- ActiveCampaign integration
- Using Zapier.com lookup tables
- Email quiz results to each lead
- Webhook signatures
- Embed videos in a lead form
- Add hidden text and hidden query fields to your form
- Add a WordPress quiz leaderboard to your site
- How to delete a lead form?
- Blue State Digital quiz integration
- Use Regex to validate lead form entries
- Delete quiz lead generation data
- Adding quiz leads and responses to Google Sheets
- Quiz Lead Generation 2.0 – connecting to MailChimp
- Quiz Lead Generation 2.0 – changing or disconnecting a data connection
- Riddle’s Zapier app – help & FAQ
- Quiz Lead Generation 2.0 – saving your data
- Quiz Lead Generation 2.0 – connecting your email software
- Quiz Lead Generation 2.0 – using form templates
- Quiz Lead Generation 2.0: creating a lead form
- Can I gather a user’s quiz responses (plus their email)?
- What email marketing tools does Riddle support?
- Where can I send my leads and quiz data?
- How can I use ‘Custom in-quiz iFrames’?
- What’s an in-quiz iFrame?
- Place your logo above your quiz
- Insert ad tags in your Riddle quizzes
- Setting the share image for Facebook
- Using a Facebook App to white-label your social shares
- Set up your Riddle quiz leaderboard
- Display ads above or below your quiz
- Unrolled quizzes – display all questions on one page
- Polls: Hiding & displaying vote totals
- Add a quiz timer
- How can I customize quiz social sharing?
- How can I change languages?
- Can I randomize/shuffle questions and answers?
- CSS editor – 40+ quiz styles and hacks
- How accessible are Riddle’s quizzes (for disabilities)?
- How can I hide the Riddle logo (or add my own)?
- Quiz: How I show quiz answers AFTER my lead form?
- Polls: Can I automatically open/close my poll at a set time/date?
- Personality tests: Multiple personality results (scoring)
- How can I customize my quiz colors?
- CSS editor – how can I use?
- How can I customize my quiz fonts?
- Why use ‘call to action’ buttons?
- Is Riddle responsive for mobile devices?
- Will Arabic, Farsi, and Hebrew display right to left (RTL)?
- Webhook signatures
- Load a different Riddle on your website every day
- Upgrading the Riddle WordPress plug-in manually
- Set up your Riddle quiz leaderboard
- Display ads above or below your quiz
- Riddle’s quiz maker cookies and tracking
- Riddle’s Zapier app – help & FAQ
- Zapier and Riddle – send leads to any software
- Can I send quiz takers to a URL based on their responses?
- How can I use Facebook or other tracking pixels?
- Embed your Riddle quiz in Squarespace
- Embed a Riddle quiz on Wix
- Add a WordPress quiz leaderboard to your site
- Why use ‘lazy loading images’?
- How to use the custom offset
- Riddle’s quiz maker cookies and tracking
- Display your quiz on a blank page
- How does the ‘disable auto-scroll’ option work?
- Embedding Riddle quizzes in Unbounce landing pages
- AMP Support
- How can I share/publish my quiz?
- Can I embed my Riddle quiz on WordPress?
- Are my Riddles private?
- How to change the size of my embedded quiz?
- Why won’t my quiz work on my WordPress.com site?
- My quiz embed isn’t working – what should I do?
- Place your logo above your quiz
- Insert ad tags in your Riddle quizzes
- Set up your Riddle quiz leaderboard
- How can I transfer a quiz to a different team?
- Multi-user: can I invite my colleagues to my account?
- Team roles: Admin, Editor, and Author
- How do team style templates work?
- Can I set a ‘default’ style template for a team?
- Does Riddle offer custom pricing plans?
- Quiz maker pricing (removing VAT)
- How can I pay for Riddle?
- How can I change my personal info (email, name, etc.)?
- What happens after my 14 day trial?
- How do I upgrade my account?
- How can I change my plan?
- How can I edit/change my payment details?
- Where can I get copies of my invoices?
- How can I update my account’s personal info (name, email, etc.)?
- How can I change my password?
- Where can I download invoices?
- How do I change my email address?
Embedding Riddle quizzes in Unbounce landing pages
Unbounce is a popular and powerful landing page builder, used by many marketers across the gl0be.
Riddle’s quiz maker works with almost every CMS out of the box – but Unbounce is a little special so there’s an extra step.
If you’d like to embed your Riddle quiz into your Unbounce page, you just need to add this tiny snippet of code to your embed:
Copy your embed code from Riddle’s ‘Publish’ step:
<div class=”riddle_target” data-rid-id=”153064″ data-fg=”#D82A2A” data-bg=”#FFFFFF” style=”margin:0 auto;max-width:100%;width:640px;” data-auto-scroll=”true”>
<script src=”https://www.riddle.com/files/js/embed.js”></script>
<iframe style=”width:100%;height:300px;border:1px solid #cfcfcf;” src=”https://www.riddle.com/a/153064?” title=”Pop Quiz – 80’s music challenge: Can you “name that tune”?”></iframe>
</div>
Add this extra code:
<p style=”text-align: left; padding-left: 20px; font: inherit; font-size: 80%; max-width: 95%; width: 640px; margin: 0px auto; padding-top: 10px;”><a href=”https://www.riddle.com” style=”color: inherit;” rel=”nofollow” target=”blank”>Quiz Maker</a> – powered by Riddle</p>
Then paste this combined code into your Unbounce landing page – using their ‘custom HTML’ option:
Your final embed code will look something like this – with the data-rid-id and other fields reflecting your own quiz:
<div class=”riddle_target” data-rid-id=”153064” data-fg=”#D82A2A” data-bg=”#FFFFFF” style=”margin:0 auto;max-width:100%;width:640px;” data-auto-scroll=”true”><script src=”https://www.riddle.com/files/js/embed.js”></script><iframe style=”width:100%;height:300px;border:1px solid #cfcfcf;” src=”https://www.riddle.com/a/153064?” title=”Pop Quiz – 80’s music challenge: Can you “name that tune”?”></iframe></div><p style=”text-align: left; padding-left: 20px; font: inherit; font-size: 80%; max-width: 95%; width: 640px; margin: 0px auto; padding-top: 10px;”><a href=”https://www.riddle.com” style=”color: inherit;” rel=”nofollow” target=”blank”>Quiz Maker</a> – powered by Riddle</p>
IMPT: Please note – you’ll need to make the Unbounce container large enough for your quiz… their tool won’t resize our quiz automatically on your page. But it’s easy to do with just a bit of experimenting.
Hope that helps – but just give us a shout if we can help further… we’re, frankly, massive customer service geeks – and have a lot of fun with stuff like this. 🙂