Chrome Extension

The Loco Chrome extension adds a side panel for in-context translation editing — see and edit translations while viewing the actual page.

Install

1. Open Chrome and go to chrome://extensions/
2. Enable Developer mode (top-right toggle)
3. Click Load unpacked
4. Select the chrome-extension/ folder from the Loco repo
5. The Loco Translation Editor extension appears in your extensions list

Configure

1. Click the Loco extension icon → Options (or right-click → Extension options)
2. Fill in:
   • API Base URL — the Loco server URL (e.g. http://localhost:6101)
   • API Key — from Dashboard → Settings
3. Click Save Settings, then Test Connection

Usage

Navigate to any page running the Loco snippet and click the extension icon to open the side panel. You'll see:

• All phrases discovered on the current page URL
• Filter by status (Pending, Approved, Trash) or translation coverage
• Edit translations inline without leaving the page
• Changes saved instantly to the Loco server