[Resolved] Woocommerce checkout page not translating on front-end.
This thread is resolved. Here is a description of the problem and solution.
Problem: The client was trying to translate the WooCommerce checkout page and cart, specifically the Elementor part with headings and text, as well as the placeholders from the checkout form. They encountered issues where only one string from the page title was available for automatic translation, and even after translating and approving the text, the changes were not reflected on the front end. The client attempted to import
woocommerce_[language].po
files to add missing strings for the placeholders but found that not all placeholders were translated.
Solution: We suggested that the client could delete the translation and indicated that the issue might be related to a compatibility problem. We recommended creating a staging site to run further tests without affecting the live site. The client decided to delete the problematic translation and start from scratch, which did not resolve the issue initially. However, after creating a new checkout page using WooCommerce's original checkout fields, the translation worked immediately. The client also mentioned that the CartFlows plugin might have compatibility issues.
If you're experiencing similar issues, we recommend trying the following steps: 1. Attempt to delete the problematic translation and start from scratch. 2. Create a new checkout page using WooCommerce's original checkout fields to see if the translation works correctly. 3. Consider the possibility of compatibility issues with other plugins, such as CartFlows.
Please note that this solution might be outdated or not applicable to your case. If the issue persists, we highly recommend checking related known issues, verifying the version of the permanent fix, and confirming that you have installed the latest versions of themes and plugins. If you need further assistance, please open a new support ticket.
0% 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.
Hello, I am trying to translate woocommerce checkout page and cart for a couple of hours now.
I am trying to translate the Elementor part of the page, which consists of Headings and text. And then the placeholders from the checkout form. I firstly tried to translate them from the Translation Management automatically, and saw that only one string of the page title was shown when doing so, however on the review part, there was the whole text which got translated I approved it and continued. However on the front end its not showing like that.
1.- Please share a screenshot or a video showing the untranslated strings. That will serve as a guide to know what are the missing translations.
2.- I would like to request temporary access (wp-admin and FTP) to your site to take a better look at the issue. You will find the needed fields for this below the comment area when you log in to leave your next reply. The information you will enter is private which means only you and I can see and have access to it.
Our Debugging Procedures
I will be checking various settings in the backend to see if the issue can be resolved. Although I won't be making changes that affect the live site, it is still good practice to back up the site before providing us access. If we do need to debug the site further, I will duplicate the site and work in a separate, local development environment to avoid affecting the live site.
I've just tried that as well, but unfortunately does not work. Both flows/steps translated, when I translated it with the manager it showed correctly translated, but on the front-end still nothing. I cleared cache both on site and my browser.
Now you can see that the checkout is translated: hidden link however the form is missing. I tried to manually edit the Step in Romanian with Elementor: hidden link but I can't find the checkout form element to add it. Could you edit the Steps in Romanian using the previous link and add the form?
Hi Carlos, thank you for fixing it and explanation. The form is missing because the Cartflows is not shown on the Elementor widget section for some reason. WHen I open the not translated checkout form, its there.
I am not sure how translated content is handled with Elementor, but since the admin part is translated I guess it could be some setting that blocks not translated strings from showing ?
I have registered the Checkout form element. Please follow these steps:
- Edit hidden link
- Make a small change
- Save the changes and update the translation
- If the form is still missing from the secondary language, then duplicate the hidden link to Romanian and then manually add the translation.
There should be a button that overwrites the content, but I don't see it. I clicked on the pencil/eye icon to update the translation in the and the translation seems correct. I can find the page and its translation in the Translations as a Step, however when I try to make a test order it redirects me back to the cart, it's like I'm missing something. Could you connect and check again. Thank you in advance.
I've found the duplicate button. I've made the page duplicate I have overwritten the content with the original language, but for some reason now in the secondary (translated) language when I go to the checkout it redirects to the cart page, instead of the checkout. I'm not sure how to approach the issue.
Please check the link again, It is now translated. Now the checkout goes to hidden link which is not found. I tried changing the checkout page from Woocommerce with Magazin Checkout 02 but I cannot find it shown there. Maybe there is a problem with the cartflows plugin?
I have checked again but now it seems that the translation got mixed up. Could you create a new Flow with a new Checkout step in the original language so we can start translating from scratch?