Convert HTML into Gutenberg blocks
Paste HTML and get core Gutenberg block markup back, ready for the WordPress editor’s code view. Runs entirely in your browser — nothing is uploaded.
How this tool works, and what it cannot see
Your HTML is parsed in the page and mapped onto core blocks: headings, paragraphs, lists, images, figures, quotes, code, tables and separators. Anything with no core equivalent becomes a custom HTML block rather than being dropped.
Blocks are what makes a page editable in WordPress. Dumping raw HTML into a post gives you a page nobody can edit; blocks give you one your client can.
This converter carries structure, not design. A marketing layout needs its CSS too — that is what the extension’s WordPress export does.
FAQ
Where do I paste the output?
In the WordPress editor open the options menu (⋮) and choose Code editor, paste, then switch back to the visual editor. The blocks appear as normal editable blocks.
Why does my converted page look nothing like the original?
Because HTML without CSS is just structure. The extension exports a section block plus the page’s scoped CSS so the layout survives; a paste-in converter cannot.
Is anything sent to your server?
No. This tool never leaves your browser — no upload, no logging, no request at all.