{"id":361,"date":"2019-04-05T14:30:48","date_gmt":"2019-04-05T14:30:48","guid":{"rendered":"https:\/\/meetanshi.com\/blog\/2019\/04\/05\/enable-magento-2-inline-translation\/"},"modified":"2025-05-22T17:00:55","modified_gmt":"2025-05-22T11:30:55","slug":"enable-magento-2-inline-translation","status":"publish","type":"post","link":"https:\/\/meetanshi.com\/blog\/enable-magento-2-inline-translation\/","title":{"rendered":"How to Enable Magento 2 Inline Translation"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Magento 2 is an open source E-commerce platform with features like flexibility, scalability, and cost-effectiveness. With Magento 2 as your online business platform, you have the power to create a highly unique user experience in harmony with enhanced sales chart!&nbsp; <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Magento 2 has a worldwide presence and the admin can localize the storefront to maximize the sales potential. One of the ways to do so is the translation! There are two methods in Magento 2:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/meetanshi.com\/blog\/install-magento-2-language-pack\/\" target=\"_blank\" rel=\"noreferrer noopener\">Add a language pack<\/a><\/li>\n\n\n\n<li>Enable <i><strong>Magento 2 Inline translation<\/strong><\/i><\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Thanks to the latter method, it makes it easy to translate the static blocks and CMS pages too!<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Using the translate inline tool in developer mode, when the translate inline mode is activated, the editable text is outlined in red. This way, you can edit the field labels, messages, and other text both in the frontend and the admin panel. All the inline translations are stored in the database under the core_translate table.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Add a new translation to the Default Config or to a specific store view. The overridden string has the format:&nbsp;<em>Module_Name::Original_Translation<\/em>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">It&#8217;s because you add the changes to a specific place (specific module), the same string can also appear in a different module.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">How to Enable Magento 2 Inline Translation:<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 1:<\/strong> Login to <strong>Admin Panel<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 2:<\/strong> Navigate to <strong>Stores &gt; Configuration <\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 3:<\/strong> Under<strong> Advanced<\/strong>, select <strong>Developer<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 4: <\/strong>Expand the <strong>Translate Inline<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 5:<\/strong> Set &#8220;YES&#8221; for the <strong>Enabled for Storefront<\/strong> option. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2019\/03\/1_Enable-Translate-Inline-in-storefront-1024x481.png\" alt=\"1_Enable Translate Inline in storefront\" class=\"wp-image-4704\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 6: <\/strong>Go to frontend where you can see the sections in a red frame that can be translated. Hover the mouse over the frame and you&#8217;ll see an &#8220;Open Book&#8221; icon.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2019\/03\/2_Frontend-Red-frames-1024x311.png\" alt=\"2_Frontend Red frames\" class=\"wp-image-4705\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 7: <\/strong>On clicking that icon, a popup is displayed. In the <strong>Custom<\/strong> option, enter your custom text and click the <strong>Submit<\/strong>&nbsp;button.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2019\/03\/3_Popup-1024x484.png\" alt=\"3_Popup\" class=\"wp-image-4706\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 8: <\/strong>The custom text is now displayed in the frontend.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2019\/03\/4_Frontend-1024x311.png\" alt=\"4_Frontend\" class=\"wp-image-4707\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 9: <\/strong>Also, under the <strong>Developer Client Restrictions<\/strong>&nbsp;in the<strong>&nbsp;Stores &gt; Configuration&gt; Advanced &gt; Developer<\/strong>, enter your IP address in the <strong>Allowed IPs<\/strong> option. Doing so, the visitors cannot see the red frame in the frontend.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2019\/03\/5_IP-restriction.png\" alt=\"5_IP restriction\" class=\"wp-image-4708\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Pros and Cons of Magento 2 Inline Translation:<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>A non-technical and easy method, add a new translation, without being an expert in translations!<\/li>\n\n\n\n<li>A time-consuming method if there are changes to be made in bulk.<\/li>\n\n\n\n<li>Magento 2 Inline Translation is theme specific, if you change the store theme, you need to do it again.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">That&#8217;s all about the easy way out for Magento 2 translations!&nbsp; <\/p>\n","protected":false},"excerpt":{"rendered":"<p>Magento 2 is an open source E-commerce platform with features like flexibility, scalability, and cost-effectiveness. With Magento 2 as your online business platform, you have&#8230;<\/p>\n","protected":false},"author":5,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[34],"tags":[],"class_list":["post-361","post","type-post","status-publish","format-standard","hentry","category-magento"],"acf":[],"_links":{"self":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts\/361","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/comments?post=361"}],"version-history":[{"count":2,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts\/361\/revisions"}],"predecessor-version":[{"id":15479,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts\/361\/revisions\/15479"}],"wp:attachment":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/media?parent=361"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/categories?post=361"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/tags?post=361"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}