Installation

Add the Alhena chat widget to your website with a simple JavaScript snippet.

Example Alhena AI Widget

Quick Start

Add this code to your website, just before the closing </body> tag:

<script>
document.gleenConfig = {
    company: 'YOUR_COMPANY_KEY',
    apiBaseUrl: 'https://app.alhena.ai'
};
</script>
<script src="https://app.alhena.ai/sdk/gleenWidget.js"></script>

Replace YOUR_COMPANY_KEY with your company key. Find it in your dashboard URL: if your dashboard is https://app.alhena.ai/dashboard/acme/ then your company key is acme.

Finding Your Snippet

You can also copy your pre-configured snippet from the Alhena dashboard:

Integrations > Website > Installation

Regional URLs

Use the API base URL for your region:

Region	API Base URL
US	https://app.alhena.ai
EU	https://eu.alhena.ai

Example for EU region:

<script>
document.gleenConfig = {
    company: 'YOUR_COMPANY_KEY',
    apiBaseUrl: 'https://eu.alhena.ai'
};
</script>
<script src="https://eu.alhena.ai/sdk/gleenWidget.js"></script>

Next Steps

Once installed, you can:

• Customize the widget appearance in the dashboard

• Set up icebreakers and nudges

• Configure human handoff

Developer Reference

For programmatic control and advanced integrations, see the SDK documentation:

• JavaScript API - Control widget programmatically (open, close, toggle, send messages)

• Events - Listen for widget events

• Styles API - Customize appearance via code

• Code Examples - Common integration patterns