Alan AI Plugin

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

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

Note

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

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

  1. Install the Alan AI Plugin

  2. Create an AI agent in Alan AI Studio

  3. Get the application code

  4. Apply the code at Alan AI

Installing the Alan AI Plugin

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

To install the Alan AI Plugin in Google Chrome:

  1. In Google Chrome, go to the Alan AI 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 plugin in Mozilla Firefox:

  1. In Mozilla Firefox, go to the Alan AI 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 Plugin in Microsoft Edge:

  1. In Microsoft Edge, go to the Alan AI 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 AI agent

In Alan AI Studio:

  1. Create a project for your AI agent.

  2. Define the data sources that your AI agent 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 AI agent:

  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 AI agent.

  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 Chat 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 button appears in the bottom right corner of the website. Click the button to open the Alan AI Chat and start interacting with the AI agent.

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