Playground
The Playground is where you design, preview, and install your AI chat assistant — the widget your guests interact with on your website. Everything you change here can be previewed live before it goes out, and the install code updates automatically to match your settings.
You'll find the Playground in the left sidebar under AI Chat → Playground.
The Playground, open on the Branding tab |
What you can do here
The Playground is organized into five tabs:
Tab | What it's for |
Embed Code | Copy the snippet that adds the chat widget to your website. |
Branding | Set your assistant's name, avatar, welcome greeting, and starter prompts. |
Theme | Choose the colors and fonts so the widget matches your brand. |
Layout | Control where the widget sits on the page and how big it is. |
Features | Turn capabilities on or off — booking, voice input, file uploads, and more. |
Good to know: Changes you save in Branding, Theme, Layout, and Features take effect on your live website immediately. There's no separate "publish" step. |
A typical setup flow
In this collection
• Branding — name, avatar, greeting, and starter suggestions
• Theme — colors and typography
• Layout — position and size
• Features — enable or disable capabilities
• Installing the widget — the embed code, in three steps
Related Articles
How to Customise Your Chat Widget Theme
Summary The Theme tab in the Playground lets you control the colour palette and typography of your Grevon AI chat widget. You can match the widget’s visual style to your website or brand guidelines by setting primary, secondary, and accent colours, ...Features
The Features tab lets you switch individual chat capabilities on or off. Turn on only what fits your property — the widget adapts to your choices. You'll find it under Playground → Features in the left sidebar. The Features tab — a toggle for each ...Theme
The Theme tab controls how your chat widget looks — its colors and fonts. As with Branding, a Live Widget Preview on the right updates instantly, so you can see your palette come together before you save. You'll find it under Playground → Theme in ...How to Customise Your Chat Widget Layout
Summary The Layout tab in the Playground lets you control where the chat widget appears on your website and how large it is in both Compact mode (a side panel) and Expanded mode (full chat view). You can also control the exact position of the ...How to Customise Your Chat Widget Branding
How to Customise Your Chat Widget Branding Summary The Branding tab in the Playground lets you personalise the look and feel of your Grevon AI chat widget to match your property or brand identity. You can set your bot’s name, upload logos, write a ...