Modal Forms

Modal forms let a shortcode render as a trigger button that opens the form in a centered dialog instead of placing the form inline on the page.

Basic shortcode

Add modal=1 to a normal shortcode:

{nxpeasyform id=42 modal=1}

The same form can be inline on one page and modal-triggered on another because the behavior belongs to the shortcode, not the stored form.

Available controls

Modal shortcodes support:

• trigger-button label;
• light, dark, or auto theme;
• dialog width;
• optional form title;
• auto-close after successful submission;
• auto-open by timer or scroll depth;
• display frequency controls.

The Get-shortcode dialog in the builder exposes all modal attributes through form controls, so you do not need to type the full shortcode by hand.

Behavior

• Native <dialog> markup handles the modal shell.
• The dialog supports focus management, Esc dismissal, backdrop dismissal, and an accessible close button.
• Inputs, selects, and date/time controls remain readable in dark mode.

On Free, modal=1 is ignored and the form renders inline.