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

# Quickstart

> Create your first chatbot and publish it, step by step.

From an empty account to a working chatbot on your website. Follow the steps in
order.

## 1. Create a chatbot

<Steps>
  <Step title="Open the Chatbots page">
    Log in at [eu.chatwize.ai](https://eu.chatwize.ai). You land on
    **Chatbots**.
  </Step>

  <Step title="Start the wizard">
    Click **Create your first chatbot**. If you already have one, the button reads
    **New chatbot**. A three-step wizard opens.
  </Step>

  <Step title="Step 1 — Template">
    Pick a starting template that suits your situation and click **Continue**.
    The template sets the tone and the boundaries of the bot; you can change
    everything later.
  </Step>

  <Step title="Step 2 — Company">
    Fill in your **company name** and a **chatbot name** (both required). A
    **contact email** is optional: it's where the bot points visitors when it
    doesn't know something. Also pick the **chatbot language**: Dutch, English
    or automatic.
  </Step>

  <Step title="Step 3 — Style">
    Pick a **primary color** and the **widget position** (right or left). A
    preview appears on the right. Click **Create chatbot**.
  </Step>
</Steps>

<Frame caption="The Chatbots page. Click 'Create your first chatbot' to start the wizard.">
  <img src="https://mintcdn.com/chatwize/FsRbfI6a4aM0maQD/images/en-create-chatbot.png?fit=max&auto=format&n=FsRbfI6a4aM0maQD&q=85&s=2a63c8266c85bcce86e02d218962907a" alt="Chatwize Chatbots page with the empty state and the create button" width="2880" height="1800" data-path="images/en-create-chatbot.png" />
</Frame>

<Note>
  Your new chatbot starts as a **draft** and you land on its **Dashboard**. The
  first time, a short tour walks you past the main parts; you can skip it.
  Everything you chose in the wizard can be changed later under **Settings**.
</Note>

## 2. Add your knowledge

<Steps>
  <Step title="Open Sources">
    In the left sidebar, click **Sources**.
  </Step>

  <Step title="Open the Add tab">
    At the top are **Overview** and **Add**. On an empty chatbot you're already
    on **Add**. The first time, you confirm the one-off terms.
  </Step>

  <Step title="Choose how to add content">
    Pick **File**, **Website**, **Web page**, **Sitemap** or **Questions and
    answers** and follow the prompts. Sources appear under **Overview** once
    they're processed.
  </Step>
</Steps>

More on this in [Knowledge base](/en/knowledge-base).

## 3. Configure it

In the left sidebar, click **Settings** for the greeting, colors and avatar (see
[Widget customization](/en/widget-customization)), and **AI agent** for the
instructions and tone (see [AI agent](/en/ai-agent)).

<Tip>
  Use **Test chatbot** in the sidebar to try real questions before you go live.
</Tip>

## 4. Publish it

<Steps>
  <Step title="Open Go live">
    In the left sidebar, under **Publish**, click **Go live**.
  </Step>

  <Step title="Choose 'On your website'">
    Open **On your website**, enter your website address, click **Generate code**
    and copy the snippet.
  </Step>

  <Step title="Paste it on your site">
    Add the code to your website. The chat bubble appears automatically.
  </Step>
</Steps>

All the detail in [Install on your site](/en/installation).

<CardGroup cols={2}>
  <Card title="Collecting data" icon="user-plus" href="/en/data-collection">
    Capture names, email addresses and your own fields.
  </Card>

  <Card title="Handover to a person" icon="headset" href="/en/human-handover">
    Let visitors reach your team.
  </Card>
</CardGroup>