How to build your first AI Chatbot

1. Provision an AI Chatbot 🤖

   Creating an AI Chatbot on Splutter AI - the fastest way we can! Add a name, profile picture & thats it!

2. Creating a Database 🛢️

   Uploading neccessary content to your database - use Files, QA Pairs, Text, Web Pages, anything!

3. Connecting the Database to the AI Chatbot 🔗

   Making the database & AI Chatbot work together - the most important step! Databases are fully hot-swappable on Splutter AI!

4. Testing our AI Chatbot via Prompting 🧪

   Lets test our AI Chatbot in the "Behaviour" Tab where we can monitor our AI Chatbots performance & make changes when needed!

5. Embedding our AI Chatbot on a Website 🌐

   Following the steps listed out in the "Embed on Site" Tab on our AI Chatbot Dashboard, have our AI Chatbot embedded on a website!

6. Monitor Chat History 🖥️

   Now that our AI Chatbot is live, we can monitor the chat history to see how our AI chatbot is performing & make changes when needed!

1. Sign in to Splutter AI

   Start by signing in to your Splutter AI account.

2. Provision an AI Chatbot: Choose a Model

   

   Select the desired configuration and settings for your AI Chatbot.

3. Provision an AI Chatbot: Name AI Chatbot & Upload PFP

   

   Name your AI Chatbot and upload a profile picture.

4. Use AI Chatbot: Go to Embed Tab

   

   Open your AI Chatbot & go to the Embed Tab

5. Use AI Chatbot: Make Chatbot Public

   

   Make our AI Chatbot public so you can debug/prompt engineer/for others to interact with.

Creating a Database 🛢️

1. Setup Database Provisioning

   In the Dashboard click the "+" Icon beside Databases, this will bring you to the menu below. You can name your database & choose the default embedding option

2. Step 1: Provision New Database

   

   You can name your database & choose the default embedding option. Once this is done, the page will refresh & you will see your new database! Go ahead & click it

3. Step 2: Navigate to Database Page

   

   Click your database once provisioned & you select it, it will take you to https://www.splutter.ai/databases where you can select & edit your database - Choose your database here to get started adding content

Add Content to Database 📝

1. Adding Various Types of Content

   Here you will add different types of content to your database - Files, QA Pairs, Text, Web Pages, anything! - The free plan allows up to 10 links however you can add more content via Text or QA Pairs or Files if needed. The free plan allows a generous 50,000 Characters per database

2. Initial Look: Containers

   

   Add containers to organize your content. This is only for your personal use & does not affect database performance or abilities - You can segregate API Documentation, Customer Support, Sales Information over here with color coding

3. Step 1: Add Text Content

   

   Add textual content to your database. This content will automatically get chunked into chunks called "vectors" but its just a chunk of text. You can fully edit each chunk

4. Step 2: Add Web Content

   

   Add content from web pages to your database by adding a URL & scraping (it will also fetch related links) - Each web scrape costs 1 query token. Each scrape also fetches related URLs on the same page to help you with your scraping! You can "Scrape All" or you can disable the blue toggle & add the URL without scraping & manually add content to the chunk

5. Step 3: Add File Content

   

   Upload files to add their content to your database & fully edit every chunk of text added. Usually this is good for PDfs, DOCs, TXT, Simple Code Files & other text based formats

6. Step 4: Add Q&A Content

   

   Add question and answer pairs to your database & add more when needed! Usually when looking at our AI Chatbot chat history, you will find unique scenarios that need to be accounted for & this is the place to deal with them!

7. Step 5: Update Database *IMPORTANT*

   

   Update the database with all changes it will upload & embed all the content for your AI Chatbot

1. Enabling and Configuring Database

   Connecting the Database to our AI Chatbot - This is really easy to do & Splutter AI allows for hotswappable databases so lets get started!

2. Step 1: Open AI Chatbot & Go to Database Tab

   

   Navigate to Database Tab for Specific AI Chatbot

3. Step 2: Enable Database

   

   Enable the provisioned database for your AI Chatbot.

4. Step 3: Modify Similarity Settings

   

   Adjust similarity settings to fine-tune the database query results. Higher the number, the more likely results will be added to context for the chat

5. Step 4: Configure Items/Query

   

   Configure the items and query settings for optimal database performance. More items should only be done for AI Chatbots that can handle high context length

6. Step 5: Click Update on the right

   After clicking the Update button on the right, the database selection will be updated & the database will be officially connected to our AI Chatbot!

1. System Instruction of AI Chatbots

   AI Chatbots are guided by a system instruction, which sets the overall behavior and tone of the AI Chatbot. This instruction acts as a high-level directive that the model follows, influencing how it interprets and responds to user inputs. Splutter AI offers a prompt engineering dashbaord where users can systematically modify their prompt, critique it, then update their prompt for their AI Chatbots.

2. Behavior Tab

   

   Modify the system instruction in the "edit" tab by clicking role, instructions, objectives, tools, script, examples, policies, & more!

3. Behavior Tab

   

   Here is the "view" tab to critique it which will give a rating to your prompt, lastly click: "update" to update the chatbot with your new prompt

4. Chat with our AI Chatbot in the "Behaviour" Tab

   On the left is our live chatbot that we can chat with & see how it is performing! If you want faster responses, you can go into Chatbot Settings & Enable Streaming to get real-time responses!

1. Embed Chatbot: Copy the Embed Code

   

   Copy the embed code for integrating our AI Chatbt - Here we can choose which technology a website is built on & follow the steps to embed our AI Chatbot!

2. Embed Chatbot: Example React

   

   Example of embedding the chatbot in a React application

3. Paste in HTML or React Document

   Insert the embed code into your HTML or React document to embed the chatbot.

4. Share URL

   Alternatively, you can go to the share tab & try our AI Chatbot our live & even share the URL with your friends!

5. Paste URL in iframe

   You can also directly embed using an iframe by pasting the URL in an iframe - even using our AI Chatbot as a Bot Funnel (instead of a Website Funnel!)