{"id":436,"date":"2021-07-12T17:28:25","date_gmt":"2021-07-12T14:28:25","guid":{"rendered":"http:\/\/wp.plumserver.com\/learn\/?p=436"},"modified":"2022-10-06T10:32:54","modified_gmt":"2022-10-06T07:32:54","slug":"translating-magento-2-extension-using-inline-translation-2","status":"publish","type":"post","link":"https:\/\/plumrocket.com\/learn\/magento-inline-translation","title":{"rendered":"How to Translate Magento 2 Extension Using Inline Translation"},"content":{"rendered":"\n<p>In this article, you will learn how to perform Magento 2 inline translation.<\/p>\n\n\n\n<h2>Step 1. Create different store views for different languages<\/h2>\n\n\n\n<p>First, make sure you have different Store Views for different languages. Then, you need to enable inline translation in the Magento 2 backend and translate elements in the frontend. Please follow the quick guide below to correctly perform Magento 2 inline translation.<\/p>\n\n\n\n<h2>Step 2. Enable inline translation in the Magento 2 backend<\/h2>\n\n\n\n<div class=\"wp-block-group pr-notice pr-notice-info\"><div class=\"wp-block-group__inner-container\">\n<p class=\"pr-notice-title\">Step-by-Step action:<\/p>\n\n\n\n<ol><li>Go to <strong>Store<\/strong> in your Magento 2 Admin Panel.<\/li><li>Select the <strong>Configuration<\/strong> section in the <strong>Settings<\/strong> tab.<\/li><\/ol>\n<\/div><\/div>\n\n\n\n<figure class=\"wp-block-image is-style-default\"><img src=\"\/learn\/wp-content\/uploads\/2020\/05\/Magento_2_inline_translation_1.jpg\" alt=\"Magento 2 inline translation 1\"\/><\/figure>\n\n\n\n<div class=\"wp-block-group pr-notice pr-notice-info\"><div class=\"wp-block-group__inner-container\">\n<p class=\"pr-notice-title\">Step-by-Step action:<\/p>\n\n\n\n<ol><li>Go to the <strong>Advanced<\/strong> tab.<\/li><li>Select the <strong>Developer<\/strong> section.<\/li><li>Select the Store View you need to perform your translation on.<\/li><li>Enable inline translation.<\/li><li>Translate, blocks and other output caches should be disabled for both Storefront and Admin inline translations.<\/li><li>Press on the <strong>Save Config<\/strong> button to save your changes.<\/li><\/ol>\n<\/div><\/div>\n\n\n\n<figure class=\"wp-block-image\"><img src=\"\/learn\/wp-content\/uploads\/2020\/05\/Magento_2_inline_translation_2vz.jpg\" alt=\"Magento 2 inline translation 2vz\"\/><\/figure>\n\n\n\n<h2>Step 3. Translate elements in the Magento 2 frontend<\/h2>\n\n\n\n<p>Once you set configurations in your Magento 2 backend, you can start the translation at your frontend.<\/p>\n\n\n\n<div class=\"wp-block-group pr-notice pr-notice-info\"><div class=\"wp-block-group__inner-container\">\n<p class=\"pr-notice-title\">Step-by-Step action:<\/p>\n\n\n\n<ol><li>Select the required language from the drop-down menu (e.g. German).<\/li><li>Select an element on the page you need to translate and the translation form will open.<\/li><li>Input the translated text into the <strong>Custom<\/strong> field.<\/li><li>Press <strong>Submit<\/strong> to save the translation.<\/li><\/ol>\n<\/div><\/div>\n\n\n\n<figure class=\"wp-block-image\"><img src=\"\/learn\/wp-content\/uploads\/2020\/05\/Magento_2_inline_translation_3_v1.jpg\" alt=\"Magento 2 inline translation 3 v1\"\/><\/figure>\n\n\n\n<p>Please make sure to refresh the page after you&#8217;ve submitted your translation.<\/p>\n","protected":false},"excerpt":{"rendered":"<p><!-- wp:paragraph --><\/p>\n<p>In this article you will learn how to perform Magento 2 inline translation.<\/p>\n<p><!-- \/wp:paragraph --><\/p>\n<p><!-- wp:paragraph --><\/p>\n<p>First, make sure to create different Store Views for different languages in order to start the translation. Then, you need to enable inline translation in the Magento 2 backend and translate elements in the frontend. <\/p>\n<p><!-- \/wp:paragraph --><\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_mi_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0},"categories":[121],"tags":[137],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v16.4 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to Translate Magento 2 Extension Using Inline Translation - Magento Tutorials for Beginners &amp; Professionals<\/title>\n<meta name=\"description\" content=\"To perform inline translation for Magento 2 extensions, enable it in the Magento Admin Panel and translate phrases on the frontend.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/plumrocket.com\/learn\/magento-inline-translation\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Translate Magento 2 Extension Using Inline Translation - Magento Tutorials for Beginners &amp; Professionals\" \/>\n<meta property=\"og:description\" content=\"To perform inline translation for Magento 2 extensions, enable it in the Magento Admin Panel and translate phrases on the frontend.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/plumrocket.com\/learn\/magento-inline-translation\" \/>\n<meta property=\"og:site_name\" content=\"Magento Tutorials for Beginners &amp; Professionals\" \/>\n<meta property=\"article:published_time\" content=\"2021-07-12T14:28:25+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-10-06T07:32:54+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/plumrocket.com\/learn\/wp-content\/uploads\/2020\/05\/Magento_2_inline_translation_1.jpg\" \/>\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=\"2 minutes\" \/>\n<!-- \/ Yoast SEO plugin. -->","_links":{"self":[{"href":"https:\/\/plumrocket.com\/learn\/wp-json\/wp\/v2\/posts\/436"}],"collection":[{"href":"https:\/\/plumrocket.com\/learn\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/plumrocket.com\/learn\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/plumrocket.com\/learn\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/plumrocket.com\/learn\/wp-json\/wp\/v2\/comments?post=436"}],"version-history":[{"count":7,"href":"https:\/\/plumrocket.com\/learn\/wp-json\/wp\/v2\/posts\/436\/revisions"}],"predecessor-version":[{"id":1190,"href":"https:\/\/plumrocket.com\/learn\/wp-json\/wp\/v2\/posts\/436\/revisions\/1190"}],"wp:attachment":[{"href":"https:\/\/plumrocket.com\/learn\/wp-json\/wp\/v2\/media?parent=436"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/plumrocket.com\/learn\/wp-json\/wp\/v2\/categories?post=436"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/plumrocket.com\/learn\/wp-json\/wp\/v2\/tags?post=436"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}