Embed Wonder
You can use the following code to embed your crossword puzzle on your website. Attribution to https://crosswordlabs.com is not required, but appreciated.
<iframe width="500" height="500" style="border:3px solid black; margin:auto; display:block" frameborder="0" src="https://crosswordlabs.com/embed/wonder-1967"></iframe>
URL Parameters
| Name | Type | Description |
|---|---|---|
| clue_height | integer 0-100 (default 25) | Sets the default height (as a percentage) of the iframe height that the clue space will take up. The user can still resize it to their liking. |
| show_title | boolean 0 or 1 (default: 0) | Determines if the puzzle title is displayed or not. |
| background_color | 6 hex digit color code and optional 2 hex digit alpha value (default: ffffff) | Sets the background color of the embed. If you set this, you'll likely want to update the background color in the iframe style attribute to match. |
If you don't know how to use URL parameters, look it up in your favorite search engine. Hint: Start by appending a ? to the URL, then append the parameter name, followed by an equal sign, then the value, followed by an & and the next parameter name (if any). Example: https://crosswordlabs.com/embed/the-planets?show_title=1&clue_height=40