iframe embed
a. Getting the embed code snippet
- After creating your puzzle, click the preview button.
- On the Preview page, click the publish button in the top bar.
- On the Publish page, select the embed tab.
- Ensure the iframe embed sub-tab is selected.
- Adjust the iframe height field if needed (in pixels).
- Click the copy button at the bottom right to copy the iframe code snippet.
b. Adding the embed code snippet
- Open your webpage's source HTML file.
- 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.