Alan AI Platform • Alan AI Studio • Docs

This sample project demonstrates how to quickly add a text AI chat to your web page, website or web app.

• Conversational AI powered by LLMs and generative AI
• Automatic question answering
• Actionable AI: performing actions with voice and text commands
• Voice and text input modes
• Customizable chat interface

• React
• Angular
• Vue
• Ember
• Electron
• JavaScript

To get started with the project:

1. Clone the repository to your local machine: https://github.com/alan-ai/website-chat-demo.
2. Open the index.html page in a browser.
3. In the bottom right corner of the page, click the chat button and type the following commands in the chat:

• Who are you?
• What is your experience with AI?
• Do you have a portfolio?
• Show iOS apps/Show all apps
• Open a resume

To view the dialog script used in this project, do either of the following:

• View the dialog scripts in the dialog-scripts folder
• Sign up for Alan AI Studio and select Create project > Web Chat Example

The project is structured in the following way:

• index.html: web page with the web chat added
• dialog-scripts: dialog scripts for the web chat conversational experience
• assets: content-related assets (images, PDFs, JS files and so on)

You can replace the Alan AI SDK key with your own key in the index.html file, the Alan button block section.

Check out the live web chat demo here: https://alan-ai.github.io/website-chat-demo/

Find out how to enable and customize the text chat with Alan AI here: Enabling the text chat.

If you have any questions or something is missing in the documentation:

• Join Alan AI Slack community for support
• Contact us at [email protected]