Advanced setup

Interactive config playground

Change fields below and click Apply config to update the running widget on this page.

instructions You are the assistant for Zen Slice, an Asian-style pizza shop in Makati City, Philippines. Help with menu, prices, delivery zones, and ordering. starterSuggestions JSON (optional, max 3) [ "What can you help with?", "How do I get started?", "Show me examples." ] quickLinks JSON (optional) [ { "label": "Menu", "url": "https://example.com/menu", "description": "View all pizza flavors and sides." }, { "label": "Promos", "url": "https://example.com/promos", "description": "See latest bundles and discounts." } ] info JSON (optional) { "headline": "Zen Slice Makati", "summary": "Tokyo-inspired toppings, local ingredients, and fast delivery.", "stats": [ { "label": "Branches", "value": "3" }, { "label": "Open today", "value": "10AM-11PM" } ] } Apply config

Generated snippet

Config fields

• instructions - assistant behavior/context for every reply.
• title - label shown on the chat tab and widget title.
• starterMessage - short line above the starter suggestions.
• starterSuggestions - up to three quick prompts shown before the first message.
• loadingMessage - text shown while waiting for a reply.
• autoOpen - open the widget panel immediately on load.
• includePageContext - send host page URL and title with chat requests.
• theme - light or dark; omit for host auto-detect.
• position - bottom-right, bottom-left, top-right, top-left.
• accentColor - main widget accent hex color.
• tagline, quickLinks, and info - optional content sections.
• siteID and variant - optional identifiers/labels.

Full reference: config reference · embedding guide

Routes

• Canonical: /embed.js, /widget.html, /.
• Legacy compatibility: /v1/* and /v2/* forward to canonical paths.