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 |
Suggested Prompts
Suggested prompts are quick-reply buttons that appear in the chat widget, giving visitors easy conversation starters. They help guide users toward common questions.
How to configure
- 1Go to Studio → Widget
- 2Scroll to the Suggested Prompts section
- 3Add up to 4 prompts that visitors can click to start a conversation
Tip: Use prompts that match your most common customer questions, like "What are your business hours?" or "How does pricing work?"
Script Tag
The widget requires no configuration in the script tag. Simply add it to your site:
<script src="https://www.hej.chat/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.