Long application forms
Stop people losing their answers.
Content / widget · Elementor module
Form Change Warning Widget Plugin for Elementor
Warn visitors who have started filling in a form, and ask before they leave the page with unsaved changes.
Included in All AccessClassic Elementor widgetFrom $29 USD / year
Complementor / Form change warningProduct preview
Text, style and layout controls inside Elementor
01 / Interactive demonstration
Examples
Each example below is the actual published output of the Form change warning widget. On a real page the message changes when a visitor types in a form.
02 / Inside WordPress
Form change warning controls in Elementor
Content sets which forms to watch, the leave question, the messages and an icon. The Style tab covers the message box and its colours after a change.
03 / Website use cases
Where to use form change warning
Long forms take time, and one wrong click on a link loses everything a visitor has typed. Form change warning notices when a form has been changed, shows a clear message, and asks the browser to confirm before the visitor leaves. Changing a field back, sending the form or resetting it clears the warning.
Booking forms
Warn before leaving a half-made booking.
Surveys
Remind visitors to send their answers.
04 / Installation and setup
How to add a form change warning in Elementor
Start with Complementor installed and your license connected. Enable this module in the WordPress library, then configure it in Elementor.
Install Complementor, connect your license and enable Form change warning in the Complementor library.
Add the widget to the page.
Choose every form on the page, or enter the form’s CSS ID.
Write the message shown after a change.
Style the message.
05 / Content and style controls
Customize form change warning in Elementor
Configure the settings available for this module to suit the page you are building.
Every form or one CSS ID.
Changes compared with the start.
Browser leave question.
{count} of changed fields.
Cleared on send and reset.
Search forms ignored.
06 / Choose the right approach
Form change warning and Elementor alternatives
Compare the existing Elementor workflow with this Complementor module before choosing your setup.
No warning
Visitors lose their typing with one wrong click.
Saving drafts on the server
Needs accounts and storage for each visitor.
07 / Requirements and compatibility
Form change warning compatibility with Elementor
- Requires Elementor.
- Forms on the same page.
- The leave question wording is set by the browser.
Complementor uses classic Elementor APIs. Atomic-native controls are not implemented. Check your theme, cache and integrations on a staging site before release.
08 / Common setup problems
Troubleshoot form change warning
Check these settings if the published page behaves differently from the editor.
Why can I not change the leave question?
Browsers show their own wording and ignore custom text.
Why does the warning not show for the search box?
Search forms are left out on purpose.
Why did the warning go away?
The fields are back to how they started, or the form was sent or reset.
Which ID do I enter?
The form’s ID, or the CSS ID of the Form widget or its section.
Form change warning plugin questions
Does it need Elementor Pro?
No. It works with the free version of Elementor.
Does it work with Elementor forms?
Yes. Enter the Form widget’s CSS ID, or watch every form on the page.
Does it save what visitors typed?
No. It warns them; it does not store anything.
Is it accessible?
Yes. The message is a status message announced by screen readers, and the leave question is the browser’s own dialog.
Does it send anything to a server?
No. It works in the visitor’s browser and makes no requests of its own.
10 / Annual All Access subscription
Get form change warning with Complementor
This module is included with all 1007 current Complementor solutions. Choose your production website allowance; every plan includes the same modules.
One website
$29USD / year
- All 1007 current modules
- Plugin downloads and updates for one year
- New releases during the paid term
- Product support
Renews at $29 USD each year.
A few websites
$49USD / year
- All 1007 current modules
- Plugin downloads and updates for one year
- New releases during the paid term
- Product support
Renews at $49 USD each year.
More websites
$99USD / year
- All 1007 current modules
- Plugin downloads and updates for one year
- New releases during the paid term
- Product support
Renews at $99 USD each year.
Applicable taxes extra. Annual subscriptions renew automatically unless canceled in your customer account. Elementor Pro is required for Exclude current post. Read the terms and 14-day technical-issue refund policy.