Three ways: describe what you want and AI generates from scratch, paste HTML of an inspiring section and AI converts the structure, or paste real Greenshift block markup directly (highest fidelity — keeps the full attribute richness).
✦Build with AI recommended
Describe the section type, layout, and intended vibe. The more specific, the better the result.
Example briefs — click one to use
Paste the HTML of one section from an inspiring competitor or portfolio site. AI captures the layout/styling pattern; all text, names, prices, and images are replaced with neutral placeholders.
Tip: in Chrome devtools, find the section element, right-click → Copy → Copy HTML. Paste below.
Paste real Greenshift block markup straight from WordPress. No AI translation — the full attribute richness is preserved, so the section opens in Gutenberg with every padding, animation and breakpoint exactly as you set it.
Where to get Greenshift block markup
Self-built sections: open the section in Gutenberg, top-right ⋮ menu → Code editor, copy the markup of the outer block.
HTML / Figma frames: use Greenshift's Style Manager block to convert HTML → Greenshift blocks first, then copy from Code editor.
Any webpage: use Greenshift's Chrome extension (Any Webpage → WordPress), paste into Gutenberg, copy from Code editor.
The paste must contain at least one <!-- wp:greenshift-blocks/... --> marker — otherwise it'll be rejected.
After inserting, fill in Name, Function, and optional Vibe / Description in the form below — those fields stay yours to edit, this mode only fills the Body.
Name—
Function—
Vibe—
Body—
Skip this panel entirely if you'd rather fill in name, function, vibe and body by hand in the form below.