Dynamic Forms Builder for Magento 2

What you get

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

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.

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

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

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

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:

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

Quick Links

• Website: kishansavaliya.com
• Get a Quote: kishansavaliya.com/get-quote
• Upwork Profile (Top Rated Plus): upwork.com/freelancers/~016dd1767321100e21
• Upwork Agency: upwork.com/agencies/1881421506131960778
• Packagist: packagist.org/packages/mage2kishan/module-dynamic-forms
• GitHub: github.com/mage2sk/module-dynamic-forms
• Adobe Marketplace: commercemarketplace.adobe.com
• Email: kishansavaliyakb@gmail.com
• WhatsApp: +91 84012 70422

Ready to collect customer data the smart way?

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

Compatibility

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: