Smart Form Builder

Description

Looking for the fastest drag and drop form builder for WordPress? Smart Form Builder is a cutting-edge, React-powered custom form plugin engineered for blistering speed, zero-bloat database performance, and unparalleled styling customization.

Whether you need to create a simple WordPress contact form, a high-converting lead generation form, a complex multi-step user survey, or an inquiry form for Elementor or Gutenberg layouts, building it is now effortless.

• Live Demo — Test the builder live!

⚡ Say Goodbye to Database Bloat

Legacy WordPress form plugins slow down your website by flooding the wp_postmeta table with separate database rows for every single field submission. Our plugin solves this with an optimized custom database table (dragwyb_submissions) using structured JSON payloads. This ensures your WordPress database remains lightning-fast, even with tens of thousands of entry submissions.

🎨 Fully Visual React Editor

With an intuitive, lag-free drag-and-drop React interface, versatile dynamic form fields, deep visual styling controls, and seamless AJAX form submissions, this builder bridges the gap between developer flexibility and beginner-friendly ease of use.

🔗 Useful Links

• Click To Chat — Connect with your customers via WhatsApp.
• Flipbox Addon for Elementor — Stunning 3D flip boxes for your site.

🚀 Key Features & Benefits

• ⚡ React & Redux Drag-and-Drop Editor: Experience a snappy, fluid, and zero-lag visual form builder. Add, duplicate, delete, and reorder fields instantly with zero page reloads.
• 🕒 History, Undo & Redo: Made a mistake? No problem. Use the History Tab to revert changes, or use native keyboard shortcuts (Ctrl+Z & Ctrl+Y) for rapid Undo/Redo workflow.
• 📚 12 Pre-Built Templates: Skip the setup phase and launch immediately using our integrated Template Library containing 12 professionally designed form layouts.
• 🔀 Smart Conditional Logic: Show or hide specific fields dynamically based on user inputs, creating a personalized and clutter-free experience for your visitors.
• 📑 Multi-Step Forms: Break long, intimidating forms into bite-sized steps to boost conversion rates. Complete with visual step indicators and progress bars.
• 🗄️ Zero Database Bloat: Submissions are saved securely in a dedicated custom table (dragwyb_submissions). Say goodbye to sluggish slow-queries and database fragmentation!
• 🛡️ Bulletproof Anti-Spam Protection: Keep spam completely out of your inbox with native integrations for Google reCAPTCHA v2, reCAPTCHA v3, hCaptcha, and an invisible built-in Honeypot form validation.
• 📱 Responsive Multi-Column Layouts: Design complex side-by-side grid layouts using the native “Row” structure system. 100% responsive across desktop, tablet, and mobile.
• 🚀 Clean AJAX & REST API Submissions: Forms submit seamlessly in the background without reloading the page, utilizing native HTML5 features and secure WP REST endpoint validation.
• 📊 Comprehensive Entries Dashboard: View, search, sort, filter, export, and manage user form submissions directly inside your WordPress admin area, complete with bulk delete actions.

⚙️ Advanced Form Settings & Controls

Granular control over every pixel, layout constraint, and server function:

1. Global Codeless Styling Engine

• 1-Click Preset Styles: Instantly transform your form with 8 stunning presets: Default, Modern/Outlined Label, Elegant/Inside Label, Classic/Underline, Bold Neon Glow, Dark Neon, Morphism Light, and Morphism Dark.
• Custom CSS & Variables: Need more power? Easily apply CSS variables and inject Custom CSS directly into color controls for dynamic styling.
• Form Container Styling: Customize canvas background colors, gradients, CSS filters, borders, padding, box shadows, and global alignments.
• Label & Input Aesthetics: Visually customize floating labels, typography, mandatory asterisks, background states, focus borders, and Google Fonts integration. Includes dedicated styling options for Radio Fields.
• Multi-Step & Button Styling: Tailor submit, previous, and next buttons with dynamic width parameters, hover states, and transitions.

2. Form-Level Intelligence

• After-Submission Actions: Set up instant URL redirects, send customized Admin/User emails, or trigger tailored success and error messages.
• Dynamic Tags & Shortcodes: Seamlessly map user-submitted data and dynamic tags directly into your controls, email subjects, and body notifications.

3. Versatile & Enhanced Form Fields

Build any custom form layout using a wide array of fields, highly optimized for user experience:
* Advanced Date & Time: Powered by Flatpickr for superior styling and precise date selection customization.
* Smart Phone Field: Integrated Country Code selection natively built-in.
* Standard Fields: Text, Email, WYSIWYG Textarea, Number, Select Dropdown, Checkbox Group, Radio Button, URL, Name, Address, File Upload, Range Slider, Captcha, Hidden Fields, Custom HTML, Section Breaks, Layout Rows, Steps, and Buttons.

• Live Demo — Test the builder live!

External Services

This plugin utilizes the following libraries:

• Pickr: A high-performance color picker library. Used for design customization features.
  • Source: https://github.com/Simonwep/pickr
  • Local Paths: assets/lib/pickr/css/index.css, assets/lib/pickr/js/index.js
• Flatpickr: Lightweight and powerful datetime picker.
  • Source: https://github.com/flatpickr/flatpickr
• Font Awesome (Free): Used for providing iconography within the editor and frontend forms.
  • Source/License: https://fontawesome.com/license/free
  • Local Path: assets/font-awesome/v5/all.min.css