Skip to content

mage2sk/module-dynamic-forms

Repository files navigation

Panth Dynamic Forms — Drag-and-Drop Form Builder for Magento 2 | Hyva + Luma

Magento 2.4.4 - 2.4.8 PHP 8.1 - 8.4 Hyva + Luma Packagist GitHub Upwork Top Rated Plus Panth Infotech Agency Get a Quote

The most flexible Magento 2 form builder — drag-and-drop field designer, multi-field types (text, email, textarea, select, radio, checkbox, file upload, date, phone), submission management with export, email notifications with auto-reply, and a widget to embed any form on any CMS page, product page, or category. Full Hyva and Luma storefront support.

Panth Dynamic Forms transforms how you collect customer data in Magento 2. Build contact forms, survey forms, feedback forms, quote requests, job applications, event registrations, and any other custom form your store needs — all without writing a single line of code. The admin's intuitive drag-and-drop form builder lets you reorder fields, toggle validation rules, and mark fields required in seconds.

Every form supports nine field types out of the box — single-line text, email, multi-line textarea, dropdown select, radio buttons, checkboxes, file uploads with MIME validation, date pickers, and phone number inputs with format validation. Submissions are captured in a dedicated admin grid where you can search, filter, export to CSV, and review file attachments. The built-in email notification engine sends instant alerts to your team and optional auto-reply emails to customers confirming their submission.

Use the provided widget to drop any form into any page layout, CMS block, product page, or category page — no template edits required. The frontend output is theme-aware, automatically rendering Alpine.js + Tailwind markup on Hyva storefronts and Knockout.js + LESS markup on Luma stores.


🚀 Need a Custom Magento 2 Form or Integration?

Get a free quote in 24 hours — custom field types, CRM integrations (Salesforce, HubSpot, Zoho), Zapier/Webhook pipelines, conditional logic, multi-step forms, payment-enabled forms, and more.

Get a Free Quote

🏆 Kishan Savaliya

Top Rated Plus on Upwork

Hire on Upwork

100% Job Success • 10+ Years Magento Experience Adobe Certified • Hyva Specialist

🏢 Panth Infotech Agency

Magento Development Team

Visit Agency

Custom Modules • Theme Design • Migrations Performance • SEO • Adobe Commerce Cloud

Visit our website: kishansavaliya.com  |  Get a quote: kishansavaliya.com/get-quote


Table of Contents


Key Features

🎨 Drag-and-Drop Form Builder

  • Visual form designer — reorder, add, and remove fields with an intuitive admin UI
  • Unlimited forms — create as many forms as you need, each with a unique identifier
  • Per-field validation — required flag, min/max length, regex patterns, email format, file MIME, file size limits
  • Field labels, placeholders, help text, and default values — fully configurable per field
  • Custom CSS classes — attach your own class names to any field for theme-level styling
  • Form-level settings — title, description, submit button label, success message, redirect URL

📝 Multi-Field Types

  • Text — single-line input with length and regex validation
  • Email — RFC-compliant email validation
  • Textarea — multi-line input for longer messages
  • Select — dropdown with configurable options and default value
  • Radio — single-choice option list
  • Checkbox — multi-select options plus a terms-and-conditions single checkbox mode
  • File Upload — MIME whitelist, max file size, stored securely under var/
  • Date — native date picker with min/max date rules
  • Phone — phone number input with international format validation

📥 Submission Management

  • Admin grid — dedicated grid listing every submission with search, filter, and sort
  • Submission detail view — see every field, file attachment, submitted timestamp, IP, and user agent
  • CSV export — one-click bulk export of submissions for any form
  • Mass actions — mark read/unread, delete selected, export selected
  • File download — secure admin-only download links for uploaded files

📧 Email Notifications + Auto-Reply

  • Admin notification email — instantly alert your team when a form is submitted
  • Customer auto-reply email — send a branded confirmation email to the submitter
  • Multiple recipients — comma-separated email list for admin notifications
  • Template variables — inject submitted field values into both email templates
  • Store-scope templates — use different email templates per store view

🧩 Widget for Any Page

  • Drop anywhere — CMS pages, CMS blocks, product pages, category pages, static layouts
  • Widget UI — choose the form and layout from the standard Magento widget picker
  • Layout XML support — embed via <referenceContainer> directly if you prefer

🎭 Hyva + Luma Support

  • Automatic theme detection — powered by Panth\Core\Helper\Theme
  • Hyva markup — Alpine.js + Tailwind CSS, zero jQuery, minimal JavaScript payload
  • Luma markup — standard Knockout.js + LESS, integrated with Magento UI components
  • Zero configuration — the same form works on both storefront types without edits

🔐 Security

  • Form key protection — every submission is CSRF-protected via Magento's form key
  • File upload hardening — MIME type whitelist, size limits, randomized filenames, stored outside pub/
  • reCAPTCHA-ready — integrates with Magento's built-in reCAPTCHA when enabled
  • MEQP compliant — passes Adobe's Magento Extension Quality Program

Supported Field Types

