Skip Navigation

This thread is resolved. Here is a description of the problem and solution.

Problem:
The client is trying to translate the CartFlows plugin using WPML, including URLs, checkout pages, and fields, but faces issues with Elementor not loading and certain elements not translating correctly.
Solution:
1. Create a CartFlow in the Original Language: Build your CartFlow as usual in the default language.
2. Set Post Types as Translatable: Go to WPML > Settings > Post Types and set cartflows_step and cartflows_flow to translatable.
3. Duplicate the CartFlow for Translation: Use WPML's duplicate feature to create a copy in the secondary language. More details here: https://wpml.org/documentation/translating-your-contents/displaying-untranslated-content-on-pages-in-secondary-languages/
4. Translate Independently: Edit the duplicated CartFlow using the WordPress Standard Editor. In the Language box, click Translate independently. More details here: https://wpml.org/documentation/translating-your-contents/using-different-translation-editors-for-different-pages/
5. Clone Each Step: Use CartFlows' "Clone Step" feature for each step in the flow. Instructions here: https://cartflows.com/docs/clone-flow-step-in-cartflows/
6. Delete Original Steps and Save Translations: Save the translated texts locally, delete the original steps, and then copy the translated texts back into the appropriate fields.
7. Edit and Update Steps: Update titles and links for each step, then save the changes.

If these steps do not resolve your issue or if the solution seems outdated, we recommend opening a new support ticket. Also, check related known issues at https://wpml.org/known-issues/, verify the version of the permanent fix, and confirm that you have installed the latest versions of themes and plugins. For further assistance, please visit our support forum: WPML Support Forum

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.

Tagged: 

This topic contains 2 replies, has 2 voices.

Last updated by simeonN-2 1 month ago.

Assisted by: Ilyes.

Author Posts
November 15, 2024 at 1:25 pm #16408535

simeonN-2

Background of the issue:
I am trying to translate the CartFlows plugin on my site. I want to translate URLs, checkout pages, fields, etc.

Symptoms:
No specific issue or error message mentioned.

Questions:
How can I translate the CartFlows plugin using WPML?
What steps are needed to translate URLs, checkout pages, and fields in CartFlows?

November 18, 2024 at 3:55 pm #16415676

Ilyes
Supporter

Languages: French (Français )

Timezone: Pacific/Easter (GMT-05:00)

Hello,

Thank you for contacting WPML support team,

We apologize for the delay in response, we have a particularly busy queue at the moment and are working through issues as quickly as possible.

