How to set up WPML Plugin?

WPML is a plugin for WordPress that lets websites use more than one language. It has been installed on more than 1 million websites. This plugin can translate all parts of a website, like pages, posts, custom types, taxonomies, menus, and even theme text, into more than 40 languages. This includes pages, posts, custom types, taxonomies, menus, and even theme text. Depending on the user’s choice, translation can be done automatically or manually.

We’re proud that Traveler works well with WPML and doesn’t have any compatibility problems. This makes it easy to translate and localize your travel website: https://wpml.org/theme/traveler/

NOTE: 

  • To build multi-lingual website, you need WPML version Multilingual CMS
  • I recommend that you first add content to your website in your native language. This will ensure that you have a solid foundation to work with before translating the content into other languages using the WPML plugin

1. Install WPML

  • Install the main component of WPML that includes: WPML Multilingual CMS, String Translation, Media Translation
WPML Image 2
  • Configure WPML first before you can start translating
WPML Image 3
  • Choose the language that you want to translate
WPML Image 4
  • Enter the site key for your website
WPML Image 5
  • Select between the automatic or manual translation of your content. We recommend you should choose the Translate Everything option for convenience.
WPML Image 6
  • Now, you will see the language switcher in the footer. Click Finish it.
WPML Image 7
Note:  After you have installed the WPML Plugin on your website, you will need to configure the theme settings for each language you want to add to your website. For instance, let’s say you want to set up a Spanish language version for your website. To do this, follow these steps:
  1. Go to Theme Settings, find the Styling Options tab.
  2. Under General tab, Select either WPBakery or Elementor Page Builder based on your previous configuration for Spanish language.
  3. Click Save Changes: After selecting the page builder for the Spanish language, save the changes you made to the theme settings.
WPML Image 1.3

2. Configure WPML

There are two methods to translate your website, which are:

Method 1: Automatically translate your whole site

  • Go to WPML > Settings, and choose to Translate Everything options to translate your entire website that includes posts, pages, taxonomy terms, and WooCommerce Products
WPML Image 8
  • WMPL will translate every new page or post when you publish them. It means your content always has up-to-date translation every time.
WPML Image 9

Method 2: Automatically translate your individual posts, pages, and other contents

  • Go to WPML > Settings, choose the Translate Some options to translate the individual posts or pages of your website.
WPML Image 10
  • Click the Translate Automatically at the top of page
WPML Image 11

3. Translation Example in Traveler

3.1. Post Type

On the WPML> Settings, if you want to translate the content and title of service in Traveler, select the custom post to translate on Post Type Translation. There are 5 service posts to translate and save it.

Go to the WPML > Language, and select the Store a language cookie to support language filtering for AJAX. Because the Traveler theme uses AJAX operation in front-end, and WPML needs to filter your result. If this option is not enabled, WPML will not filter them correctly

Note: After translating Location, kindly run Traveler > Upgrade Data

WPML Image 13

For Example - Tour

Don’t forget to change slug – avoid any special character

3.2. Custom Field in Post Type

Navigate to WPML > Settings > Custom Fields Translation then tick Show “Multilingual Content Setup” meta box on post edit screen. For those fields, set “Copy” as the default option. Set some fields to “Translate” if necessary.

Search for tour
Search for tour
Search for location
Search for st_google
Search for address

3.3. Attribute(Taxonomy)

Name of Attribute(Taxonomy) is translated via Traveler > Attributes, such as Hotel Theme, Hotel Facilities, Activity Types, Amenities…

Change language in the WPAdmin Bar then edit attributes Name in other language

Attributes in the primary language
Change to other language then edit Name
Edit Name of Attribute

Besides, term inside each Attribute(Taxonomy) is translated via WPML > Taxonomy Translation, such as Air Conditioning, Airport Transport, Fitness Center, Flat Tv… inside Hotel Facilities

4. WPML Guide

4.1. Adding page content to translate it

  • On the WPML > Translation Management, select the item to translate, for example, we choose the homepage. Click Translate Selected Content
WPML Image 14
  • Go to the WPML > Translation, and select the home page to translate to your languages.
WPML Image 15
  • Change the original language to other languages and click to Complete it
WPML Image 16
  • Finally, you will see the switcher language of this page in the footer
WPML Image 17

4.2. Adding post content to translate

  • Just follow the same steps above, and you can filter your post to translate it.
WPML Image 18
  • For example, we translate the content of this post and add it to the translation queue
WPML Image 19

5. Troubleshooting

5.1. Reset WPML

If you have any issue while setting WPML and cannot revert, you need to reset WPML.

The ‘Reset’ action will deactivate the WPML plugin after it deletes the WPML tables (tables with the ‘icl_’ prefix) from the database. The action will NOT delete any content (posts, taxonomy terms etc.). It only affects translation and language information that WPML associates with each content type.

Please note that all translations you have sent to remote translation services will be lost if you reset WPML’s data. They cannot be recovered later. If you are using the Advanced Translation Editor, you will lose the translations that are in progress, as well as the existing translation memory and glossary. You will also lose access to purchases, invoices, and history related to your work with the Advanced Translation Editor.

Navigate to WPAdmin > WPML > Support > Troubleshooting > Reset then tick I am about to reset all translation and language data. After all, click to Reset and deactivate WPML

If you cannot access WPML menu, just add this code into the end of wp-content/themes/traveler/function.php

function wpmlsupp_1706_reset_wpml_capabilities() { if ( function_exists( 'icl_enable_capabilities' ) ) { icl_enable_capabilities(); } } add_action( 'shutdown', 'wpmlsupp_1706_reset_wpml_capabilities' );

5.2. WooCommerce Multilingual Plugin

  • If your website uses WPML plugin and WooCommerce for the checkout process, you should install WooCommerce Multilingual Plugin first and set it up on your website. Download WooCommerce Multilingual Plugin
WPML Image 20
  • After finishing your setup, go to the WPML > Language, and select the Store a language cookie to support language filtering for AJAX.
WPML Image 21
  • On the WooCommerce > WooCommerce Multilingual & Multicurrency, and select Synchronize cart content when switching languages on Carts
WPML Image 22
  • Here is the video to show you how to set up WPML plugin for your website. 

$79