# Getting Started

### 1. Register and Log In

First, head over to the Supportiko admin panel and create an account. Once registered, log in to access your dashboard.

<figure><img src="https://3918661962-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F48A8l7dEupKm20JApmt2%2Fuploads%2FtLjZ3wm5ZExPDrsbGV4I%2FScreenshot%202025-03-16%20at%2018.49.09.png?alt=media&#x26;token=9cd8eee4-28ab-4b2d-af5a-88806a085f9b" alt="" width="375"><figcaption></figcaption></figure>

### 2. Create and Customize Your Widget

Design your widget to match your brand’s style. You can choose colors, button icons, and chat behavior to ensure it blends seamlessly with your website.

### 3. Add Your AI Assistant

Set up your AI chatbot to handle frequently asked questions, guide visitors, and keep your leads engaged — even when you're offline.

### 4. Add WhatsApp Agents

Integrate WhatsApp and assign one or more agents to handle more personalized inquiries. Visitors can connect with your team directly through WhatsApp with a single click.

### 5. Install the Widget on Your Site

Copy the provided code snippet and paste it into your website’s HTML — right before the closing `</body>` tag. The widget will appear instantly!

### 6. Track Messages and Statistics

Monitor chats, track performance, and see how Supportiko helps grow your business. The admin panel provides insights into how many messages you’ve received and how your AI and WhatsApp agents are performing.

Now you’re all set! Your Supportiko widget is live and ready to start capturing leads and improving customer engagement.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://supportiko.gitbook.io/documentation/getting-started.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.