/*@BUILD:include:src/header.html@*/

# Embed a PolyMeter widget

Every PolyMeter form factor doubles as an embeddable widget. Drop one into any page with a placeholder + one script tag — no build step, no dependencies. It loads in an iframe and is preloaded with whatever program / settings string you give it.

Show snippets for:

## Drop-in (recommended)

The script replaces the `<div>` with an auto-sizing iframe. Here's the , live on this page:

## Or a plain iframe

## Form factors — `data-varasys-metronome`

value | widget
--- | ---
editor | PM_E‑1 PolyMeter Editor (full web app)
teacher | PM_T‑1 Teacher (studio / lesson console)
stage | PM_S‑1 Stage (foot‑pedal stompbox)
micro | PM_P‑1 Practice (inline practice bar)
showcase | PM_D‑1 Display (RGB pendulum showpiece)
initial | PM_C‑1 Concept (idealized render)

## Configuration / settings string

attribute | what
--- | ---
data-patch | A PolyMeter program string, e.g. `v1;t120;kick:4;snare:4=.X.X;hatClosed:4/2`. Copy it from the editor's program field.
data-setlist | A base64url set‑list code (a whole set list) — share it from the editor.
data-width / data-height | iframe size (default `100% × 300`; height auto‑grows to the widget).

Under the hood the loader builds `<page>?embed=1#p=<patch>`; the page's `?embed=1` mode strips the site chrome so only the widget shows. That's the same way our own Concept & Info pages embed it.

/*@BUILD:include:src/footer.html@*/