Skip to main content

Create Widget App

Steps to create a chat app on the Widget channel from the admin panel.

The application ID (appId) returned after creation is passed to the npm packages on the embed side.

Prerequisites

RequirementDescription
PermissionAccess to the Apps menu
CompanyA company registered in the system
AssistantAn assistant may be required depending on the AI type (Agent AI / Document-Based)

1. Go to the Apps page

Settings → Apps

Apps list

On this screen you see existing apps. The Channel column shows values such as Widget or Whatsapp. Use the Add App + button to create a new record.

2. Fill in the basic fields

Add App form

FieldRequiredDescription
Company NameYesThe company the app is linked to
AI TypeYesFlow-Based / Document-Based / Agent AI
Assistant NameConditionalListed or required depending on the selected AI type
ChannelYesSelect Widget
NameYesThe app name in the panel
Bot NameYesThe bot name shown to the visitor in chat
External Application IDYesExternal system reference (free text; not a UUID)

When the channel is set to Widget, the Advanced Widget Settings section appears.

3. Advanced Widget Settings

Icons

  • Widget icon (widgetIconUrl) — the launcher / widget icon shown on the page
  • AI icon (aiIconUrl) — the bot avatar inside the chat
  • Maximum file size: 2 MB

Primary colors

At the top of the form you set the primary background and gradient stop colors:

FieldConfig keyDescription
Primary Background ColorprimaryBackgroundColorWidget primary color
Primary Background Stop ColorprimaryBackgroundColorStopGradient stop color

For detailed color and form fields, see Widget Settings.

4. Save

Create the app with Save. On success, the app appears in the list.

After creation

From the row menu in the list:

ActionDescription
Copy Application IDCopies appId (UUID) to the clipboard
Widget TestOpens the test site with appId
EditUpdate using the same form
DeleteApps that have chats cannot be deleted