Widget Integration
Widget Configuration
All widget settings are managed through Studio.
Unlike traditional chat widgets that require configuration in the script tag,hej! manages all settings through your Studio dashboard. This means you can update colors, text, and behavior without touching any code.
Configure in Studio
All Settings in One Place
Go to Studio → Widget to customize your chat widget's appearance and behavior. Changes apply immediately without any code updates.
View Widget Settings GuideAvailable Settings
| Setting | Description | Default |
|---|---|---|
| Header Background | Background color of the chat header | #000000 |
| Header Text | Text color in the header | #ffffff |
| Title | Main heading in the chat window | AI Assistant |
| Subtitle | Secondary text below the title | Ask me anything |
| Placeholder | Input field placeholder text | Type a message... |
| Position | Widget alignment (left or right) | right |
| Blur Effect | Enable glassmorphism styling | false |
| Phone Enabled | Show voice call button | false |
Script Tag
The widget requires no configuration in the script tag. Simply add it to your site:
<script src="https://api.hej.chat/widget/widget.js"></script>
Your domain is automatically detected, and all settings are pulled from your Studio configuration.
Security
Your Data is Protected
All chat requests are origin-locked. The backend validates the request origin header to ensure only your website can access your chatbot's knowledge base. No one can copy your widget code and use it to access your data from another domain.