Skip to main content

iframe embed

a. Getting the embed code snippet

Getting the iFrame embed code snippet
  1. After creating your puzzle, click the preview button.
  2. On the Preview page, click the publish button in the top bar.
  3. On the Publish page, select the embed tab.
  4. Ensure the iframe embed sub-tab is selected.
  5. Adjust the iframe height field if needed (in pixels).
  6. Click the copy button at the bottom right to copy the iframe code snippet.

b. Adding the embed code snippet

Adding the iFrame embed code snippet to your webpage
  1. Open your webpage's source HTML file.
  2. Inside the <body> tag, paste the iframe code snippet where you want the puzzle to appear.
Avoid double loads

Only set the iframe src once, after the full URL (including any UIDs or parameters) is ready. Updating the src multiple times can cause double loads and extra usage.

Table of contents