Paste static HTML. Get an editable template.
The HTML Generator turns a static mock-up into a field group and a working PHP template — in roughly 90 seconds.
Five steps. Roughly 90 seconds.
Paste
Paste your static HTML mock-up into the generator.
Configure
Set the field group settings — post type, template, options page.
Analyse
Click Analyse HTML. The detector walks the DOM.
Review
Review detected fields and generated PHP. Adjust if needed.
Ship
Create Field Group + drop the PHP template into your theme.
What the detector recognises.
The detector walks every node and emits a best-guess schema. Across normal mock-ups it captures the structure cleanly.
Review before you ship.
Detected fields and generated PHP appear side-by-side in the admin. Rename fields, change types, drop fields you don't need — then save the group and copy the PHP into your theme.
The generator emits one of two output modes: Hide empty or Inline fallback.
Read the workflow docs →Review the output before production.
Best-guess schema
Generated code should be reviewed before shipping. The detector emits a best-guess schema — not a final design.
Mixed card grids
Card grids with two different visual layouts may not collapse into a single repeater. You may need to split them by hand.
Assets still need enqueueing
The generator emits the template — CSS and JS for the mock-up still need theme-side wp_enqueue_* wiring.
Generate your first template.
Unlock the HTML Generator with Pro. Cancel any time — installed Pro keeps working.