How to Translate Hoteller theme and plugins with WPML Plugin

Do you need to create multiple languages for your WordPress website built with the Hoteller theme. Our theme is compatible with WPML Plugin, one of the most popular WordPress multilngual tools, in this article we’ll show that it’s really easy to translate your website!

To build a multilingual WordPress website, you’ll need:

  • a Hoteller theme
  • All Hoteller’s required plugins
  • WPML plugin with optional addons

Languages

Firstly, add the languages you are going to translate the theme to: go to WPML > Languages > Add Language. Then add the language you want to translate.

There are lots of settings you can apply according to your needs:

  • Set a default language
  • Language URL format
  • Language switcher options (the order of languages and how to handle languages without translation)

WPML translation modes and tools

  • Translate Everything AutomaticallyAll of the site’s main content will be automatically translated into all secondary languages as content is published or updated. Translations can then be reviewed on the front-end and edited by the user (or local translator) if needed.
  • Translate What You ChooseUsers can pick and choose what to translate, when to translate it, and who will translate it. This mode allows for content to be translated yourself via WPML’s Advanced Translation Editor, translated by professional translation services, or even translated by a team of local translators. You can also translate content automatically with this option – the difference between this and Translate Everything Automatically is you choose what gets translated automatically.

    Translating content in pages, posts, and custom post types

First, please make sure you make custom post types you want to be translatable using WPML from WPML > Settings > Post Types Translation.

 

If you choose the Translate Everything Automatically mode, all page, post and CPT content will be translated automatically. Any smaller texts, like widgets or form fields that are not translated automatically can be translated via the String Translation Module.

Translating Posts, Pages and Elementor Page Designs Built with Widgets

The Elementor page builder allows you to create page designs using widgets. Each widget adds a different feature or element to your page, like text, images, or buttons.

Since Elementor widgets are a part of your page content, when you translate a page, you translate the widget title and content as well.

In WPML, you can send all posts, pages, and other item types for translation from the Translation Management Dashboard. To get started, go to WPML → Translation Management:

  1. Use the All types dropdown menu to select the post type you want to translate. For example, to translate your pages, select Pages and click the Filter button.

 

Filtering for and selecting the page you want to translate in Translation Management

  1. Select the page(s) you want to translate and choose your target languages.

Selecting the pages you want to translate

  1. Select how you want to translate the pages:
    • To quickly translate your Elementor website using high-quality automatic translations, select Translate automatically. You can also choose your preferred translation engine.
    • To translate content yourself, with a translator, or translation service, select Assign to a translator. This button will say Translate myself if you’re the only translator on your site.
  1. Click Start translating to send your pages to translation.

After a few minutes, you can easily review automatic translations from the WPML → Translations page.

If you’re translating yourself, you can also take the translation job from WPML → Translations. This opens the Advanced Translation Editor, where you can add translations for all of your page content.

Translating the page in the Advanced Translation Editor

Translating Elementor Menus

Elementor lets you use the Nav Menu widget to add the menus that you’ve created in WordPress to pages or templates. You can then design the menu in whatever way you want.

With WPML, you can easily translate your menus, add and translate custom links, and even create different menus per language.

Learn more about translating WordPress menus with WPML.

Adding a Language Switcher to Elementor Page Builder Designs

With your Elementor pages translated, you’ll want to give your visitors a way to switch between the different language versions.

With WPML, you can add a language switcher to your Elementor site by going to WPML → Languages. There, you have the option to add a language switcher to your site’s menu, widget area, or footer.

Alternatively, you can add the WPML Language Switcher widget to your Elementor pages or templates.

Creating Elementor Pages with Different Content or Designs Per Language (Optional)

WPML lets you create different Elementor pages with unique content and design for each language. This is optional but can be beneficial for tailoring your site to specific cultural preferences.

Let’s say your website is aimed at both English-speaking and Japanese-speaking audiences. For the Japanese version, you might want different content and a style that aligns more closely with Japanese web design principles.

To have different content and page designs across languages, you need to manually translate your pages.

How to Use Loco Translate Plugin for Theme Translation

