Alan AI Browser Plugin

Alan AI offers the Alan AI Browser Plugin, a Chrome extension designed to instantly embed an Agentic Interface built with the Alan AI Platform to any web app, website or webpage.

The Alan AI Browser Plugin can be useful if you are planning a pilot project for your Agentic Interface and want to evaluate the capabilities of Application-level AI for your business. The plugin enables users to interact with the Agentic Interface directly on your web app or website via the Alan AI Agentic Interface without making any changes to your app.

Note

The Alan AI Browser Plugin does not provide complete functionality of Agentic Interfaces embedded with Alan AI SDKs and should only be used for evaluation.

To start using the Alan AI Browser Plugin, do the following:

  1. Install the Alan AI Browser Plugin

  2. Create an Agentic Interface in Alan AI Studio

  3. Get the application code

  4. Apply the code at Alan AI

Installing the Alan AI Browser Plugin

You can install the Alan AI Browser Plugin in Google Chrome and Microsoft Edge browsers.

To install the Alan AI Browser Plugin in Google Chrome:

  1. In Google Chrome, go to the Alan AI Browser Plugin page in the Chrome web store.

  2. On the plugin page, click Add to Chrome to install the plugin.

../../../_images/plugin-install-chrome.png

To install the Alan AI Browser Plugin in Mozilla Firefox:

  1. In Mozilla Firefox, go to the Alan AI Browser Plugin page in the Firefox browser add-ons store.

  2. On the plugin page, click Add to Firefox to install the plugin.

  3. Once installed, open the website to which you are adding the plugin. In the top right corner, click Extensions > Settings and allow the plugin to read and change data.

../../../_images/plugin-install-firefox.png

To install the Alan AI Browser Plugin in Microsoft Edge:

  1. In Microsoft Edge, go to the Alan AI Browser Plugin page in the Chrome web store.

  2. On the plugin page, click Get to install the plugin.

../../../_images/plugin-install-edge.png

Creating an Agentic Interface

In Alan AI Studio:

  1. Create a project for your Agentic Interface.

  2. Define the data sources that your Agentic Interface should leverage to interact with users and add intents to the dialog script if needed.

../../../_images/plugin-assistant.png

Getting application code

To get the code for your Agentic Interface:

  1. In Alan AI Studio, at the top of the code editor, click Integrations.

  2. In the Integrations view, to the right of Browser plugin, click Configure.

  3. In the URLs list, enter URLs or parts of URLs for the websites or webpages into which you want to integrate the Agentic Interface.

  4. At the top of the URLs list, click Save.

  5. In the top right corner, click Copy Application Code.

../../../_images/plugin-code1.png

Applying the code

To apply the copied code and display the Alan AI Agentic Interface for your websites and webpages:

  1. Go to the plugin page at www.alan.app.

  2. In the Application Code field, insert the copied code and click Apply to the right.

../../../_images/plugin-code-apply.png

Open the websites you defined in Alan AI Studio and refresh the page. Make sure the Alan AI agentic interface appears in the bottom right corner of the website. Click the button to open the Alan AI Agentic Interface and start interacting with the Agentic Interface.

../../../_images/plugin-result.png