HTML Editor for Contact Form 7

Contact Form 7 plugin allows editing forms with a standard textarea. This addon adds an HTML editor with code highlighter to each contact form and provides many useful options to enhance your forms.

Editor Features

• HTML Editor with syntax highlighting powered by CodeMirror
• Contact Form 7 form-tags highlighting – types, names, options and values of tags like [text* your-name]
• Autocomplete – type [ to insert a form-tag; HTML tags and attributes with Ctrl+Space
• Mail editor – highlighting and mail-tag autocomplete in Mail and Mail (2) message bodies
• Fullscreen mode (F11) and Dark Theme (Material), remembered for each user
• Auto-close brackets and tags, line numbers, search (Ctrl+F)
• Changes in the editor run the Contact Form 7 configuration validator

Form Options (the “Extras” tab of the form editor)

• Test Mode – The form is visible only to users who can edit it; submissions from visitors are rejected
• Submission Limit – Close the form after N sent submissions (with counter and reset)
• Schedule – Open and close the form at a set date and time; the “closed” text is editable in the Messages tab
• Redirect After Submit – Redirect users to a URL after successful submission
  • Form fields in the URL, e.g. https://example.com/thanks?name=[your-name]
  • Support for ACF fields to get dynamic redirect URL from current page
  • Option to open redirect URL in new tab
  • Option to force file download
• Hide Form After Submit – Hide the form and show only success message
• Auto-hide Success Message – Automatically hide success message after specified seconds
• GA4 / GTM Event – Send an event to GTM dataLayer or GA4 gtag.js on successful submission
• Remove Auto Tags – Disable automatic p and br tags (tags written in the editor are kept)
• Disable Submit Button – Prevent double submissions by disabling button during form submission
• Scroll to Message – Automatically scroll to the response message after form submission
• Remove Refill – Clear form fields after validation error (error messages stay visible)
• Pre-fill Fields from URL – Auto-fill form fields from URL parameters (e.g., [email protected])
• Custom CSS – CSS for a single form with the {form} selector placeholder, loaded only with the form

Spam Protection (no CAPTCHA)

• Honeypot – Hidden trap field filled in only by bots
• Time Check – Reject forms submitted faster than N seconds

Performance

• Conditional Script Loading – Load CF7 scripts and styles (including reCAPTCHA and Turnstile) only on pages with contact form shortcode. Contact → HTML Editor settings page.

To improve the plugin’s functions and add new functions, write to us on the support forum.

Support

Search for answers and ask your questions at forum or send requests on the github.