Loco Translate is a WordPress plugin for translating themes and plugins. It generates a PO file from the POT file then compiles it to MO file on the fly as soon as you start to translate the theme or plugin.

How to Install Loco Translate

To install the plugin go to WordPress Admin Menu > Plugins > Add New menu and search for Loco Translate to filter out the plugins list and click on the Install button to install the plugin on your WordPress installation.

After the installation is finished you need to click on the Activate button to activate Loco Translate.

How to Translate theme strings using Loco Translate

Go to WordPress Admin Menu > Loco Translate > Themes to access the main translation page of the plugin.

Select “Grand Restaurant” in translation theme page and click on the New language link.

Select for example German from the dropdown menu then click on Start translating button.

Note: To keep the translation files safe after theme update, select Custom or System from Choose a Location option. If you are using a Child theme, only Custom or System option should be
Use the Filter box at the top of the page to search for your desired term. After you find the term click on it to select and it will be shown inside the Source Text box. Add the translation for that term on the German Translation box under the Source Text once you finished translating click on Save button.

How to Translate plugin strings using Loco Translate

Go to WordPress Admin Menu > Loco Translate > Plugins to access the main translation page of the plugin.

Select “Grand Restaurant Theme Elements for Elementor” in translation plugin page. Next click on the New language link.

Select for example German from the dropdown menu then click on Start translating button.

Note: To keep the translation files safe after theme update, select Custom or System from Choose a Location option. If you are using a Child theme, only Custom or System option should be

Use the Filter box at the top of the page to search for your desired term. After you find the term click on it to select and it will be shown inside the Source Text box. Add the translation for that term on the German Translation box under the Source Text once you finished translating click on Save button.


Change Site Language

If your WordPress is already installed in German language, skip this step.

In WordPress Admin Menu > Settings > General change the Site Language to Deutsch and Save Changes.

Translations stopped working after theme update?

If you notice some translations are not working as expected, click on Sync button on the translation edit screen. This option will sync the old translations with new translations.

Translation Basics

WordPress Translation Setting

For Pre-Wordpress 4.0 users please follow below steps

  1. Login to your FTP account and edit wp-config.php file.
  2. In wp-config.php file, look for WPLANG constant for example define(‘WPLANG’, ”);
  3. Define WPLANG constant by adding ISO language code of your desired language. For example if you want to add German language. Use this code define(‘WPLANG’, ‘de_DE.po’);

For WordPress 4.0 + users please follow below steps

  1. Login to your WordPress Dashboard and navigate to Settings > General Settings
  2. Make sure “Site Language” option is set to your desired language.

How to Use Loco Translate Plugin for Theme Translation

Loco Translate is a WordPress plugin for translating themes and plugins. It generates a PO file from the POT file then compiles it to MO file on the fly as soon as you start to translate the theme or plugin.

How to Install Loco Translate

To install the plugin go to WordPress Admin Menu > Plugins > Add New menu and search for Loco Translate to filter out the plugins list and click on the Install button to install the plugin on your WordPress installation.

After the installation is finished you need to click on the Activate button to activate Loco Translate.

How to Translate theme strings using Loco Translate

Go to WordPress Admin Menu > Loco Translate > Themes to access the main translation page of the plugin.

Select “Photography” in translation theme page and click on the New language link.

Select for example English from the dropdown menu then click on Start translating button.

Note: To keep the translation files safe after theme update, select Custom or System from Choose a Location option. If you are using a Child theme, only Custom or System option should be
Use the Filter box at the top of the page to search for your desired term. After you find the term click on it to select and it will be shown inside the Source Text box. Add the translation for that term on the English Translation box under the Source Text once you finished translating click on Save button.

How to Translate plugin strings using Loco Translate

Go to WordPress Admin Menu > Loco Translate > Plugins to access the main translation page of the plugin.

Select “Photography Theme Elements for Elementor” in translation plugin page. Next click on the New language link.

Select for example English from the dropdown menu then click on Start translating button.

Note: To keep the translation files safe after theme update, select Custom or System from Choose a Location option. If you are using a Child theme, only Custom or System option should be

Use the Filter box at the top of the page to search for your desired term. After you find the term click on it to select and it will be shown inside the Source Text box. Add the translation for that term on the English Translation box under the Source Text once you finished translating click on Save button.


