- How to create an auto-quiz / quiz generator?
- 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
- Zapier and Riddle – send leads to any software
- 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
- Accessible quiz maker: 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
- How do I set up an SMTP server with Riddle?
- Display ads above or below your quiz
- Riddle’s quiz maker cookies and tracking
- Riddle’s Zapier app – help & FAQ
- 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 my quiz width?
- Why won’t my quiz work on my WordPress.com site?
- My quiz embed isn’t working – what should I do?
- Multi-user Team plan – onboarding
- 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?
Embed your Riddle quiz in Squarespace
Squarespace is one of the most popular website builders on the market today. The good news? It’s easy to embed your Riddle quiz or other formats in your Squarespace site – no coding required.
Let’s dive into and show how to do this.
The TL;DR version of this post?
Just make sure you turn on the ‘disable autoscroll’ in the ‘Publish’ step before you get your code.

Video tutorial: embedding your quiz on Squarespace
Embed your quiz in Squarespace – more info:
Squarespace is brilliant – they make it easy for non-coders and non-designers to make their own professional websites. However, any visual builder will create some challenges when it comes to embedding interactive content like a Riddle quiz iFrame.
Steps to embed your quiz:
- Make a new Content Block on your Squarespace page, and select ‘Embed’ option.

- Now click on the code symbol (<>) to open a spot where you can paste in your embed code.
- (MOST IMPORTANT: Grabbing your quiz embed code) You’ll need to pop over to the ‘publish’ step in Riddle.
- Turn ‘disable auto-scrolling’ on. (more info)
- Select ‘Get code’ – and copy code.
- Paste into your Content Block in your Squarespace page.
There you have it – that’s all you need to do, to get your Riddle quiz or other content to work seamlessly with your Squarespace site.
Why these steps?
Okay – let’s take a wee peak behind the scenes.
We designed Riddle quizzes to scroll inside the iFrame that’s embedded on any page. As a user scrolls down to view and select their answer, they’ll immediately get taken back up to the top for the next question.
Less scrolling, and a better user experience for folks – especially on smartphones.
Squarespace has a slight issue with that – they don’t like the ‘jump back to the top’ part of our embed code. If you use our code with no changes, the riddle jumps up and down a little bit – which is a bit irritating to your users.
Viewing your embedded Riddle quiz
Great – so now that you’ve added a quiz via your code block, you will be able to view a placeholder in your site.
Now, Squarespace gives you a chance to ‘safe preview’ your quiz. Don’t do that.

Alas, our little tweak to the code means that the best way to see your quiz in action is to take your quiz as a site visitor.
Any changes, you’ll just need to re-edit your Squarespace page and push things live again.
Wrapping things up
There you have it – all you need to do to embed your Riddle quiz on your Squarespace site.
Easy-peasy, right?
But please don’t hesitate to drop us a line if you have questions… you can get our cofounders or the rest of our team on support chat (we’re lightning fast to reply), or write a message at hello@riddle.com.