Canvasly for Contact Form 7

Contact Form 7 forms are written as text with form-tags such as [text* your-name]. This plugin adds a Visual Builder tab to the Contact Form 7 editor, next to the existing “Form” tab, so that people who do not want to write tags can build and edit forms visually.

It does not replace anything in Contact Form 7. The Visual Builder reads the form template, lets you edit it, and writes the same native syntax back into the “Form” tab. Saving, mail, validation and spam protection stay 100% Contact Form 7. Both tabs always show the same form, and anything the builder does not understand is kept exactly as it was.

Features

• Live preview card for every field — click it to edit label, required state, default/placeholder, options and more
• Drag and drop to reorder; a field moves together with its own <label> or layout wrapper (for example <div class="half-width">)
• Layout choice per field when your form uses wrapper classes such as half/full width
• Option list editor for dropdowns, checkboxes and radio buttons
• Headings, paragraphs and divider lines of your template become editable cards; pure layout markup stays out of the way
• Field templates (contact form, callback request)
• Email check: see whether a field is part of the email you receive, add it with one click, and get warned before a removed or renamed field breaks the mail template
• Undo / redo
• Front-end preview with your theme’s styles (desktop and mobile width), without saving
• Technical settings (field name, id, class, raw options, surrounding HTML) are available under “Advanced”
• Translation-ready; German included (Du and Sie, plus Austrian and Swiss variants)

Supported form-tags: text, email, tel, url, textarea, number, date, select, checkbox, radio, acceptance, quiz, file, submit. Other tags (from add-ons, for example) are preserved untouched.

This plugin is an independent add-on and is not affiliated with or endorsed by the Contact Form 7 project.