Visual Builder for Contact Form 7

screenshot-1

1. Standard textarea from Contact Form 7, will be replaced with Visual Builder.

screenshot-2

2. New areas added after activate the plugin.  Every field is reflected with <p> tag in textarea.

screenshot-3

3. Now you can Drag & Drop to change fields order. (If Adds a new field with above tags, must save to see changes in Visual Builder)

screenshot-4

4. After Drop a field you’ll see the change also in textarea. You must save Form to save all you have changes.

screenshot-5

5. Option to delete a field and its labels just with a click.

screenshot-6

6. Click de eye to hide/show the Visual Builder.

== Changelog ==

1.1

Second approach:
Added HTML code highlighter in the textarea.
Added support for “p” and “label” html tags. (Until now was just p)

1.0

First approach to Visual Builder for forms from Contact Form 7.