Skip to main content

Embedding external quizzes, any tips?

Gareth Carson

Hey folks,

Has anyone here tried adding external quizzes to their rsvp pages? I was messing around with something like the telenor educational quiz and ran into a weird problem.

Whenever I try to embed it or even just link it, parts of the quiz either don’t load or the interactive stuff just breaks. At first, I thought it was my browser, but it seems like something about how the site delivers the quiz conflicts with rsvpify’s pages.

I’m wondering — do people usually just link out, or is there a trick to making these kinds of third-party quizzes work smoothly inside an rsvp page? Would love to hear if anyone has figured out a workaround for this.

Thanks in advance!

0

Comments

3 comments

Date Votes
  • Official comment
    RSVPify Support Team
    • Edited

    Hello there,

    Thank you for reaching out!

    This usually isn’t an RSVPify “bug” so much as a web security / embed restriction issue on the quiz provider’s side.

    Why embeds (and sometimes even links) break

    Most third-party quiz platforms deliberately block being embedded on other sites using security headers like:

    • X-Frame-Options (often set to DENY or SAMEORIGIN)

    • Content-Security-Policy (CSP) frame-ancestors, which also prevents loading inside iframes/webviews

    If the Telenor quiz (or its assets) is delivered with those restrictions, it will partially load, show blank sections, or have “interactive” components fail when embedded.

    Even when you only link out, some guests may be opening the RSVPify page inside an in-app browser/webview (Gmail/Facebook/Instagram, etc.). Those webviews can be more restrictive with redirects, cookies, popups, and cross-site scripts—so the quiz may behave differently than when opened directly in Chrome.

    What people typically do (best practice)

    Link out rather than embed.

    Embedding external interactive tools inside RSVP pages is often unreliable because you don’t control the third-party site’s embed policy. Linking out is the most consistent guest experience.

    Workarounds that usually help

    1. Use a direct URL (no shorteners, no tracking redirects)
      Redirect chains can increase the odds of failures in mobile webviews.

    2. Make the URL visible as text (copy/paste option)
      Example: “If the quiz doesn’t open, copy this link into Chrome: …”

    3. Add an instruction for mobile users

      • “Open in Chrome/Safari (not inside an in-app browser).”

      • “If you’re viewing this from Gmail/Facebook, tap ⋮ and choose ‘Open in browser’.”

    4. If you truly need an embed: confirm the quiz provider allows it
      Ask the quiz vendor to allow embedding from your domain by updating their CSP / X-Frame-Options policy. Without that, there’s nothing RSVPify (or any website) can do to force a secure site to embed.

    Quick way to confirm the root cause

    If you see an error like “Refused to display in a frame…”, that’s almost always X-Frame-Options/CSP blocking the embed.

  • Robert Scott

    This is a pretty common issue when embedding third-party quizzes—especially ones not designed to be embedded.

    What you’re seeing is likely due to:

    • X-Frame-Options / CSP restrictions (the quiz site blocks being loaded in iframes)
    • Heavy JavaScript dependencies that don’t initialize properly inside another page
    • Cross-origin (CORS) issues breaking API calls
    • Scripts conflicting with RSVPify’s environment

    Quizzes like a Telenor educational quiz are usually built as standalone apps, so embedding them often breaks interactive elements.

    What usually works best:

    • ✅ Link out (most reliable)
    • ✅ Open quiz in a new tab or modal
    • ✅ Add a clear CTA (“Take the quiz”) instead of forcing inline embed

    If you really want to embed:

    • Check if the provider offers an official embed script or iframe version
    • Try a simple iframe (and see if it’s being blocked in console errors)
    • Use a proxy/redirect page (advanced workaround, not always stable)

    Quick tip: Open your browser dev tools → Console. If you see errors like “refused to display in a frame”, embedding won’t work without support from the quiz provider.

    Bottom line: For reliability and UX, most people just link out unless the quiz platform explicitly supports embedding.

    0
  • RSVPify Support Team

    Hi Robert!

    Thank you for the detailed breakdown, really helpful additional context for anyone running into this issue!

    You are absolutely right that linking out is the most reliable approach here. To add to your point, if guests are opening the RSVPify page through an in-app browser such as Gmail, Facebook or Instagram, even a linked quiz can behave unexpectedly. A simple instruction like "Tap the three dots and choose Open in Browser" can go a long way in making sure guests have a smooth experience!

    Thanks again for contributing such a thorough response to the community! 😊

    0

Please sign in to leave a comment.

Didn't find what you were looking for?

New post