How to Translate Magento 2 Extension Using Inline Translation

In this article, you will learn how to perform Magento 2 inline translation.

Step 1. Create different store views for different languages

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.

Step 2. Enable inline translation in the Magento 2 backend

Step-by-Step action:

  1. Go to Store in your Magento 2 Admin Panel.
  2. Select the Configuration section in the Settings tab.
Magento 2 inline translation 1

Step-by-Step action:

  1. Go to the Advanced tab.
  2. Select the Developer section.
  3. Select the Store View you need to perform your translation on.
  4. Enable inline translation.
  5. Translate, blocks and other output caches should be disabled for both Storefront and Admin inline translations.
  6. Press on the Save Config button to save your changes.
Magento 2 inline translation 2vz

Step 3. Translate elements in the Magento 2 frontend

Once you set configurations in your Magento 2 backend, you can start the translation at your frontend.

Step-by-Step action:

  1. Select the required language from the drop-down menu (e.g. German).
  2. Select an element on the page you need to translate and the translation form will open.
  3. Input the translated text into the Custom field.
  4. Press Submit to save the translation.
Magento 2 inline translation 3 v1

Please make sure to refresh the page after you’ve submitted your translation.

About The Author: Anastasiia Tomashivska

Deeply passionate about making a good copy. Now exploring new horizons of SEO and content marketing. Apart from the digital world, she is obsessed with travelling, films and caffeine. View more posts