AI Chat
This article describes the AI Chat component and its properties
The AI Chat Widget is a component that allows for conversation with AI, connecting with OpenAI via an OpenAI API key.

AI Chat Properties
The AI Chat component properties are organized into LAYOUT & POSITIONING, GENERAL, MODEL SETTINGS, STYLING, and DYNAMIC VISIBILITY sections.
This guide will describe all sections besides the Layout & Positioning and Dynamic Visibility sections, as these are generic to each component. A separate guide and tutorial for each can be found by clicking the links above.
The component properties are set and edited using different methods, some have multiple methods, some just one. See this Set Property Values article for more information on using the different methods.
GENERAL

OpenAI Key - Enter a key generated by OpenAI. This can be done via OpenAI on their API Platform. Click this link to create your own API key.
Placeholder Text - Generate placeholder text for the message bar. When nothing has been typed in, this text will display.
Rows in Message Input - define the number of rows of text that are displayed in the Message input before the input starts to scroll.
Personality - Select an item from the dropdown to define an AI personality. These options provide pre-canned, editable content for the Personality Description field.
Personality Description - Define your own, or edit a pre-canned personality description.

Enable live response - Select this option to enable live responses, which disables the 'thinking bubble' and allows responses to appear as they are generated. This is checked by default.
MODEL SETTINGS

Model - Select from the dropdown and define the OpenAI model used.
Temperature - adjust the creativity of the AI model. Ranges from 0 to 2, from least to most creative. The higher the value, the more inconsistent and ambiguous it can be.
Max Tokens - Define the maximum number of tokens that can be used with the AI Chat model.
STYLING

Accent Colors - Use the input to define a color hex code, or select the Color Picker to choose a color. When a color is selected, shades and tints are automatically determined on the component.
Opacity - Set the opacity of the AI Chat component. This property can be bound to the properties panel.
Font - select from the dropdown to define the font used by the AI Chat component.
Last updated
Was this helpful?