Translation with Loco translator #
For single-language translation, we prefer to use the Loco Translate plugin.
Step-1: First of all, install and activate the plugin.
![](https://support.themewinter.com/docs/plugins/wp-content/uploads/sites/3/2020/11/loco-1-1024x558.png)
Step-2: Make sure you have changed the site language of your translated language.
![](https://support.themewinter.com/docs/plugins/wp-content/uploads/sites/3/2023/10/image.png)
Step-3: From the Loco Translate > Plugins menu, click on the plugin name for setting up the translations.
![](https://support.themewinter.com/docs/plugins/wp-content/uploads/sites/3/2020/11/loco-2-1024x558.png)
Step-4: Choose the language you want to translate.
![](https://support.themewinter.com/docs/plugins/wp-content/uploads/sites/3/2023/10/wcafe_language_settings-1024x661.png)
Step-5: Then search for the text that needs to be translated and insert the translated text.
![](https://support.themewinter.com/docs/plugins/wp-content/uploads/sites/3/2023/10/wpafe_string_search-1024x554.png)
Translated test on the front view
![](https://support.themewinter.com/docs/plugins/wp-content/uploads/sites/3/2023/10/wpcafe_translate_front_view-1024x622.png)
Follow the VIDEO for more details.
![](https://support.themewinter.com/docs/plugins/wp-content/uploads/sites/3/2020/11/loco.gif)
Translation with WPML #
WPML is one of the most popular plugins for multiple-language translation. Using WPML, the plugin strings can be changed for different languages.
Reservation Calendar Translation #
Timepicker Translation # #
Translate both the Admin panel and user frontend view calendar’s time picker.
![](https://support.themewinter.com/docs/plugins/wp-content/uploads/sites/3/2020/11/flatpicker-8-1024x526.png)
Get the available Language translation files list from Flatpicker’s official website or directly navigate to the language files list with the country code short form from here.
NOTE: Download the language file with the Javascript .js extension i.e. ar.js file for Arabic. Typescript files (.ts) will not work here.
![](https://support.themewinter.com/docs/plugins/wp-content/uploads/sites/3/2020/11/flatpicker-1-1-1024x622.png)
Pick the correct filename from the list.
For example, the Arabic language file is ar.ts, the Austria language file is at.ts, etc.
![](https://support.themewinter.com/docs/plugins/wp-content/uploads/sites/3/2020/11/flatpicker-2-1-1024x622.png)
Make sure of the correct file by clicking on the file name i.e. ar.ts and at the start of the file, confirm the language.
![](https://support.themewinter.com/docs/plugins/wp-content/uploads/sites/3/2020/11/flatpicker-3-1024x622.png)
Click on this link for the javascript file required for the time picker translation and replace the language short form from the end of the link.
![](https://support.themewinter.com/docs/plugins/wp-content/uploads/sites/3/2020/11/flatpicker-4-1024x622.png)
Copy the codes from the page and save them in a file with the same name i.e. ar.js for the Arabic language file. Then move the file inside the wp-content -> languages folder.
Then go to the Plugin folder -> Core -> Settings -> Part -> copy the languages.php file and paste the file into the wp-content -> languages folder.
![](https://support.themewinter.com/docs/plugins/wp-content/uploads/sites/3/2022/02/cafe_language-1024x538.png)
Then edit the languages.php file and add your language name here.
![](https://support.themewinter.com/docs/plugins/wp-content/uploads/sites/3/2022/03/cafe_translation_language_add-1024x536.png)
Finally, the language should appear in the WpCafe > General Settings menu.
![](https://support.themewinter.com/docs/plugins/wp-content/uploads/sites/3/2022/04/cafe_calendar_language-1024x365.png)