Widget
Configuration.
Configure the chatbot in the dashboard, then override individual pages with data-* attributes when needed.
Dashboard settings
- Bot name: shown in the widget header and welcome message.
- Primary color: used for the launcher, buttons, and active states.
- Welcome message: the first message visitors see when they open the widget.
- Fallback message: shown when the answer is not covered by your documents.
- Position: bottom-right or bottom-left.
Script attributes
| Attribute | Type | Default | Notes |
|---|---|---|---|
data-token | string | Required | Your chatbot embed token. |
data-position | string | bottom-right | Use bottom-left for sites with a support badge on the right. |
data-color | string | Dashboard | Any valid hex color, for example #18181b. |
data-open | boolean | false | Set to true to open the widget on page load. |
data-greeting | string | Dashboard | Override the welcome message on one page. |
Examples
<script src="https://minyut.com/widget.js" data-token="YOUR_EMBED_TOKEN" data-position="bottom-left" data-color="#0f766e" data-greeting="Ask me anything about our refund policy." async ></script>
What not to configure in code
Do not put private API keys, internal prompts, or Supabase service-role keys in the script tag. The widget is public by design. Keep secrets in the dashboard or Supabase Edge Function secrets.