Field Type Use Case Validation Options
Text Name, subject, short answer Required, min/max length, regex
Email Email address Required, RFC email format
Textarea Message, description, long answer Required, min/max length
Select Country, department, category Required, options list, default
Radio Single-choice preference, rating Required, options list
Checkbox Multi-select interests, T&C agreement Required (for T&C mode)
File Resume, photo, document MIME whitelist, max size (MB)
Date Birthday, appointment, event date Required, min date, max date
Phone Contact number Required, international format

Use Cases

  • Contact forms — branded "Contact Us" forms with department routing
  • Quote request forms — B2B quote forms with file attachments for specs
  • Survey forms — customer feedback, NPS, post-purchase surveys
  • Job application forms — career page with resume upload and phone screening
  • Event registration — webinars, in-store events, workshops
  • Newsletter signup — extended signup with preferences
  • Feedback forms — product feedback, complaint handling, suggestion box
  • Wholesale/B2B registration — custom merchant onboarding
  • Service booking — appointments, installations, consultations

Compatibility

Requirement Versions Supported
Magento Open Source 2.4.4, 2.4.5, 2.4.6, 2.4.7, 2.4.8
Adobe Commerce 2.4.4, 2.4.5, 2.4.6, 2.4.7, 2.4.8
Adobe Commerce Cloud 2.4.4 — 2.4.8
PHP 8.1.x, 8.2.x, 8.3.x, 8.4.x
MySQL 8.0+
MariaDB 10.4+
Hyva Theme 1.3+
Luma Theme Native support
Required Dependency Panth_Core (free)

Installation

Composer Installation (Recommended)

composer require mage2kishan/module-dynamic-forms
bin/magento module:enable Panth_Core Panth_DynamicForms
bin/magento setup:upgrade
bin/magento setup:di:compile
bin/magento setup:static-content:deploy -f
bin/magento cache:flush

Manual Installation via ZIP

  1. Download the latest release ZIP from Packagist or the Adobe Commerce Marketplace
  2. Extract the contents to app/code/Panth/DynamicForms/ in your Magento installation
  3. Ensure Panth_Core is also installed at app/code/Panth/Core/
  4. Run the commands above starting from bin/magento module:enable

Verify Installation

bin/magento module:status Panth_DynamicForms
# Expected output: Module is enabled

After installation, navigate to:

Admin → Panth Infotech → Dynamic Forms → Manage Forms

Configuration

All settings live under Stores → Configuration → Panth Extensions → Dynamic Forms:

Setting Default Description
Enable Module Yes Master toggle for Panth Dynamic Forms
Admin Notification Email Store email Where admin alerts are sent (comma-separated)
Admin Notification Sender General Contact Sender identity used for admin alerts
Enable Auto-Reply Yes Send a confirmation email to the submitter
Auto-Reply Sender General Contact Sender identity used for auto-reply
Auto-Reply Template Default Email template for customer confirmation
Admin Notification Template Default Email template for admin notification
Max File Upload Size (MB) 10 Global cap on file-upload fields
Allowed File Extensions jpg,png,pdf,doc,docx Global MIME whitelist
Enable reCAPTCHA No Protect public forms with reCAPTCHA
Submission Retention (days) 0 (forever) Auto-purge submissions older than N days

Creating Your First Form

  1. Go to Admin → Panth Infotech → Dynamic Forms → Manage Forms → Add New Form
  2. Enter the form title, identifier (URL-safe slug), and description
  3. Drag field types from the left panel onto the form canvas
  4. For each field, configure label, placeholder, required flag, and validation rules
  5. In the Email Settings tab, override the global notification/auto-reply templates if needed
  6. Click Save Form

Your new form is now available in the widget picker and via layout XML.


Embedding Forms with the Widget

Via Magento Widget UI

  1. Go to Content → Elements → Widgets → Add Widget
  2. Select Panth Dynamic Form as the widget type
  3. Pick a theme → choose the layout (CMS pages, products, categories, anchor categories)
  4. In Widget Options, select the form you want to embed
  5. Save and flush cache

Via Layout XML

<referenceContainer name="content">
    <block class="Panth\DynamicForms\Block\Widget\Form"
           name="panth.dynamic.form.contact"
           template="Panth_DynamicForms::form.phtml">
        <arguments>
            <argument name="form_identifier" xsi:type="string">contact_us</argument>
        </arguments>
    </block>
</referenceContainer>

Via CMS Page / Block Shortcode

{{widget type="Panth\DynamicForms\Block\Widget\Form" form_identifier="contact_us"}}

Submissions Management

Navigate to Admin → Panth Infotech → Dynamic Forms → Submissions.

  • Filter by form — jump directly to a specific form's submissions
  • Search — search across every submitted field value
  • Detail view — click any row to see the full submission, including uploaded files
  • Mass actions — delete, mark read/unread, export selected rows
  • CSV export — export filtered results to spreadsheet format
  • File downloads — uploaded files are served via secure admin-only controllers

Email Notifications and Auto-Reply

Admin Notification

