> ## Documentation Index
> Fetch the complete documentation index at: https://docs.hacktionbase.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Quickstart

> Install the Hacktionbase SDK and start tracking in 5 minutes.

## 1. Get your SDK key

Log in to the [Hacktionbase dashboard](https://app.hacktionbase.com), navigate to **Settings → Widget**, and copy your **SDK key** and **tenant slug**.

## 2. Add the script

Paste this snippet before the closing `</body>` tag of your website:

```html theme={null}
<script>
  (function(w, d, s) {
    var js = d.createElement(s);
    js.src = 'https://s3.eu-west-3.amazonaws.com/hacktionbase.sdk/latest/hacktionbase.js';
    js.async = 1;
    js.onload = function() {
      Hacktionbase.init({
        sdkKey: 'YOUR_SDK_KEY',
        tenant: 'YOUR_TENANT_SLUG'
      });
    };
    d.head.appendChild(js);
  })(window, document, 'script');
</script>
```

This mounts the chat widget and starts tracking page views automatically.

## 3. Identify users

When a user logs in, call `identify` to link their activity to a known profile:

```javascript theme={null}
Hacktionbase.identify({
  id: 'user_123',
  email: 'jane@example.com',
  name: 'Jane Doe'
});
```

## 4. Track events

Record custom events with optional properties:

```javascript theme={null}
Hacktionbase.track('project_created', {
  projectName: 'My Project',
  plan: 'growth'
});
```

## 5. Open the widget

The widget appears as a floating bubble. You can also control it programmatically:

```javascript theme={null}
Hacktionbase.open();   // Open the panel
Hacktionbase.close();  // Close the panel
Hacktionbase.toggle(); // Toggle open/close
```

## Next steps

<CardGroup cols={2}>
  <Card title="SDK Reference" icon="code" href="/sdk/installation">
    Explore all SDK methods and configuration options.
  </Card>

  <Card title="Widget Configuration" icon="palette" href="/widget/configuration">
    Customize colors, position, and behavior.
  </Card>
</CardGroup>