Guided embed

Add a widget to your page in five steps

Start with your real page. Pick a widget, set your brand, and leave with the snippet and a patched copy of the file.

Start with your page

Paste its address, or drop in the .html file. We find the spots where a widget fits without breaking your layout.

Page address

Browsers can't read another site's page, so this one fetch runs on our server — HTML only, 2 MB and 10 s ceilings, scripts stripped, internal addresses refused.

Drop your HTML file

or browse · 2 MB max · .html

No file handy? Start from a live page, or from a bundled sample styled nothing like this app — so you can watch the widget take on their brand.

Live pagesfetched for you, server-side

ESPN — NBA Sports desk · dense nav · 184 KB
Dimers Betting analytics · app shell · 439 KB
AP News — NBA hub 1 MB of markup · offers the trim
A blocked address Cloud metadata IP · refused on purpose

Sample pagesdownload one to get a real file on disk

The Rundown Cream serif · NBA model desk · 8 slots
The Baseline Light two-column · teal masthead · sidebar Download The Baseline sample page
Forward Curve Dark serif newsletter · gold rules · single column Download Forward Curve sample page

Download a sample, then drag it in — that is the flow a customer actually goes through.

No page loaded yet.

Pick a widget

Four of the twenty-six, picked to show the range. One widget per snippet — add as many snippets to the page as you like.

Not on this demo plan

22 more available · 4 coming soon

Real catalog entries this account can't use. Ask about one and the request reaches the team with the details attached.

Nothing selected.

Set the parameters

Tier 1 — on every plan, no review. Out-of-range values are capped and logged rather than honoured, so a bad number never reaches a render.

Widget

—

Locked at every tier

Not available at any tier

Validation log

Live — try an out-of-range number

Nothing logged yet.

Make it yours

Tier 0 — nine tokens, instant publish, no review. A failing contrast pair is refused with its ratio rather than quietly corrected.

Start from

Then adjust any token

Theme tokens

9 of 9 at T0

Tier 2 — the paid sandbox

Not enabled on this demo

T2 adds 34 CSS properties, the published ::part() map, layout templates and one web font — authored in a live CSS editor. Metered per site and gated on review, because presentation is negotiable and claims are not.

Allowed

Denied, at any price

Published parts:

Review:

Place it, then ship it

Pick a spot. The preview is your real file with the snippet inserted and the runtime running — not a mock.

Widgets on this page

—

Insertion point

—

Your embed snippet

Paste anywhere in your page body

snippet.html

Two attributes carry everything. Your settings, brand tokens and operator links live in the config — change them in the CMS and the live widget updates, with no edit to this page.

What you configured

In plain English

Developer details Raw keys and the config payload

GET /api/embed/config/site_demo_walkthrough

your-page.html

Your page renders here

Load a page, then place a widget. You get your real file with the widget in it, at three widths.