Docs

Build, customize, share, and embed widgets.

A simple guide to the Fugte workflow: create a widget, preview it, expose safe settings, and publish it anywhere that accepts links or iframe embeds.

01

Create a widget

Start with built-in AI, a starter widget, or your own front-end code. Fugte renders it in a live preview so you can check the result before sharing.

02

Choose editable fields

Turn text, colors, links, images, labels, numbers, toggles, and simple options into safe controls. This lets you update a widget without rewriting the code each time.

03

Publish a clean link

Every published widget gets a hosted URL. Use it for previews, client approval, Canva embeds, social sharing, or quick handoff.

04

Embed anywhere

Copy the iframe snippet into Shopify, WordPress, Webflow, Notion, custom websites, and other tools that support embeds.

Common use cases

Good fits for Fugte.

Use Fugte for focused interactive pieces that need to live outside a full app deployment.

Canva projects

Interactive cards, fundraisers, quizzes, games, timers, and campaign widgets.

Shopify storefronts

Promo bars, size guides, announcement blocks, product quizzes, and launch timers.

Client handoff

Small tools and campaign widgets clients can update through safe controls.

Writing the code

Building a widget from scratch.

Everything above happens without code. If you or your AI assistant is writing the widget source, the build reference is the full specification: the four files, the Liquid context, the schema block, and the built-in form, payment, video, and icon tags.

Point your AI at it

The reference opens with a primer you can paste into ChatGPT, Claude, or Gemini so the code it writes matches the Fugte format on the first try.

Plain text for tools

The same content is served as text at /llms-build.txt for agents and scripts that prefer it.

Need help?

Have a widget workflow question?

Send a note to [email protected] and include the platform where you want to embed the widget.