In this article, you'll learn how to enable the editing mode in the WebUI of your product.
This feature will help you easily find out the identifier of any translation key on a page.

<Steps>
  <Step>
    ### Activate the editing mode [#activate-the-editing-mode]

    You can activate the editing mode on any page of your product WebUI:
    In the browser address bar, append `?showTranslateEditor=true` to the page URL and press *Enter*.

    You will see the corresponding notification at the top of the page.

    <img title="Enable the editing mode" src="/attachments/b2translate-customer/enable-editing-mode.png" alt="Enable the editing mode" />

    You can switch between WebUI pages: the editing mode remains active until you disable it by clicking the **Exit editing mode**.
  </Step>

  <Step>
    ### Copy a key [#copy-a-key]

    In this mode, all available translations on the page are marked with **pencil icons**.
    Note that elements not shown by default will become visible when hovered over.

    Select a translation you want to edit and click the **pencil icon** near it to copy its key to the clipboard.

    <img title="Copy the key identifier" src="/attachments/b2translate-customer/copy-key-to-clipboard.png" alt="Copy the key identifier" />
  </Step>

  <Step>
    ### Locate the key [#locate-the-key]

    1. In B2TRANSLATE, on the **Projects** page, select your project.
    2. Click the **magnifying glass icon** and paste the copied value to the search field.

    The key list will be automatically filtered by the key identifier.
  </Step>
</Steps>

Now you can edit the translation.
Refer to [Add or modify translations](add-or-modify-translations) for details.