Change Site Language

If your WordPress is already installed in German language, skip this step.

In WordPress Admin Menu > Settings > General change the Site Language to Deutsch and Save Changes.

Translations stopped working after theme update?

If you notice some translations are not working as expected, click on Sync button on the translation edit screen. This option will sync the old translations with new translations.

Translation Basics

WordPress Translation Setting

For Pre-Wordpress 4.0 users please follow below steps

  1. Login to your FTP account and edit wp-config.php file.
  2. In wp-config.php file, look for WPLANG constant for example define(‘WPLANG’, ”);
  3. Define WPLANG constant by adding ISO language code of your desired language. For example if you want to add German language. Use this code define(‘WPLANG’, ‘de_DE.po’);

For WordPress 4.0 + users please follow below steps

  1. Login to your WordPress Dashboard and navigate to Settings > General Settings
  2. Make sure “Site Language” option is set to your desired language.

How to Use Loco Translate Plugin for Theme Translation

Loco Translate is a WordPress plugin for translating themes and plugins. It generates a PO file from the POT file then compiles it to MO file on the fly as soon as you start to translate the theme or plugin.

How to Install Loco Translate

To install the plugin go to WordPress Admin Menu > Plugins > Add New menu and search for Loco Translate to filter out the plugins list and click on the Install button to install the plugin on your WordPress installation.

After the installation is finished you need to click on the Activate button to activate Loco Translate.

How to Translate theme strings using Loco Translate

Go to WordPress Admin Menu > Loco Translate > Themes to access the main translation page of the plugin.

Select “Grand Conference” in translation theme page and click on the New language link.

Select for example English from the dropdown menu then click on Start translating button.

Note: To keep the translation files safe after theme update, select Custom or System from Choose a Location option. If you are using a Child theme, only Custom or System option should be
Use the Filter box at the top of the page to search for your desired term. After you find the term click on it to select and it will be shown inside the Source Text box. Add the translation for that term on the English Translation box under the Source Text once you finished translating click on Save button.

How to Translate plugin strings using Loco Translate

Go to WordPress Admin Menu > Loco Translate > Plugins to access the main translation page of the plugin.

Select for an example “Grand Conference Theme Elements for Elementor” in translation plugin page. Next click on the New language link.

Select for example English from the dropdown menu then click on Start translating button.

Note: To keep the translation files safe after theme update, select Custom or System from Choose a Location option. If you are using a Child theme, only Custom or System option should be

Use the Filter box at the top of the page to search for your desired term. After you find the term click on it to select and it will be shown inside the Source Text box. Add the translation for that term on the English Translation box under the Source Text once you finished translating click on Save button.


Change Site Language

If your WordPress is already installed in German language, skip this step.

In WordPress Admin Menu > Settings > General change the Site Language to Deutsch and Save Changes.

Translations stopped working after theme update?

If you notice some translations are not working as expected, click on Sync button on the translation edit screen. This option will sync the old translations with new translations.

Translation Basics

WordPress Translation Setting

For Pre-Wordpress 4.0 users please follow below steps

  1. Login to your FTP account and edit wp-config.php file.
  2. In wp-config.php file, look for WPLANG constant for example define(‘WPLANG’, ”);
  3. Define WPLANG constant by adding ISO language code of your desired language. For example if you want to add German language. Use this code define(‘WPLANG’, ‘de_DE.po’);

For WordPress 4.0 + users please follow below steps

  1. Login to your WordPress Dashboard and navigate to Settings > General Settings
  2. Make sure “Site Language” option is set to your desired language.

How to Use Loco Translate Plugin for Theme Translation

Loco Translate is a WordPress plugin for translating themes and plugins. It generates a PO file from the POT file then compiles it to MO file on the fly as soon as you start to translate the theme or plugin.

How to Install Loco Translate

To install the plugin go to WordPress Admin Menu > Plugins > Add New menu and search for Loco Translate to filter out the plugins list and click on the Install button to install the plugin on your WordPress installation.

After the installation is finished you need to click on the Activate button to activate Loco Translate.

