My Mautic version is: 2.16.0
I have a page built with Elementor.
Clicking a button, this page opens a popup built with Elementor.
The popup contains a form to compile.
The form is built in Mautic and the embedded in the popup using the Manual Copy.
If I submit the form with empty values Mautic should show an error message under the field (removing the rule
display: none from the
span used to show the error.
But, instead of doing this, I’m redirected to the same page, but with the error appended as query string.
Something like this:
What I tried to debug
- First of all, I tried to preview the form directly in Mautic: the preview works correctly
- I then tried to embed the form in a blank post (via Manual Copy) and the form works correctly
The Chrome Dev Console doesn’t show any relevant error.
I think there is some sort of conflict between Mautic’s JS and Elementor’s JS.
Another problem I face is this: if I use an email like
box@example (so, without the top level domain), the form is submitted, but I receive a 500 error from Mautic.
Testing the same form in the Mautic’s preview and in a blank Wordpress post, instead, correctly checks the invalidity of the email and show correctly the errors.
What I’m asking for
I need some guidance in debugging the problem as I don’t know where to look more.
The page is public and can be seen here: commercianti[dot]online/l/vendere-online/
Thank you to anyone able to help me.