Puzzles on your website

Share a puzzle link or embed a playable puzzle in your page.

Add a puzzle

  1. Create a puzzle using a public image you have the right to use.
  2. Copy the embed code.
  3. Paste it into your page’s HTML or embed block.

View the demo →

<iframe src="https://jigsaw.tapstar.hongmoe.com/play/?url=…&n=60&embed=1" width="100%" height="600"
  style="max-width:100%;max-height:90vh;border:1px solid #aaa" allowfullscreen title="Jigsaw puzzle"></iframe>

Size and full screen

Keep the width at 100% and start with a height of 600. The 90vh limit helps it fit smaller screens. Around 60 pieces works well in a smaller frame.

Keep allowfullscreen to offer full screen. If your site builder blocks it, provide a direct puzzle link as well.

For a full-page embed, give the page and iframe a height of 100vh, remove the height limit, and set margins and borders to zero.

Good to know

  • The service is free, including commercial use. No account is required.
  • Keep the original image online. A puzzle link depends on that image remaining accessible.
  • Images are cached in server memory for up to an hour, not saved to disk.
  • The embedded player has no ads. Its outgoing links use nofollow.
  • Use one puzzle per page to avoid slowing down mobile devices.

See image and puzzle settings or Terms for more details.