Metform Front-end error

Hi @sethgambit,

Thanks for reaching out to us. I can see you’re using another form instead of the MetForm (screenshot). MetForm may not appear in the frontend for multiple reasons. For example, Cache plugin, if you use any invalid HTML tag or code in the form, if you use any expression or symbol character in the input value, or if there is any conflict with the theme or plugin on your environment.

Please share the form page link after activating the MetForm and the form so that we can inspect your issue.

Regards

Hi,

I sent you the screenshot of how it was looking. Anyway, Thanks for activating the MetForm and sharing the form page again. I can see there is a React DOM error on the console (screenshot).

The DOM Error most of the time appears due to-

• Using HTML Markup on the Form. Since our Metform is developed using the REACT framework, it will not parse the Invalid HTML/External HTML Markups/Symbol character and as a result, the form will not display on the Frontend or give this type of error. Most often, the Markups come from external widgets like- The text Editor Widget. Please check the console of that page you have integrated the Metform. Removing those external HTML/Widgets/Invalid symbols from the form will solve the issue.
• Caching plugin. Sometimes, the Caching plugin Minifies one of the core files of MetForm and that causes the form to not appear on the Frontend and stop working. Since the Metform is already minified for giving the best performance, it doesn’t require any additional modification. So as you are using an optimization or caching plugin, can you please check by disabling that? If that solves your issue.

Kind Regards,
Arif