Urna - All-in-one WooCommerce WordPress Theme

Urna’s compatibility with WPML allows you to build fully functional multilingual eCommerce websites. In this tutorial, you will learn how to translate a website built with Urna’s using WPML.

To follow along with this tutorial, make sure that you install and activate the WPML core plugins which include WPML Multilingual CMS, WPML String Translation, and WPML Translation Management.

Start by installing the main WPML components:

• WPML Multilingual CMS (the core plugin)
• String Translation
• Translation Management
• Media Translation

They are available from your account’s downloads page. Please note that WPML Multilingual Blog account type does not provide access to String Translation and Translation Management components.

Recommended Plugins:

This is required in case the you want to use any of the listed plugins (CF7, WC, etc) on your multilingual site.

• WooCommerce Multilingual
• Contact Form 7 with WPML
• MailChimp for WordPress Multilingual
• WPForms Multilingual

Please read the installation instructions if you need help.

When you first activate WPML a setup wizard will help you specify the essential settings required to prepare your site for multilingual content.

Follow the wizard to:

1. Choose your site’s languages

   

   

2. Customize and add language switchers to your site

   

   

3. Register WPML

   

We recommend using WPML’s Advanced Translation Editor, allows your translators to do their work more quickly and easily while providing better translations

Click to WPML => Settings => Use WPML's Advanced Translation Editor

For more information, check out WPML’s guide on Advanced Translation Editor.

Make sure you have the plugin installed WooCommerce Multilingual

Follow the wizard to:

1. Prepare your WooCommerce store to run multilingual!. Click to Start the Setup Wizard

   

2. Let's continue

   

3. Translate Store Pages => Continue

   

4. Select Translatable Attributes => Continue

   

5. Enable Multiple Currencies => Continue

   

6. Translation Options => Continue

   

7. Setup Complete => Close setup

   

If you are using WPML’s Translation Management, go to the WPML → Translation Management page to send content for translation. The first time you visit the Translation Management, WPML will walk you through a quick setup wizard.

1. Add selected content to translation basket

   

2. Translation Basket => Send all items for translation

   

3. WPML => Translations => Take and translate

   

4. Click to Click to edit translation => Save

   

5. Make sure to translate everything then click on "Complete".

   

6. You need more automatic translation credits to translate this entire document. Read more here: Pricing for automatic translation

   

Follow the wizard to:

1. Localization options = urna => Scan selected themes for strings

   

   

   

2. Do the same with plugins

   

   

   

Follow the wizard to:

1. Copy the word you want to translate. Eg: "Update Cart"

   

2. WPML => String translation => Search for: Update Cart => Click to Search

   

3. Translation to: Arabic

   

4. Result

   

Follow the wizard to:

1. Languages => + Add a new language switcher to a widget area

   

2. Widget Configuration

   

   

3. Check if it appears in Widget yet

   

4. It will appear above the Header

   

Follow the wizard to:

1. Custom language switchers

   

   

2. Add WPML's switchers to Header Elementor

   

   

3. Language switcher type = Custom

   

4. It will appear above the Header

   

If you are using WPML’s Translation Management, go to the WPML → Translation Management page to send content for translation. The first time you visit the Translation Management, WPML will walk you through a quick setup wizard.

1. Add selected content to translation basket

   

2. Translation Basket => Send all items for translation

   

3. WPML => Translations => Take and translate

   

4. Click to Click to edit translation => Save

   

   Required to keep the Title of the Header, not rename another. Eg: Header 01

   

5. Make sure to translate everything then click on "Complete".

   

6. You need more automatic translation credits to translate this entire document. Read more here: Pricing for automatic translation

   

If you are using WPML’s Translation Management, go to the WPML → Translation Management page to send content for translation. The first time you visit the Translation Management, WPML will walk you through a quick setup wizard.

1. Add selected content to translation basket

   

2. Translation Basket => Send all items for translation

   

3. WPML => Translations => Take and translate

   

4. Click to Click to edit translation => Save

   

   Required to keep the Title of the Footer, not rename another. Eg: Funiture

   

5. Make sure to translate everything then click on "Complete".

   

6. You need more automatic translation credits to translate this entire document. Read more here: Pricing for automatic translation

   

If you are using WPML’s Translation Management, go to the WPML → Translation Management page to send content for translation. The first time you visit the Translation Management, WPML will walk you through a quick setup wizard.

1. Add selected content to translation basket

   

2. Translation Basket => Send all items for translation

   

3. WPML => Translations => Take and translate

   

4. Click to Click to edit translation => Save

   

   Required to keep the Title of the Custom Tab, not rename another. Eg: Shipping

   

5. Make sure to translate everything then click on "Complete".

   

6. You need more automatic translation credits to translate this entire document. Read more here: Pricing for automatic translation

   

Click to WPML => WP Menus Sync => Sync

Menu synchronization will sync the menu structure from the default language of English to the secondary languages.

Select All to Apply Changes

With WPML, you can easily synchronize your language menus. For more information, check out WPML’s guide on translating menus.

If you are using WPML’s Translation Management, go to the WPML → Translation Management page to send content for translation. The first time you visit the Translation Management, WPML will walk you through a quick setup wizard.

1. Add selected content to translation basket

   

2. Translation Basket => Send all items for translation

   

3. WPML => Translations => Take and translate

   

4. Click to Click to edit translation => Save

   

   Required to keep the Title of the Megamenu, not rename another. Eg: Collections

   

5. Make sure to translate everything then click on "Complete".

   

6. You need more automatic translation credits to translate this entire document. Read more here: Pricing for automatic translation

   

You can translate categories and tags assigned to a specific post or portfolio pages while translating them using the WPML translation editor screen.

Furthermore, you can translate categories and tags on the WPML -> Taxonomy Translation page. In the example below, we walk you through the process of translating portfolio categories. You can follow the same steps to translate post categories and tags.

1. Select the Categories from the drop-down menu and a list of categories will appear.
2. Click the plus icon for translating a category of the respective language.

   

3. Fill in the translation and click the Save button.

   

WPML Media Translation allows to choose images and other media for translated content. You will be able to provide replacement images for content in different languages and translate the meta texts of those images.

Check out WPML’s guide on WPML Media Translation.

Configuration Permalink Settings = Post Name

Follow the wizard to:

1. Copy the word you want to translate. Eg: "Hot"

   

2. WPML => String translation => Search for: "Hot" => Click to Search

   

3. Translation to: Arabic

   

4. Result

   

The translated words in Theme Options will Name contain "theme_options"

WOOF is absolutely compatible with WPML. All taxonomies labels can be translated into all languages in: tab Advanced -> "WPML taxonomies labels translations" using next syntax-example (english is default in the example):

Eg: ar:Price^Price Ar

Result

This ensures Ajax and Quickview search works well

Elementor is a page builder that allows users to control the styling and content of their site easily. This allows them to build any desired design with Elementor and translate the texts using WPML.

Check out WPML’s guide on How to build multilingual sites with Elementor and WPML?.

How the integration of the WPBakery Page builder works with WPML? For more information, check out WPML’s guide on Maintaining WPBakery Page Builder Compatibility with WPML.