{"id":38749,"date":"2015-09-07T01:11:23","date_gmt":"2015-09-07T01:11:23","guid":{"rendered":"https:\/\/wordpress.org\/plugins-wp\/visual-builder-for-contact-form-7\/"},"modified":"2021-09-17T00:00:50","modified_gmt":"2021-09-17T00:00:50","slug":"visual-builder-for-contact-form-7","status":"publish","type":"plugin","link":"https:\/\/twd.wordpress.org\/plugins\/visual-builder-for-contact-form-7\/","author":767866,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","version":"2.5","stable_tag":"trunk","tested":"5.8.13","requires":"4.1","requires_php":"5.6","requires_plugins":"","header_name":"Visual Builder for Contact Form 7","header_author":"Etruel Developments LLC","header_description":"","assets_banners_color":"daaf7d","last_updated":"2021-09-17 00:00:50","external_support_url":"","external_repository_url":"","donate_link":"https:\/\/www.paypal.com\/cgi-bin\/webscr?cmd=_s-xclick&hosted_button_id=GT3UVS8UCAHV8","header_plugin_uri":"https:\/\/etruel.com\/downloads\/visual-builder-contact-form-7\/","header_author_uri":"https:\/\/etruel.com","rating":3.7,"author_block_rating":0,"active_installs":500,"downloads":25685,"num_ratings":6,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","changelog"],"tags":{"1.0":{"tag":"1.0","author":"etruel","date":"2016-12-11 22:31:43"},"1.1":{"tag":"1.1","author":"etruel","date":"2016-11-02 02:50:45"},"2.0":{"tag":"2.0","author":"etruel","date":"2016-12-11 22:31:43"},"2.1":{"tag":"2.1","author":"etruel","date":"2017-04-13 00:55:40"},"2.2":{"tag":"2.2","author":"etruel","date":"2017-04-13 20:35:33"},"2.3":{"tag":"2.3","author":"etruel","date":"2017-06-09 15:06:18"},"2.4":{"tag":"2.4","author":"etruel","date":"2021-05-03 00:46:26"},"2.5":{"tag":"2.5","author":"etruel","date":"2021-09-17 00:00:50"}},"upgrade_notice":{"":"

2.5 Bumps to WP 5.8.1.<\/p>"},"ratings":{"1":2,"2":0,"3":0,"4":0,"5":4},"assets_icons":{"icon-256x256.jpg":{"filename":"icon-256x256.jpg","revision":2600239,"resolution":"256x256","location":"assets","locale":""},"icon-512x512.jpg":{"filename":"icon-512x512.jpg","revision":2600239,"resolution":"512x512","location":"assets","locale":""}},"assets_banners":{"banner-1544x500.jpg":{"filename":"banner-1544x500.jpg","revision":2600239,"resolution":"1544x500","location":"assets","locale":""},"banner-772x250.jpg":{"filename":"banner-772x250.jpg","revision":2600243,"resolution":"772x250","location":"assets","locale":""}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.0","1.1","2.0","2.1","2.2","2.3","2.4","2.5"],"block_files":[],"assets_screenshots":{"screenshot-5.jpg":{"filename":"screenshot-5.jpg","revision":2600243,"resolution":"5","location":"plugin"},"screenshot-3.jpg":{"filename":"screenshot-3.jpg","revision":2600243,"resolution":"3","location":"plugin"},"screenshot-2.png":{"filename":"screenshot-2.png","revision":2600243,"resolution":"2","location":"plugin"},"screenshot-6.jpg":{"filename":"screenshot-6.jpg","revision":2600243,"resolution":"6","location":"plugin"},"screenshot-4.jpg":{"filename":"screenshot-4.jpg","revision":2600243,"resolution":"4","location":"plugin"},"screenshot-1.jpg":{"filename":"screenshot-1.jpg","revision":2600243,"resolution":"1","location":"plugin"}},"screenshots":{"1":"Standard textarea from Contact Form 7, will be replaced with Visual Builder. Every field without html tags is reflected with","2":"

New areas added after activate the plugin. Now you can see the textarea with code highlighter with some themes to choice. At right-top cornner an eye to show or hide the visual form fields.<\/p>","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)<\/p>","4":"

After Drop a field you'll see the change also in textarea. You must save Form to save all you have changes.<\/p>","5":"

Option to delete a field and its labels just with a click.<\/p>","6":"

Click de eye to hide\/show the Visual Builder.<\/p>"},"jetpack_post_was_ever_published":false},"plugin_section":[],"plugin_tags":[360,361,2253,10633,63836],"plugin_category":[41,42,59],"plugin_contributors":[79536],"plugin_business_model":[],"class_list":["post-38749","plugin","type-plugin","status-publish","hentry","plugin_tags-contact","plugin_tags-form","plugin_tags-form-builder","plugin_tags-visual-builder","plugin_tags-visual-form","plugin_category-communication","plugin_category-contact-forms","plugin_category-utilities-and-tools","plugin_contributors-etruel","plugin_committers-etruel"],"banners":{"banner":"https:\/\/ps.w.org\/visual-builder-for-contact-form-7\/assets\/banner-772x250.jpg?rev=2600243","banner_2x":"https:\/\/ps.w.org\/visual-builder-for-contact-form-7\/assets\/banner-1544x500.jpg?rev=2600239","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/visual-builder-for-contact-form-7\/assets\/icon-256x256.jpg?rev=2600239","icon_2x":"https:\/\/ps.w.org\/visual-builder-for-contact-form-7\/assets\/icon-256x256.jpg?rev=2600239","generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/visual-builder-for-contact-form-7\/trunk\/screenshot-1.jpg?rev=2600243","caption":"Standard textarea from Contact Form 7, will be replaced with Visual Builder. Every field without html tags is reflected with"},{"src":"https:\/\/ps.w.org\/visual-builder-for-contact-form-7\/trunk\/screenshot-2.png?rev=2600243","caption":"

