Free tool

Contact Form 7 → HTML Converter

CF7 has been in feature freeze since 6.2 — security fixes only. Paste your form template and get a clean, accessible HTML form. No plugin, works anywhere.

Contact Form 7 has sat in feature freeze since version 6.2 — the maintainers only ship security patches now, no new functionality. This free converter reads your form template's [text* your-name]-style tags and turns them into a clean, semantic, accessible HTML <form> with proper labels, required attributes and input types — no plugin, works on any site, any builder. One thing this tool does not do: send your mail. CF7 handles submission and mail delivery server-side; the HTML output is markup only, so you'll need to wire it to your own form handler or a form service (Formspree, Basin, your own backend) before going live.

  1. 1

    Copy the form template

    In WordPress go to Contact → Contact Forms, open your form, and copy everything from the Form tab.

  2. 2

    Convert here

    Paste it below and hit Convert.

  3. 3

    Wire up submission

    Drop the HTML anywhere, then point it at your own form handler or a form service — the markup alone won't send mail.

🔒 Runs entirely in your browser — your pasted content is never uploaded to a server.

Contact Form 7 Template Input

No form yet? In WP admin open Contact → Contact Forms → your form, and copy the whole Form template field.

The output is native Gutenberg blocks with one embedded <style> block carrying your design. In the block editor open the ⋮ menu → Code editor (Ctrl+Shift+Alt+M), paste, and switch back to the visual editor.

This is a static preview of the form fields, not a working Contact Form 7 form — re-add the [contact-form-7] shortcode where you want the real, functional form to appear.

HTML Form Output

Live Preview

From the makers of ready→made

Building from a Figma design instead?

ready→made converts your Figma designs straight into clean HTML, Gutenberg, Oxygen 6 or Etch — real structure from a real layout engine.

See ready→made →
FAQ

Good to know.

Is this really free?

Yes — the CF7→HTML converter is completely free to use.

Where do I find the form template?

In WordPress: Contact → Contact Forms, open the form you want to convert, and copy the contents of the Form tab (the tag markup, e.g. [text* your-name], [email* your-email]).

Does the converted form actually send email?

No — and this is important. CF7 handles mail sending server-side through its own plugin logic. This tool only converts the markup to plain HTML. You need to connect the resulting form to your own submission handler (a small server script, a serverless function) or a form-as-a-service provider before it can send anything.

What about the CF7 quiz/CAPTCHA field?

Quiz and CAPTCHA fields are dropped — they depend on CF7's own validation logic, which doesn't exist outside the plugin. Use a modern alternative like honeypot fields or a reCAPTCHA/Turnstile widget in your own handler.

What survives the conversion?

Text, email, telephone, number, URL, date, textarea, select, checkbox, radio and file fields, with their labels, placeholders, required flags and validation attributes (type, pattern) all preserved as native HTML.

I'm starting from a design, not an old form.

Then use ready→made to convert the Figma design directly.

More free tools

Other converters in the suite.

Ready?

Build a real site from your Figma file — in minutes.

menu