Sent to the address(es) configured in Admin Notification Email. Template variables available:

  • {{var form_title}} — the form's title
  • {{var submission_id}} — submission ID
  • {{var submitted_at}} — submission timestamp
  • {{var fields}} — HTML table of all submitted fields
  • {{var customer_email}} — submitter's email (if an email field exists)

Customer Auto-Reply

Sent to the submitter's email field value. Useful for:

  • Thank-you confirmations
  • Reference numbers for quote requests
  • Next-step instructions (e.g., "We'll reply within 24 hours")

Customize templates under Marketing → Email Templates — the module ships with default templates you can load and edit.


Hyva + Luma Theme Support

Panth Dynamic Forms automatically detects the active theme via Panth\Core\Helper\Theme and renders the appropriate frontend:

Theme Stack Notes
Hyva Alpine.js + Tailwind CSS Zero jQuery, ~3 KB JS payload, instant validation
Luma Knockout.js + LESS Integrated with Magento UI components and form validation

The same admin-configured form works on both — no duplicate configuration required.


FAQ

How many forms can I create?

Unlimited. Each form has a unique identifier and its own submissions scope.

Can I add conditional logic (show field B if field A equals X)?

Conditional logic is available as a premium add-oncontact us for a quote.

Does the module support multi-step / wizard-style forms?

Multi-step forms are available as a premium add-on. The base module ships with single-step forms only.

Are file uploads secure?

Yes. Files are stored under var/panth_dynamic_forms/ (outside pub/), filenames are randomized, MIME types are whitelisted, and downloads are served through admin-only controllers that enforce ACL.

Can I integrate with my CRM (Salesforce, HubSpot, Zoho)?

The base module does not include native CRM integration, but it fires a panth_dynamic_forms_submission_save_after event that makes it trivial to wire up your own observer. Contact us for custom integration work.

Does it work with Magento's built-in reCAPTCHA?

Yes. Enable reCAPTCHA in module settings and configure Magento's reCAPTCHA credentials under Stores → Configuration → Security → Google reCAPTCHA.

Does this replace Magento's default "Contact Us" form?

It can. Create a form with identifier contact_us and embed it via the widget on your /contact CMS page — then disable Magento's core contact form.

Can I translate form labels?

Yes. All form labels, placeholders, and messages support Magento's standard __() translation function and can be translated per store view.

Does the module comply with GDPR?

Yes. Use the Submission Retention setting to auto-purge old submissions. A terms-and-conditions checkbox field type is available for explicit consent capture.


Support

Channel Contact
Email kishansavaliyakb@gmail.com
Website kishansavaliya.com
WhatsApp +91 84012 70422
GitHub Issues github.com/mage2sk/module-dynamic-forms/issues
Upwork (Top Rated Plus) Hire Kishan Savaliya
Upwork Agency Panth Infotech

Response time: 1-2 business days. Priority support is available through our Upwork profile.

💼 Need a Custom Form Feature?

Looking for conditional logic, multi-step wizards, payment-enabled forms, CRM integrations, or custom field types? Get a free quote in 24 hours:

Get a Free Quote

Hire on Upwork    Visit Agency    Visit Website


About Panth Infotech

Built and maintained by Kishan Savaliyakishansavaliya.com — a Top Rated Plus Magento developer on Upwork with 10+ years of eCommerce experience.

Panth Infotech is a Magento 2 development agency specializing in high-quality, security-focused extensions and themes for both Hyva and Luma storefronts. Our extension suite covers SEO, performance, checkout, product presentation, customer engagement, forms & surveys, and store management — over 34 modules built to MEQP standards and tested across Magento 2.4.4 to 2.4.8.

Browse the full extension catalog on the Adobe Commerce Marketplace or Packagist.


Quick Links


Ready to collect customer data the smart way?
Get Started


SEO Keywords: magento 2 forms, magento 2 form builder, magento 2 custom forms, magento 2 contact forms, magento 2 survey forms, magento 2 dynamic forms, drag and drop form builder magento, magento 2 form extension, magento 2 feedback form, magento 2 quote request form, magento 2 job application form, magento 2 event registration form, magento 2 file upload form, magento 2 form widget, magento 2 form submissions, magento 2 auto reply email, magento 2 form notifications, hyva form builder, hyva dynamic forms, luma form builder, luma contact form, magento 2.4.8 form module, php 8.4 form extension, magento 2 contact us replacement, magento 2 CRM integration form, magento 2 GDPR forms, magento 2 reCAPTCHA form, magento 2 multi-step form, magento 2 conditional form logic, magento 2 custom field types, panth infotech forms, panth dynamic forms, mage2kishan dynamic forms, mage2sk forms, hire magento form developer, top rated plus magento freelancer, kishan savaliya magento, custom magento development, magento 2 form builder free, magento 2 online form, magento 2 webform extension

About

Dynamic form builder with drag-and-drop field builder, submission management, email notifications, file uploads, widget support, and Hyva + Luma compatibility.

Resources

License

Unknown, Unknown licenses found

Licenses found

Unknown
LICENSE.txt
Unknown
COPYING.txt

Stars

Watchers

Forks

Packages

 
 
 

Contributors