How to Translate theme strings using Loco Translate

Go to WordPress Admin Menu > Loco Translate > Themes to access the main translation page of the plugin.

Select “Vive” in translation theme page and click on the New language link.

Select for example German from the dropdown menu then click on Start translating button.

Note: To keep the translation files safe after theme update, select Custom or System from Choose a Location option. If you are using a Child theme, only Custom or System option should be
Use the Filter box at the top of the page to search for your desired term. After you find the term click on it to select and it will be shown inside the Source Text box. Add the translation for that term on the English Translation box under the Source Text once you finished translating click on Save button.

How to Translate plugin strings using Loco Translate

Go to WordPress Admin Menu > Loco Translate > Plugins to access the main translation page of the plugin.

Select “Vive Theme Elements for Elementor” in translation plugin page. Next click on the New language link.

Select for example English from the dropdown menu then click on Start translating button.

Note: To keep the translation files safe after theme update, select Custom or System from Choose a Location option. If you are using a Child theme, only Custom or System option should be

Use the Filter box at the top of the page to search for your desired term. After you find the term click on it to select and it will be shown inside the Source Text box. Add the translation for that term on the English Translation box under the Source Text once you finished translating click on Save button.


Change Site Language

If your WordPress is already installed in German language, skip this step.

In WordPress Admin Menu > Settings > General change the Site Language to Deutsch and Save Changes.

Translations stopped working after theme update?

If you notice some translations are not working as expected, click on Sync button on the translation edit screen. This option will sync the old translations with new translations.

Translation Basics

WordPress Translation Setting

For Pre-Wordpress 4.0 users please follow below steps

  1. Login to your FTP account and edit wp-config.php file.
  2. In wp-config.php file, look for WPLANG constant for example define(‘WPLANG’, ”);
  3. Define WPLANG constant by adding ISO language code of your desired language. For example if you want to add German language. Use this code define(‘WPLANG’, ‘de_DE.po’);

For WordPress 4.0 + users please follow below steps

  1. Login to your WordPress Dashboard and navigate to Settings > General Settings
  2. Make sure “Site Language” option is set to your desired language.

How to Use Loco Translate Plugin for Theme Translation

Loco Translate is a WordPress plugin for translating themes and plugins. It generates a PO file from the POT file then compiles it to MO file on the fly as soon as you start to translate the theme or plugin.

How to Install Loco Translate

To install the plugin go to WordPress Admin Menu > Plugins > Add New menu and search for Loco Translate to filter out the plugins list and click on the Install button to install the plugin on your WordPress installation.

After the installation is finished you need to click on the Activate button to activate Loco Translate.

How to Translate theme strings using Loco Translate

Go to WordPress Admin Menu > Loco Translate > Themes to access the main translation page of the plugin.

Select “Ashton” in translation theme page and click on the New language link.

Select for example German from the dropdown menu then click on Start translating button.

Note: To keep the translation files safe after theme update, select Custom or System from Choose a Location option. If you are using a Child theme, only Custom or System option should be
Use the Filter box at the top of the page to search for your desired term. After you find the term click on it to select and it will be shown inside the Source Text box. Add the translation for that term on the English Translation box under the Source Text once you finished translating click on Save button.

How to Translate plugin strings using Loco Translate

Go to WordPress Admin Menu > Loco Translate > Plugins to access the main translation page of the plugin.

Select “Ashton Theme Elements for Elementor” in translation plugin page. Next click on the New language link.

Select for example English from the dropdown menu then click on Start translating button.

Note: To keep the translation files safe after theme update, select Custom or System from Choose a Location option. If you are using a Child theme, only Custom or System option should be

Use the Filter box at the top of the page to search for your desired term. After you find the term click on it to select and it will be shown inside the Source Text box. Add the translation for that term on the English Translation box under the Source Text once you finished translating click on Save button.


Change Site Language

If your WordPress is already installed in German language, skip this step.

In WordPress Admin Menu > Settings > General change the Site Language to Deutsch and Save Changes.

Translations stopped working after theme update?

If you notice some translations are not working as expected, click on Sync button on the translation edit screen. This option will sync the old translations with new translations.