Embed the Stack CRE Quiz

Add the Stack CRE quiz to any university LMS page, brokerage intranet, or website with a single copy-paste snippet. The quiz auto-resizes to fit its content and requires no API key or account.

Option 1: Recommended (div + script tag)

Add the target div where you want the quiz to appear, then load the widget script once anywhere on the page. The script finds the div by its id and injects a responsive iframe.

<!-- Stack CRE Quiz Widget -->
<div id="stackcre-quiz"
     data-level="novice"
     data-country="CA">
</div>
<script src="https://thestackcre.ca/widget.js" async></script>

Change data-level and data-country to customise the quiz. See the attribute reference below.

Option 2: Raw iframe fallback

Use this form if your CMS or LMS does not allow external script tags (common in Canvas, Blackboard, Moodle, and SharePoint). Set a fixed height or use the auto-resize snippet above for a seamless fit.

<iframe
  src="https://thestackcre.ca/embed?level=novice&country=CA"
  title="Stack CRE Quiz"
  width="100%"
  height="600"
  frameborder="0"
  scrolling="no"
  style="border:none; border-radius:12px; min-height:400px; display:block;">
</iframe>

The iframe form does not auto-resize. Set the height attribute to a value large enough to show the full quiz without scrollbars (600px covers most sessions; the quiz expands to roughly 900px on the results screen).

Data attribute reference

Attribute	Values	Default	Description
data-level	novice, apprentice, practitioner, professional, wizard	novice	Quiz difficulty level
data-country	CA, US	CA	Question pool market (Canada or United States)
data-width	Any CSS width (100%, 640px, ...)	100%	Width of the embedded iframe
data-min-height	Number (pixels)	400	Minimum iframe height before auto-resize kicks in

Level guide

noviceNew to commercial real estate. Good for introductory CRE courses and career-changers.

apprenticeBuilding a CRE foundation. Suitable for second-year students and junior practitioners.

practitionerActive industry participant. Strong fit for professional development programs.

professionalExperienced CRE professional. Challenge for 5+ year practitioners.

wizardThe most seasoned CRE professionals. Designation prep level.

Example: US practitioner level

Embed a Practitioner-level quiz covering United States CRE content:

<div id="stackcre-quiz"
     data-level="practitioner"
     data-country="US">
</div>
<script src="https://thestackcre.ca/widget.js" async></script>

How auto-resize works

When using Option 1 (the widget.js script), the embedded quiz page sends a postMessage event to the host page on every screen transition. The widget script listens for these events and updates the iframe height to match the quiz content, so the quiz never shows internal scrollbars. The message shape is:

{ type: "stackcre:height", height: <number> }

The widget validates the event origin (must be https://thestackcre.ca) and message type before applying the height change, so it is safe to run alongside other embed scripts that may also use postMessage.

Questions or partnership inquiries: visit thestackcre.ca