Browser Extension — AlgorithmX Docs

The Algo Location Finder browser extension helps you preview on-site templates on your live website and choose where each template appears.

Setup instructions

Before you connect the extension, the settings page shows Not Connected and provides the download, installation, and Extension ID steps.

Algo Location Finder extension settings before connection — Use the setup instructions to download and install the extension, then paste its Extension ID.

1. Download the extension

Download the Algo Location Finder browser extension package from the Extension Settings page.

The download step provides the package you need to install the extension locally in Chrome.

2. Unpack and install the extension

After downloading the package:

Unzip the downloaded dist.zip file to a folder on your computer.
Open Chrome and go to chrome://extensions.
Enable Developer mode in the top-right corner.
Select Load unpacked and choose the unzipped folder.

3. Copy and paste the Extension ID

After installation, open chrome://extensions, find Algo Location Finder, and copy the extension ID shown under the extension name.

Paste that ID into AlgorithmX to connect the browser extension to your workspace.

The current extension ID appears in the extension settings panel and can be edited or removed when needed.

After the ID is saved successfully, the page changes to Connected. The Extension ID remains visible so you can update or remove the connection if needed.

Algo Location Finder extension settings after successful connection — A Connected status confirms that the extension is ready to use with your AlgorithmX workspace.

Why this extension is needed

The Algo Location Finder extension lets you preview web templates directly on any website. For on-site templates, it also lets you select the exact element where the template should be inserted by clicking on elements on the live page. The selected location is then captured automatically for use in the template builder.