New areas added after activate the plugin. Now you can see the textarea with code highlighter with some themes to choice. At right-top cornner an eye to show or hide the visual form fields.<\/p>"},{"src":"https:\/\/ps.w.org\/visual-builder-for-contact-form-7\/trunk\/screenshot-3.jpg?rev=2600243","caption":"

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)<\/p>"},{"src":"https:\/\/ps.w.org\/visual-builder-for-contact-form-7\/trunk\/screenshot-4.jpg?rev=2600243","caption":"

After Drop a field you'll see the change also in textarea. You must save Form to save all you have changes.<\/p>"},{"src":"https:\/\/ps.w.org\/visual-builder-for-contact-form-7\/trunk\/screenshot-5.jpg?rev=2600243","caption":"

Option to delete a field and its labels just with a click.<\/p>"},{"src":"https:\/\/ps.w.org\/visual-builder-for-contact-form-7\/trunk\/screenshot-6.jpg?rev=2600243","caption":"

Click de eye to hide\/show the Visual Builder.<\/p>"}],"raw_content":"\n

Currently Contact Form 7 plugin just allow editing forms with HTML in standard textarea. This Add-on allows previews, items order with drag and drop, and deletes field items just with a click.<\/p>\n\n

Also adds a HTML code highlighter in the textarea and some selectable themes to choose different colors schemes.<\/p>\n\n

See Screenshots<\/a> to see simple instructions and get an idea of its appearance.<\/p>\n\n\n

You can either install it automatically from the WordPress admin, or do it manually:<\/p>\n\n

Using the Plugin Manager<\/h4>\n\n
    \n
  1. Click Plugins<\/li>\n
  2. Click Add New<\/li>\n
  3. Search for Contact Form 7 Visual Builder<\/code><\/li>\n
  4. Click Install<\/li>\n
  5. Click Install Now<\/li>\n
  6. Click Activate Plugin<\/li>\n
  7. Now you must see a Form Preview with Visual Builder options near textarea when edit a form<\/li>\n<\/ol>\n\n

    Manually<\/h4>\n\n
      \n
    1. Upload contact-form-7-visual-builder<\/code> folder to the \/wp-content\/plugins\/<\/code> directory<\/li>\n
    2. Activate the plugin through the 'Plugins' menu in WordPress<\/li>\n<\/ol>\n\n\n

      2.5 Sep 16, 2021<\/h4>\n\n
        \n
      • Tested with WP 5.8.1 and CF7 5.4.2<\/li>\n
      • New icons and logo :D <\/li>\n
      • Tweaks some styes.<\/li>\n
      • Added .pot catalog and Spanish language files.<\/li>\n
      • Fixes issue does not show form or visual builder on New Form.<\/li>\n
      • Updated Author name and URIs.<\/li>\n<\/ul>\n\n

        2.4 May 2, 2021<\/h4>\n\n
          \n
        • Compatibility with Contact Form 7 v5.4.1 and WordPress v5.7.1<\/li>\n
        • Adds requirements on activating to avoid errors if CF7 is not present.<\/li>\n
        • Tweak uses the WordPress wheel gif for reload when refreshing the form.<\/li>\n
        • Fixes the functionality of the form viewer hiding the reload form.<\/li>\n
        • Fixes bug when refreshing the form and deleting an item.<\/li>\n
        • Fixes failure to execute script elements in visual form.<\/li>\n
        • Fixes javascript errors on contact forms list.<\/li>\n
        • Fixes javascript errors for cm.theme.options on editing form screen.<\/li>\n<\/ul>\n\n

          2.3<\/h4>\n\n
            \n
          • Compatibility with Contact Form 7 v4.8 and Wordpress v4.8. <\/li>\n
          • Few tweaks on design and cosmetic.<\/li>\n<\/ul>\n\n

            2.2<\/h4>\n\n
              \n
            • Fixes a Fatal error: Can\u2019t use function return value in write context in some versions of PHP.<\/li>\n<\/ul>\n\n

              2.1<\/h4>\n\n
                \n
              • Improvement the text editor to works with javascript. You can now change order like any field.<\/li>\n
              • Improvement the text editor retain the css in the top of the form.<\/li>\n
              • Tweak, Option to refresh the visual form.<\/li>\n
              • Tweak, by adding nonces to the AJAX requests.<\/li>\n<\/ul>\n\n

                2.0<\/h4>\n\n

                Closest...\n* Tested with WP 4.7 and CF7 4.6\n* Tweak, the color scheme is now htmlmixed for html, js and css coding.\n* Tweak, eye icon is now a wordpress dashicon saving loading time of data images in css.\n* Improvement, Visual form view (eye icon) state is now saved on click via ajax.\n* Improvement, TextArea code Highlighter have now selectable themes to choose different colors schemes.\n* Improvement The color schema is saved via ajax on select.\n* Fixes the shortcodes without html tags as in default forms adding p tags.\n* New collaborator & new Banners :D<\/p>\n\n

                1.1<\/h4>\n\n

                Second approach:\nAdded HTML code highlighter in the textarea.\nAdded support for \"p\" and \"label\" html tags. (Until now was just p)<\/p>\n\n

                1.0<\/h4>\n\n

                First approach to Visual Builder for forms from Contact Form 7.<\/p>","raw_excerpt":"Adds a Visual Builder and a code highlighter for contact form 7 forms. ADD-on. Requires Contact Form 7 Plugin.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/38749","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=38749"}],"author":[{"embeddable":true,"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/etruel"}],"wp:attachment":[{"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=38749"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=38749"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=38749"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=38749"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=38749"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=38749"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}