Signature feature · Pro

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.

Get Pro $14.99/year Read the docs→

Workflow

Five steps. Roughly 90 seconds.

Step 01

Paste

Paste your static HTML mock-up into the generator.

Step 02

Configure

Set the field group settings: post type, template, options page.

Step 03

Analyse

Click Analyse HTML. The detector walks the DOM.

Step 04

Review

Review detected fields and generated PHP. Adjust if needed.

Step 05

Ship

Create Field Group + drop the PHP template into your theme.

Detection

What the detector recognises.

The detector walks every node and emits a best-guess schema. Across normal mock-ups it captures the structure cleanly.

→Plain text → text / textarea
→<svg> / icon <i> → raw_html
→Anchors → link
→CTA buttons → link
→<img> → image
→Sibling siblings → repeater
→FAQ blocks → repeater
→Card grids → repeater

Preview

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.

HTML Generator review

Detected fields

Thero_title: text
Thero_subtitle: textarea
Lcta: link
Rfeatures: repeater
Ifeature_icon: raw_html

Generated PHP

<section class="hero">
  <h1><?php dfk_the_field( 'hero_title' ); ?></h1>
  <p><?php dfk_the_field( 'hero_subtitle' ); ?></p>
</section>
<?php while ( dfk_have_rows( 'features' ) ) : dfk_the_row(); ?>
  <span class="icon"><?php dfk_the_sub_field_html( 'icon' ); ?></span>
<?php endwhile; ?>

Read the workflow docs→

Honest limitations

Review the output before production.

Review required

(01)

Generated code should be reviewed before shipping. The detector emits a best-guess schema, not a final design.

Layout edge cases

(02)

Card grids with two different visual layouts may not collapse into a single repeater. You may need to split them by hand.

Theme work remains

(03)

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.

Get Pro $14.99/year Read the docs