{"id":46601,"date":"2024-12-30T08:36:14","date_gmt":"2024-12-30T08:36:14","guid":{"rendered":"https:\/\/crocoblock.com\/knowledge-base\/?post_type=article&#038;p=46601"},"modified":"2024-12-30T08:36:16","modified_gmt":"2024-12-30T08:36:16","slug":"how-to-translate-jet-tabs-with-wpml","status":"publish","type":"article","link":"https:\/\/crocoblock.com\/knowledge-base\/jettabs\/how-to-translate-jet-tabs-with-wpml\/","title":{"rendered":"How to Translate JetTabs Using WPML"},"content":{"rendered":"\n<p><em>JetTabs<\/em> provides dynamic Elementor widgets, and translating their content with the <em>WPML<\/em> plugin provides a seamless multilingual experience for website visitors. Let\u2019s go through the process step by step.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"create-a-page\">Create a Page<\/h2>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<p>To demonstrate <em>WPML<\/em> translation capabilities, we\u2019ll create a page with two <em>JetTabs<\/em> widgets: <strong>Switcher<\/strong> and <strong>Tabs<\/strong>. Both widgets allow us to display content as plain text added as an \u201cEditor\u201d <strong>Content Type<\/strong><strong> <\/strong>or as a template with a pre-defined set of Elementor widgets added as a <strong>&nbsp;<\/strong>\u201cTemplate\u201d <strong>Content Type<\/strong>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"editor-content-type\">\u201cEditor\u201d Content Type<\/h3>\n\n\n\n<p>When added to a page, the \u201cEditor\u201d <strong>Content Type<\/strong> looks like a basic text section.&nbsp;<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"switcher-widget\">Switcher widget<\/h4>\n\n\n\n<p>The <strong>Switcher <\/strong>widget showcases content related to the \u201cBusiness\u201d and \u201cScience-fiction\u201d book categories. Each switcher position includes a brief text description and displays a link to curated content specific to the selected category.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/switcher-widget-text-content.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/switcher-widget-text-content-1024x640.webp\" alt=\"switcher widget with text content\" class=\"wp-image-46602\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/switcher-widget-text-content-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/switcher-widget-text-content-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/switcher-widget-text-content-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/switcher-widget-text-content-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/switcher-widget-text-content-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/switcher-widget-text-content.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"tabs-widget\">Tabs widget<\/h4>\n\n\n\n<p>The <strong>Tabs <\/strong>widget organizes detailed information about the bookstore\u2019s offerings, which are categorized into three sections: \u201cGenres,\u201d \u201cRecommended Reads,\u201d and \u201cNew Arrivals.\u201d Each tab contains text descriptions that guide users through the bookstore\u2019s collection.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/tabs-widget-with-text-content.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/tabs-widget-with-text-content-1024x640.webp\" alt=\"tabs widget with text content\" class=\"wp-image-46603\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/tabs-widget-with-text-content-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/tabs-widget-with-text-content-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/tabs-widget-with-text-content-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/tabs-widget-with-text-content-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/tabs-widget-with-text-content-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/tabs-widget-with-text-content.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"template-content-type\">\u201cTemplate\u201d Content Type<\/h3>\n\n\n\n<p>After making all the necessary edits one can preview how the \u201cTemplate\u201d <strong>Content Type<\/strong> looks when added to a page. Within the template, one can add all kinds of Elementor widgets, including <em>WooCommerce<\/em> products or even dynamic listings created with <em>JetEngine<\/em>.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/widgets-with-templates.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/widgets-with-templates-1024x640.webp\" alt=\"widgets with templates\" class=\"wp-image-46604\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/widgets-with-templates-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/widgets-with-templates-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/widgets-with-templates-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/widgets-with-templates-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/widgets-with-templates-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/widgets-with-templates.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"switcher-widget\">Switcher widget<\/h4>\n\n\n\n<p>The <strong>Switcher<\/strong> widget contains two tabs, <strong>Disable<\/strong> and <strong>Enable<\/strong>; each item corresponds to a specific template:<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/switcher-widget-with-templates.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/switcher-widget-with-templates-1024x640.webp\" alt=\"switcher widget\" class=\"wp-image-46605\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/switcher-widget-with-templates-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/switcher-widget-with-templates-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/switcher-widget-with-templates-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/switcher-widget-with-templates-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/switcher-widget-with-templates-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/switcher-widget-with-templates.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<ul>\n<li><strong>Enable<\/strong> \u2014 displays a \u201cFiction listing\u201d section template featuring fiction genre books;<\/li>\n\n\n\n<li><strong>Disable<\/strong> \u2014 displays a \u201cBusiness listing\u201d section template featuring business genre books.<\/li>\n<\/ul>\n\n\n\n<p>Both templates include a <em>JetWooBuilder<\/em>\u2019s<strong> Product Grid<\/strong> widget showcasing relevant books.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"tabs-widget\">Tabs widget<\/h4>\n\n\n\n<p>The <strong>Tabs<\/strong> widget contains three tabs, each displaying a unique section template:<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/tabs-widget-with-templates.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/tabs-widget-with-templates-1024x640.webp\" alt=\"tabs widget with templates\" class=\"wp-image-46606\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/tabs-widget-with-templates-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/tabs-widget-with-templates-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/tabs-widget-with-templates-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/tabs-widget-with-templates-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/tabs-widget-with-templates-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/tabs-widget-with-templates.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<ul>\n<li><strong>Genres <\/strong>tab<strong>\/<\/strong>template:\n<ul>\n<li><strong>Paragraph Widget<\/strong> \u2014 introduces the available genres;<\/li>\n\n\n\n<li><strong>Categories Widget<\/strong> \u2014 showcases book genres;<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Recommended Reads<\/strong>:\n<ul>\n<li><strong>Paragraph Widget<\/strong> \u2014 provides context for recommended books;<\/li>\n\n\n\n<li><strong>Product Grid Widget<\/strong> \u2014 features top book recommendations;<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>New Arrivals<\/strong>:\n<ul>\n<li><strong>Paragraph Widget<\/strong> \u2014 highlights the latest releases;<\/li>\n\n\n\n<li><strong>Product Grid Widget<\/strong> \u2014 displays newly added books.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<p>Now, let\u2019s walk through the translation flow.<\/p>\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"translate-editor-added-content\">Translate \u201cEditor\u201d Added Content<\/h2>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<p>Go to <strong><em>WordPress Dashboard &gt; Pages<\/em><\/strong> and choose a page that you want to translate. Alternative path: <strong><em>WordPress Dashboard &gt; WPML &gt; Translation Management &gt; Translation Dashboard &gt; Pages<\/em><\/strong>.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/all-pages.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/all-pages-1024x640.webp\" alt=\"all pages\" class=\"wp-image-46607\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/all-pages-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/all-pages-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/all-pages-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/all-pages-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/all-pages-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/all-pages.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>After installation and activation of the <em>WPML<\/em> plugin, a new column (with a country flag) will appear, displaying the availability of the translation.<\/p>\n\n\n\n<p>If a page is not translated, a <strong>&#8220;+&#8221;<\/strong> icon will appear in this column. To translate a page, click the <strong>&#8220;+&#8221;<\/strong> icon in the localization status column. The <em>WPML<\/em> plugin will automatically translate the page content, including the text of our <em>JetTabs<\/em> widgets, and will redirect you to the <strong>Advanced Translation Editor<\/strong>.<\/p>\n\n\n\n<div class=\"wp-block-image size-large is-resized\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/advanced-translation-editor.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/advanced-translation-editor-1024x640.webp\" alt=\"advanced translation editor\" class=\"wp-image-46608\" style=\"width:840px;height:auto\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/advanced-translation-editor-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/advanced-translation-editor-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/advanced-translation-editor-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/advanced-translation-editor-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/advanced-translation-editor-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/advanced-translation-editor.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>Within the <strong>Advanced Translation Editor<\/strong>, all text values on the page (including the <em>JetTabs <\/em>values in the <strong>Switcher<\/strong> widget) will be displayed alongside their translations into the target language.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/jetswitcher-jettabs-translated-content.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/jetswitcher-jettabs-translated-content-1024x640.webp\" alt=\"widget text values\" class=\"wp-image-46609\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/jetswitcher-jettabs-translated-content-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/jetswitcher-jettabs-translated-content-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/jetswitcher-jettabs-translated-content-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/jetswitcher-jettabs-translated-content-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/jetswitcher-jettabs-translated-content-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/jetswitcher-jettabs-translated-content.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>The widget text content has been fully translated. In this step, you can review the translation, and if you\u2019re satisfied with its quality, click the \u201c<strong>Complete Translation<\/strong>\u201d button. After that, you\u2019ll redirected back to the <strong>Pages<\/strong>.<\/p>\n\n\n\n<p>Once the page content has been translated, the <strong>&#8220;+&#8221;<\/strong> icon will be replaced with a \u201c<strong>pencil<\/strong>\u201d icon. Clicking the \u201c<strong>pencil<\/strong>\u201d icon will redirect you to the <strong>Advanced Translation Editor<\/strong>.<\/p>\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"translate-template-added-content\">Translate \u201cTemplate\u201d Added Content<\/h2>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<p>Since the widgets in the second version of our page contain section templates (that include products and product categories), we need to translate these items separately to create a fully localized page. This is a must-follow step because the <em>WPML<\/em> plugin is not able to render and translate content that\u2019s added as templates inside our widgets.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"translate-templates\">Translate templates<\/h3>\n\n\n\n<p>Go to <strong><em>WordPress Dashboard &gt; WPML &gt; Translation Management &gt; Translation Dashboard &gt; My Templates<\/em><\/strong> and choose a template that you\u2019re going ot use in any of the <em>JetTabs<\/em> widgets.We\u2019re going to begin with \u201cGenres\u201d and \u201cBusiness\u201d templates.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/translation-management-step-1-my-templates.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/translation-management-step-1-my-templates-1024x640.webp\" alt=\"my templates\" class=\"wp-image-46610\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/translation-management-step-1-my-templates-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/translation-management-step-1-my-templates-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/translation-management-step-1-my-templates-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/translation-management-step-1-my-templates-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/translation-management-step-1-my-templates-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/translation-management-step-1-my-templates.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>When selected, scroll to the bottom to review translation methods. <em>WPML <\/em>supports multiple translation methods, including manually (by yourself), automatically using machine translation, or with professional translation services.<\/p>\n\n\n\n<p>Choose a language and one of the available <strong>Translation Method<\/strong> options.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/translation-management-step-2.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/translation-management-step-2-1024x640.webp\" alt=\"translation methods\" class=\"wp-image-46611\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/translation-management-step-2-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/translation-management-step-2-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/translation-management-step-2-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/translation-management-step-2-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/translation-management-step-2-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/translation-management-step-2.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<ul>\n<li><strong>Translate automatically<\/strong> \u2014 if this option is selected, the plugin will automatically translate the content; when selected, the following options are revealed:\n<ul>\n<li><strong>Wait for review<\/strong> \u2014 if this radio button is activated, translations require approval before publishing;<\/li>\n\n\n\n<li><strong>Publish and mark for review<\/strong> \u2014 if this radio button is activated, translations are published immediately and flagged for later review;<\/li>\n\n\n\n<li><strong>Publish without review<\/strong> \u2014 if this radio button is activated, translations are published without review;<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Translate myself<\/strong> \u2014 if this option is selected, you\u2019ll be redirected to <strong>Advanced Translation Editor<\/strong> to perform translation manually;<\/li>\n\n\n\n<li><strong>Assign a translator<\/strong> \u2014 if this option is selected, it reveals a field called <strong>Choose a translator<\/strong>:\n<ul>\n<li><strong>Choose a translator<\/strong> \u2014 a select field that allows choosing a translator from those listed in the <strong><em>WordPress Dashboard &gt; WPML &gt; Translation Management &gt; Translators<\/em><\/strong> section;<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Assign a translation service<\/strong> \u2014 if this option is selected, you can choose among translation services activated in the <strong><em>WordPress Dashboard &gt; WPML &gt; Translation Management &gt; Translation Services<\/em><\/strong> section;<\/li>\n\n\n\n<li><strong>Duplicate content<\/strong> \u2014 if this radio button is activated, the original content will be duplicated to a localized version of the page;&nbsp;<\/li>\n\n\n\n<li><strong>Do nothing<\/strong> \u2014 if this radio button is activated, neither translation nor content duplication will be performed.<\/li>\n<\/ul>\n\n\n\n<p>You can enable each of these settings individually for every language, allowing for customized configurations per language.<\/p>\n\n\n\n<p>When you\u2019re done, click the \u201c<strong>Translate<\/strong>\u201d button.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"translate-taxonomies\">Translate taxonomies<\/h3>\n\n\n\n<p>Since one of the templates includes a <strong>Categories <\/strong>widget,<strong> <\/strong>we need to translate the categories descriptions so we can have a fully localized page.&nbsp;To do that, go to <strong><em>WordPress Dashboard &gt; WPML &gt; Taxonomy Translation<\/em><\/strong>.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/taxonomy-translation.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/taxonomy-translation-1024x640.webp\" alt=\"taxonomy translation\" class=\"wp-image-46612\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/taxonomy-translation-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/taxonomy-translation-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/taxonomy-translation-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/taxonomy-translation-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/taxonomy-translation-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/taxonomy-translation.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>In the <strong>Taxonomy Translation<\/strong> <em>WPML<\/em> section, you need to complete the same translation flow, click on the \u201c<strong>+<\/strong>\u201d icon, and add the name, URL, and description in the target language.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"translate-products\">Translate products<\/h3>\n\n\n\n<p>To translate your <em>WooCommerce <\/em>products, go to <strong><em>WordPress Dashboard &gt; WPML &gt; Translation Management &gt; Products <\/em><\/strong>and use the search to find products for the first translation batch.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/translating-products.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/translating-products-1024x640.webp\" alt=\"select products for translations\" class=\"wp-image-46613\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/translating-products-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/translating-products-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/translating-products-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/translating-products-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/translating-products-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/translating-products.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>Then, scroll the page to the bottom and complete the translation flow.<\/p>\n\n\n\n<p>After translating the templates, you need to repeat the translation flow for the page.&nbsp;<\/p>\n\n\n\n<p>Go to <strong><em>WordPress Dashboard &gt; WPML &gt; Translation Management<\/em><\/strong><strong><em> <\/em><\/strong><strong><em>&gt; Translation Dashboard &gt; Pages<\/em><\/strong>, find your page, and translate its content that is not included in the templates.<\/p>\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"preview-translated-content\">Preview Translated Content<\/h2>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<p>After verifying the translations, go to the front end to preview.<\/p>\n\n\n\n<p>First, we check how the localized content appears on the page where it was added using the &#8216;Editor&#8217; content type in the French translation.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/translation-preview-widgets-with-text-content.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/translation-preview-widgets-with-text-content-1024x640.webp\" alt=\"page preview french translation\" class=\"wp-image-46614\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/translation-preview-widgets-with-text-content-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/translation-preview-widgets-with-text-content-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/translation-preview-widgets-with-text-content-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/translation-preview-widgets-with-text-content-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/translation-preview-widgets-with-text-content-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/translation-preview-widgets-with-text-content.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>Then we preview how the <strong>Switcher<\/strong> widget appears on a localized French page where content was added using the &#8216;Template&#8217; content type.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/translation-preview-widgets-with-templates-1.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/translation-preview-widgets-with-templates-1-1024x640.webp\" alt=\"page preview french translation 2\" class=\"wp-image-46615\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/translation-preview-widgets-with-templates-1-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/translation-preview-widgets-with-templates-1-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/translation-preview-widgets-with-templates-1-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/translation-preview-widgets-with-templates-1-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/translation-preview-widgets-with-templates-1-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/translation-preview-widgets-with-templates-1.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>Lastly, we preview how the <strong>Tabs<\/strong> widget appears on a localized French page where content was added using the &#8216;Template&#8217; content type.<\/p>\n\n\n\n<div class=\"wp-block-image size-large is-resized\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/translation-preview-widgets-with-templates-2.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/translation-preview-widgets-with-templates-2-1024x640.webp\" alt=\"page preview french translations\" class=\"wp-image-46616\" style=\"width:840px;height:auto\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/translation-preview-widgets-with-templates-2-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/translation-preview-widgets-with-templates-2-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/translation-preview-widgets-with-templates-2-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/translation-preview-widgets-with-templates-2-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/translation-preview-widgets-with-templates-2-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/translation-preview-widgets-with-templates-2.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n<\/div><\/div>\n\n\n\n<p>That\u2019s it. By following these steps, content in <em>JetTabs<\/em> Elementor widgets can be efficiently translated using the <em>WPML<\/em> plugin, providing a localized experience for users in multiple languages on a WordPress website.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>This tutorial teaches you how to prepare a WordPress website for translation using WPML and how to use it to translate the JetTabs widgets.<\/p>\n","protected":false},"author":17,"featured_media":0,"template":"","format":"standard","builder-category":[],"article-category":[494],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to Translate JetTabs Using WPML \u2014 JetTabs | Crocoblock<\/title>\n<meta name=\"description\" content=\"Learn how to translate Elementor widgets provided by JetTabs using the WPML plugin. Follow this straightforward guide to ensure your multilingual site delivers a seamless user experience.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/crocoblock.com\/knowledge-base\/jettabs\/how-to-translate-jet-tabs-with-wpml\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Translate JetTabs Using WPML \u2014 JetTabs | Crocoblock\" \/>\n<meta property=\"og:description\" content=\"Learn how to translate Elementor widgets provided by JetTabs using the WPML plugin. Follow this straightforward guide to ensure your multilingual site delivers a seamless user experience.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/crocoblock.com\/knowledge-base\/jettabs\/how-to-translate-jet-tabs-with-wpml\/\" \/>\n<meta property=\"og:site_name\" content=\"Help Center\" \/>\n<meta property=\"article:modified_time\" content=\"2024-12-30T08:36:16+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/switcher-widget-text-content-1024x640.webp\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"9 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jettabs\/how-to-translate-jet-tabs-with-wpml\/\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/jettabs\/how-to-translate-jet-tabs-with-wpml\/\",\"name\":\"How to Translate JetTabs Using WPML \u2014 JetTabs | Crocoblock\",\"isPartOf\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#website\"},\"datePublished\":\"2024-12-30T08:36:14+00:00\",\"dateModified\":\"2024-12-30T08:36:16+00:00\",\"description\":\"Learn how to translate Elementor widgets provided by JetTabs using the WPML plugin. Follow this straightforward guide to ensure your multilingual site delivers a seamless user experience.\",\"breadcrumb\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jettabs\/how-to-translate-jet-tabs-with-wpml\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/crocoblock.com\/knowledge-base\/jettabs\/how-to-translate-jet-tabs-with-wpml\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jettabs\/how-to-translate-jet-tabs-with-wpml\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/crocoblock.com\/knowledge-base\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Articles\",\"item\":\"https:\/\/crocoblock.com\/knowledge-base\/articles\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"How to Translate JetTabs Using WPML\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#website\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/\",\"name\":\"Help Center\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/crocoblock.com\/knowledge-base\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#organization\",\"name\":\"Help Center\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg\",\"contentUrl\":\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg\",\"caption\":\"Help Center\"},\"image\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Translate JetTabs Using WPML \u2014 JetTabs | Crocoblock","description":"Learn how to translate Elementor widgets provided by JetTabs using the WPML plugin. Follow this straightforward guide to ensure your multilingual site delivers a seamless user experience.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/crocoblock.com\/knowledge-base\/jettabs\/how-to-translate-jet-tabs-with-wpml\/","og_locale":"en_US","og_type":"article","og_title":"How to Translate JetTabs Using WPML \u2014 JetTabs | Crocoblock","og_description":"Learn how to translate Elementor widgets provided by JetTabs using the WPML plugin. Follow this straightforward guide to ensure your multilingual site delivers a seamless user experience.","og_url":"https:\/\/crocoblock.com\/knowledge-base\/jettabs\/how-to-translate-jet-tabs-with-wpml\/","og_site_name":"Help Center","article_modified_time":"2024-12-30T08:36:16+00:00","og_image":[{"url":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/12\/switcher-widget-text-content-1024x640.webp"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"9 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/crocoblock.com\/knowledge-base\/jettabs\/how-to-translate-jet-tabs-with-wpml\/","url":"https:\/\/crocoblock.com\/knowledge-base\/jettabs\/how-to-translate-jet-tabs-with-wpml\/","name":"How to Translate JetTabs Using WPML \u2014 JetTabs | Crocoblock","isPartOf":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#website"},"datePublished":"2024-12-30T08:36:14+00:00","dateModified":"2024-12-30T08:36:16+00:00","description":"Learn how to translate Elementor widgets provided by JetTabs using the WPML plugin. Follow this straightforward guide to ensure your multilingual site delivers a seamless user experience.","breadcrumb":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/jettabs\/how-to-translate-jet-tabs-with-wpml\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/crocoblock.com\/knowledge-base\/jettabs\/how-to-translate-jet-tabs-with-wpml\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/crocoblock.com\/knowledge-base\/jettabs\/how-to-translate-jet-tabs-with-wpml\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/crocoblock.com\/knowledge-base\/"},{"@type":"ListItem","position":2,"name":"Articles","item":"https:\/\/crocoblock.com\/knowledge-base\/articles\/"},{"@type":"ListItem","position":3,"name":"How to Translate JetTabs Using WPML"}]},{"@type":"WebSite","@id":"https:\/\/crocoblock.com\/knowledge-base\/#website","url":"https:\/\/crocoblock.com\/knowledge-base\/","name":"Help Center","description":"","publisher":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/crocoblock.com\/knowledge-base\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/crocoblock.com\/knowledge-base\/#organization","name":"Help Center","url":"https:\/\/crocoblock.com\/knowledge-base\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/","url":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg","contentUrl":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg","caption":"Help Center"},"image":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/article\/46601"}],"collection":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/article"}],"about":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/types\/article"}],"author":[{"embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/users\/17"}],"wp:attachment":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/media?parent=46601"}],"wp:term":[{"taxonomy":"builder-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/builder-category?post=46601"},{"taxonomy":"article-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/article-category?post=46601"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}