Jigsaw Puzzle widget

Webflow embed guide

How to Add a Jigsaw Puzzle to a Webflow Site.

Webflow's Embed element accepts custom code, which makes adding a Jigsaw Puzzle straightforward, and because the widget is hosted, you can keep tweaking its content later without opening the Designer or republishing the site.

Live starter preview

Step by step

Embed the Jigsaw Puzzle in your Webflow site.

01

Create the widget in Fugte

Start from the Jigsaw Puzzle starter, generate a variation with the built-in AI, or paste your own code.

02

Customize and publish it in Fugte

Text, colors, images, numbers, and options are no-code settings, so you can match your branding without touching code. Publishing gives the Jigsaw Puzzle a stable hosted link and an embed snippet.

03

Drag in an Embed element

In the Webflow Designer, drag an Embed element from the Add panel to where the widget should sit and paste the embed snippet into the code editor.

04

Publish the site

Save and publish. The Jigsaw Puzzle renders live on the published site; later content changes happen in the widget editor, with no republish needed.

Good to know

Webflow specifics worth planning around.

Webflow's custom-code Embed element requires a paid Webflow site plan. On free staging domains, you can link to the hosted widget page instead.

The embed snippet is a few lines, so it uses almost none of the Embed element character limit.

The widget is hosted and sandboxed, so it cannot conflict with Webflow interactions or custom code elsewhere on the page.

Content edits in the widget editor go live immediately, useful when a client wants copy changes but you do not want to republish the Webflow project.

Ideas

Where the Jigsaw Puzzle fits.

Interactive embeds

Any photo, cut into a real jigsaw.

Experiments

Any photo, cut into a real jigsaw.

Client ideas

Any photo, cut into a real jigsaw.

FAQ

Common questions.

Can I add the Jigsaw Puzzle on a free Webflow plan?

The Embed element needs a paid site plan. On free plans you can still add a link or button pointing to the hosted widget page.

Does the Jigsaw Puzzle count against Webflow CMS or code limits?

No CMS items are used, and the embed snippet is small. The widget itself is served from an external CDN, not stored in Webflow.

Can a client edit the widget without Designer access?

Yes, that is a common setup. The client edits text, colors, and offers through Fugte's no-code settings; the Webflow layout stays locked.

Try it

Put a Jigsaw Puzzle on your Webflow site today.

Start free, customize the Jigsaw Puzzle without code, and embed it with one link.