Home›Support›English Support›[Resolved] Elementor Form Validation Error on Translated Pages (WPML Conflict Suspected)
[Resolved] Elementor Form Validation Error on Translated Pages (WPML Conflict Suspected)
This thread is resolved. Here is a description of the problem and solution.
Problem: You are using Elementor forms on a multilingual website powered by WPML and encountering issues where the form fails to submit on translated pages linked via WPML. Additionally, some global widgets created in Elementor are not rendering properly on these translated pages. Solution: To address the form submission issue on translated pages, follow these steps: 1. Add the following code to your functions.php file:
This code ensures that the AJAX request for the form submission is processed in the correct language context.
Please note that this solution might be outdated or not applicable to your specific case. If the issue persists, we highly recommend checking related known issues at https://wpml.org/known-issues/, verifying the version of the permanent fix, and confirming that you have installed the latest versions of themes and plugins. If necessary, please open a new support ticket at WPML support forum for further assistance.
50% of people find this useful.
This is the technical support forum for WPML - the multilingual WordPress plugin.
Everyone can read, but only WPML clients can post here. WPML team is replying on the forum 6 days per week, 22 hours per day.
Background of the issue:
I am trying to use Elementor forms on a multilingual website powered by WPML. Specifically, I want the same form created with Elementor to function correctly across all language versions of a page, including those linked as translations via WPML. The goal is for the form to validate and submit properly regardless of the page language or translation linkage. Link to a page where the issue can be seen: hidden link
Symptoms:
The form fails to submit on translated pages that are linked to the original English page. The error message displayed is: 'Your submission failed because the form is invalid.' This occurs only when the translated page is connected to the English original via WPML. Additionally, some global widgets created in Elementor are not rendering properly on the frontend of those translated pages.
Questions:
Why does the form fail to submit on translated pages linked via WPML?
Could the issue with global widgets not rendering properly be related to the form submission problem?
I cannot do it like this because i dont got Duplicator Pro.
What i did is to remove the media from the wp-content/uploads, just the years_folder so now is only 500mb aprox. You can use the same link to download.
Hope it works. Let me know if you need admin access to the site.
I managed to deploy the website, and it works just fine.
So I suspect either there is some settings with your server or compatibility with other plugins / must use plugins or similar, since it works just fine on my side, without doing anything.
Video: hidden link
Best I can suggest is creating staging site, and then try to test if issue happens:
- when all plugins disabled, only WPML plugins and Elementor while using parent theme not child
- if issue happens when WPML plugins disabled
- check for debug.log and server error logs for any clues
- maybe try on another server / hosting if possible.
Let me know how it goes and if any clue or reports in error logs.
I checked further and seems the issue is special charters you are using in the form, for example BECOSAN®.
Also you are using Classic editor for translation which is legacy translation editor. I have tested further on localhost and it works fine if you remove the special characters or if you use Advanced translation editor and re-translate page.
Please check and let me know if suggested workaround fix are helpful for you.
I have removed the special characters from the forms in both the original language (English) and in Dutch, and I can't get it to work.
I confirm that I am using the Classic translation editor, not by choice, it was just activated by default.
My main use case is:
- Create page A with elementor in X language.
- Create page B with elementor in Y language.
- Connect both pages with wpml.
Both pages have layouts or variations and therefore the workflow of translating string to string and keeping the same style that forces us to do wpml by layout does not interest us.
I am literally afraid every time I have to touch any WPML setting or perform any action retroactively, because I have bad experience with WPML breaking all the translated content on several occasions.
I have activated the new advanced translation editor, but I'm not sure if I want to activate "Use also for older translations created with the classic editor..."... I don't know what could happen with my old content...
So, does this mean the issue isn’t with WPML, but rather something on my side? Even though everything worked perfectly before, and now the only solution is to manually edit every single page where I have a form — across 11 different languages?
Just to clarify, I’m talking about more than 40-50 pages/lang with forms...
Please don’t get me wrong, Drazen — this is nothing personal. I truly appreciate your time and dedication in trying to reproduce and troubleshoot the issue.
But at this point, what solution is left for me? The problem still seems to be on my end, and I’m stuck with no practical workaround.
Let me try to clear things, you can translate manually and disable WPML editor, or use WPML editor, you can not mix those methods as you said your workflow is.
So:
1) Manual way I shared, is correct way of updating post/page if you are doing manual adjustment. What you are doing is not recommended nor correct way since it will cause issues.
If you are using WPML editor, which you said you do not wish to translate string by string, then you can not use manual adjustment.
2) If you are using WPML editor, it seems to be an issue with Classic translation editor, and as workaround you can translate it via Advanced translation editor.
3) If you wish to continue to translate via Classic translation editor, I can escalate further to our 2nd tier to check and advise, but we can not guarantee we will be fixing it since it is a legacy translation editor.
Hope this makes it clear, let me know if you wish to proceed with step 3 and I can escalate, otherwise 1 or 2 are ways to go.
Here you can see a video where I tried to reproduce your steps, but unfortunately, it still doesn’t work on my end: hidden link
I’ve already set the Advanced Translation Editor as the default for all pages on my website.
Could you please explain how to manually translate pages and disable the WPML editor for all of them? Would this create any conflicts or affect other WPML features?
What is the proper way to proceed here?
All I want is for my form to work on translated pages. The only workaround I’ve found so far is to deactivate the “WPML String Translation” plugin, but I’m afraid that could cause serious issues elsewhere on the site.
Manage Cookie Consent
We use cookies to optimize our website and services. Your consent allows us to process data such as browsing behavior. Not consenting may affect some features.
Functional
Always active
Required for our website to operate and communicate correctly.
Preferences
The technical storage or access is necessary for the legitimate purpose of storing preferences that are not requested by the subscriber or user.
Statistics
We use these to analyze the statistics of our site. Collected information is completely anonymous.The technical storage or access that is used exclusively for anonymous statistical purposes. Without a subpoena, voluntary compliance on the part of your Internet Service Provider, or additional records from a third party, information stored or retrieved for this purpose alone cannot usually be used to identify you.
Marketing
These cookies track your browsing to provide ads relevant to you.