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:
- Clone the repository to your local machine:
https://github.com/alan-ai/website-chat-demo
. - Open the
index.html
page in a browser. - 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 addeddialog-scripts
: dialog scripts for the web chat conversational experienceassets
: 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 support@alan.app