AI-native support experience embedded into any website or web app
<body>
tagCustomize the widget's appearance
Add your company’s logo using a public URL. Supported formats include SVG, PNG, JPG, JPEG, and WebP. This logo appears at the top of the chat interface for a fully branded experience.
Set a start and end hex color to define your theme gradient. You can use a solid color (by leaving the end color empty) or a gradient with a custom direction (e.g., 135deg).
Choose where the chat widget appears. The default is bottom right, but other positions are available depending on your site layout.
Select between Thena’s default widget or link the chat experience to a custom launcher on your site.
Control behavior with a custom prompt
Define the tone and style of communication: Ensure the AI’s personality aligns with your brand voice.
Set boundaries: Control what the AI can and cannot discuss to keep conversations on-topic.
Guide responses: Instruct the AI on how to handle specific types of queries for consistent support.
The prompt acts as instructions for your AI agent, making it feel less robotic and more like a genuine brand ambassador for your company.
Deploy the widget
You must specify allowed domains to secure your deployment. These should include the full URL (http or https) for each site where the widget will be embedded.
Once you’ve configured the widget, you’ll get a JavaScript snippet to add to your website. This code includes:
The HMAC secret key is shown only once and must never be exposed in client-side code. Store it securely on your server and use it to generate valid hashes.
Experience the live chat flow
Once the widget is deployed, your users can interact with it directly from your website.
The AI agent responds using your uploaded documentation and custom prompt. Whether it’s FAQs, onboarding steps, or advanced product guidance, your AI agent becomes a 24/7 frontline support companion.
When needed, the AI can initiate a handoff by creating a support ticket. Once a ticket is created:
As seen in the example with James, the AI agent gathered initial input, created a ticket, and handed it off to Jackson, a real human agent.
The Web chat widget supports image attachments, allowing users to share visuals for clearer communication. Supported formats include PNG, JPEG/JPG, GIF (non-animated), WebP, and BMP (partial support).
We’ll be expanding support for additional file types in future updates.
The widget helps users stay updated with unread message notifications. A badge on the floating widget shows the number of conversations with new replies.
Inside the widget, a red dot highlights the specific chats that have new messages.