While the CartFlows plugin is not officially listed as compatible with WPML yet (as seen here: https://wpml.org/plugin/?wpv_view_count=120064&wpv-plugin-functionality=0&wpv_post_search=Cartflows&wpv-wpcf-recommendation-flag=&wpv_filter_submit=Search), the following steps have helped other users successfully translate these items:

Create a CartFlow in the Original Language

Build your CartFlow as you normally would, using the default language.
Set Post Types as Translatable

Navigate to WPML > Settings > Post Types and set cartflows_step and cartflows_flow to translatable.

Duplicate the CartFlow for Translation

Use WPML's duplicate feature to create a copy of the CartFlow in the secondary language. Detailed instructions are available here:
https://wpml.org/documentation/translating-your-contents/displaying-untranslated-content-on-pages-in-secondary-languages/

Translate Independently

Edit the duplicated CartFlow using the WordPress Standard Editor. In the Language box, click Translate independently to unsync the secondary language page. This prevents the design or translations from being overwritten when the default language page is updated. More details can be found here:
https://wpml.org/documentation/translating-your-contents/using-different-translation-editors-for-different-pages/

Clone Each Step

Use CartFlows’ "Clone Step" feature for each step in the flow. Instructions can be found here:
hidden link

Delete Original Steps and Save Translations

Save the translated texts locally (e.g., in a notes app), as you'll need to delete the original steps. Once deleted, copy the translated texts back into the appropriate fields.

Edit and Update Steps

Edit the cloned steps to update titles and links to the next step in the flow, then save the changes.

Lastly, I’d recommend reaching out to the CartFlows authors and encouraging them to join WPML’s Go Global program for full compatibility. You can find more details about the program here:
https://wpml.org/documentation/support/go-global-program/

I hope this helps! Let me know if you need further assistance.

Best regards,

November 19, 2024 at 7:55 pm #16421387

simeonN-2

Hello there,

Thank you for your reply!

I have followed the steps successfully until here -

Translate Independently

Edit the duplicated CartFlow using the WordPress Standard Editor. In the Language box, click Translate independently to unsync the secondary language page.

I have done that, however now when I attempt to edit the page with the elementor editor, the editor doesn't want to load

Thank you!

Screenshot 2024-11-19 at 21.54.02.png
November 20, 2024 at 3:01 pm #16425366

Ilyes
Supporter

Languages: French (Français )

Timezone: Pacific/Easter (GMT-05:00)

Hello,

I would like to ask for temporary access to your test site’s wp-admin and FTP to investigate the issue further.

Please let me know which cartflow post should I focus on if there are multiple.

If necessary, I may need to install File Manager plugin to access to your files too.

It is important to note that you should back up your site and database before proceeding, and you can use a plugin like Duplicator for this purpose. Here’s a link to the plugin: http://wordpress.org/plugins/duplicator/

If you do not see the form below, please do not enter your credentials as they will be publicly exposed:

hidden link

For your privacy and security, please ensure that you make your reply a private one.

Best regards,

November 21, 2024 at 10:36 pm #16431273

Ilyes
Supporter

Languages: French (Français )

Timezone: Pacific/Easter (GMT-05:00)

Hello,

Just to make sure, it is the checkout page "kasse" right?

If that the case, I'm able to open the translation with Elementor : hidden link

Here is the link to edit the Spanish checkout page, for example: hidden link

If that's not the concerned page, please share a link of it,

November 24, 2024 at 4:55 pm #16437324

simeonN-2

I can edit the page now but nothing is working.

How can I edit the fields? I cant duplicate the checkout.

Please try to do it and you will see.

November 26, 2024 at 3:10 am #16442385

Ilyes
Supporter

Languages: French (Français )

Timezone: Pacific/Easter (GMT-05:00)

Hi,

I see what you mean, and it doesn't seem the original content can be edited either : hidden link

The form is getting loaded dynamically from your cartflow settings. I'm not honestly familiar with how this plugin work, and when I edit the spanish cartflow, I see it translated : hidden link

Am I checking the right post? could you guide me on how you usually edit a cartflow? I cannot find any flows set here : hidden link

Best,

December 3, 2024 at 9:05 am #16470295

simeonN-2

For me is also translated however the button back to cart that comes from elementor is not translated. I don't know why.

December 4, 2024 at 8:07 pm #16478555

Ilyes
Supporter

Languages: French (Français )

Timezone: Pacific/Easter (GMT-05:00)

Hello,

It should be working now : hidden link

I had to manually pull the ID string of the Flow and translate it to match the Spanish flow, Here is the concerned string : hidden link

I translated 3161 (German Flow ID) to 7188 (Spanish Flow ID) and it worked.

Let me know if you have any questions,

December 9, 2024 at 3:34 pm #16493992

simeonN-2

Hello!

This is great! Thank you very much!

But how did you get the number 7188?

Because I will need to translate it into english as well

How do I do it?

Screenshot 2024-12-09 at 17.34.16.png
December 9, 2024 at 4:36 pm #16494242

simeonN-2

Hello again,

What is left from the checkout page are the placeholders and the shipping method. Check screenshot.

I translated the shipping method using Translate texts in admin screens but it remains like untranslated in the frontend

Screenshot 2024-12-09 at 18.26.47.png
December 10, 2024 at 2:55 pm #16499024

simeonN-2

Also, how can I translate the Pay now button. In the main language is Zahlungspflichtig bestellen. I have translated the string, but it doesn’t show..

Screenshot 2024-12-10 at 16.47.14.png
December 11, 2024 at 3:39 pm #16504306

Ilyes
Supporter

Languages: French (Français )

Timezone: Pacific/Easter (GMT-05:00)

Hello,

Sorry for the delay in response, we were experiencing a high ammount of requests because of upcoming holidays,

1- The number 7188 is the ID number of the template in the original language, when you edit the cartflow, you will see that ID at the top in the URL.
So I went to WPML > String translation > Translate Admin Texts (at the bottom of the String translation : hidden link)

Then search for the ID there, and add it to string translation, then translate it to match the ID of the Translation cartflow ID

2- These strings that aren't translated should've been loaded correctly from the plugin's .mo files (these contain translations of strings coming from the plugin)
I need to debug this further to understand the cause

3- I thought I did translate the pay now button for you, I will check it too

I will get back to you soon with more updates,

December 16, 2024 at 8:56 am #16516256

simeonN-2

Hello, do you have any updates on this?

Thank you!

December 16, 2024 at 4:56 pm #16518355

Ilyes
Supporter

Languages: French (Français )

Timezone: Pacific/Easter (GMT-05:00)

The translations cannot be access as both sites ES and COM are getting DNS_PROBE_FINISHED_NXDOMAIN error.

This usually means the site domain does not exist or there is a DNS configuration issue on your hosting account

Here is an example from Kinsta for example : hidden link

I couldn't finish working on your site because of this, could you please check what might the issue be?

Best,