[Resolved] Two terms that don't show up translated
This thread is resolved. Here is a description of the problem and solution.
Problem: You are trying to translate two buttons on your website using WPML. The translation editor shows the text and URL, but the translations do not appear on the front end. Specifically, the URL of the 'our services' button redirects to the original Dutch language, and on the English contact page, the button text shows 'Verzenden' instead of 'Submit'. Solution: For the 'Our Services' button URL issue, we found that the page translation couldn’t be completed due to JavaScript code in the original language page that interfered with the translation process. Here are the steps we took to resolve it: 1. Edited the page with Elementor in the original language. 2. Temporarily removed the JavaScript code and saved the changes. 3. Opened the Translation Editor and completed the translation of the page. 4. Restored the JavaScript code back to its original place after saving the translation changes. Moving forward, you have two options: • Option 1: Repeat the above steps each time you need to make changes to the translation. • Option 2: Move the JavaScript code outside the page content to avoid this issue. You can apply a similar workaround described here: https://wpml.org/errata/elementor-custom-page-css-not-copied-correctly-in-translations/ For the issue with the English contact page button text showing 'Verzenden' instead of 'Submit', we have created a new support ticket to address it separately.
If this solution does not resolve your issue or seems outdated, we 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 the problem persists, please open a new support ticket at https://wpml.org/forums/.
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 translate two buttons on my website using WPML. The translation editor shows the text and URL, but the translations do not appear on the front end. The issue can be seen on the English homepage where the URL of the 'our services' button redirects to the original Dutch language. Additionally, on the English contact page, the button text shows 'Verzenden' instead of 'Submit'. The website link is hidden link.
Symptoms:
The translations for two buttons do not appear on the front end. The 'our services' button URL redirects to the Dutch language, and the contact page button text shows 'Verzenden' instead of 'Submit'.
Questions:
Why do the translations for the buttons not appear on the front end?
How can I fix the URL redirection issue for the 'our services' button?
Why does the contact page button text show 'Verzenden' instead of 'Submit'?
Could you please provide more details on how you created those two buttons?
Also, just to be sure, have you checked in WPML → String Translation to see if the texts for those buttons appear there? This will help confirm that you are translating the correct strings.
Hi Andrey, yes I have checked all strings in String Translation.
The original dutch homepage is created in Elementor, it's an Elementor button.
And it's translated with the Advanced translation editor. Here I get to see fields for the text button and the text link, but even when the link is filled out, the front end keeps going to the original dutch link.
The original contact page is a Gutenberg page, and the contact form is from Otter Pro (Page Builder Blocks & Extensions for Gutenberg). That is the default submit button, from which I cannot seem to tranbslate the button text.
New threads created by Andrey and linked to this one are listed below:
I need to request temporary access (wp-admin and FTP) to your site—preferably to a test site where the problem has been replicated if possible—in order to be of better help. When you log in to leave your next reply, you will find the needed fields below the comment area. The information you will enter is private, meaning only you and I can see and access it.
Thank you for getting back to me. I hope you're feeling better now.
I removed the access credentials because it wasn't a private message. I have reactivated it for the upcoming reply. You will see the required fields below the comment area. I recommend deleting the provided access for security reasons.
I was able to identify the root cause of the issue with the “Our Services” button URL. It now correctly points to the proper language version.
The issue was that the page translation couldn’t be completed, which is why you didn’t see the changes reflected. You probably noticed the gear icon in the language sidebar when editing the original page — this indicates that the translation was not completed.
The underlying problem is that your homepage in the original language contains JavaScript code that prevents the page from being properly translated and the translation from being delivered to your site.
Here’s what I did to resolve the issue:
1. Edited the page with Elementor in the original language.
2. Temporarily removed your JavaScript code and saved the changes.
3. Opened the Translation Editor and completed the translation of the page.
4. Once the translation changes were saved, I restored your JavaScript code back to its original place.
You now have two options moving forward:
• Option 1: Follow the same steps each time you need to make changes to the translation.
• Option 2: Move the JavaScript code outside the page content to avoid this issue altogether. You can apply a similar workaround described here: https://wpml.org/errata/elementor-custom-page-css-not-copied-correctly-in-translations/