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

# Build and Publish Your First Fliqr AI Bot in 10 Minutes

> Create a Fliqr AI account, connect website chat, build a two-block welcome flow, test it in the preview pane, and publish it to live users.

This guide walks you through the fastest path to a working Fliqr AI bot. By the end, you will have created an account, connected the Website Chat channel, built a two-block flow that greets visitors and replies to a button tap, tested it in the preview pane, and published it live. Website Chat is the best channel to start with because it requires no external approvals—you can publish and see results immediately.

\[VIDEO: 10-minute quickstart walkthrough]

## Prerequisites

* A Fliqr AI account (takes about 2 minutes—see [Sign Up & Login](/docs/get-started/signup-login) if you haven't done this yet)
* A website or the ability to paste a snippet into any HTML page (optional for testing; the in-app preview works without it)

## Build your first flow

<Steps>
  <Step title="Create a new bot">
    After logging in, you land on the **Bots** dashboard. Click **Create New Bot**, give it a name (for example, "My First Bot"), and select **Website Chat** as the channel. Click **Create**.

    \[SCREENSHOT: Create New Bot modal with name field and Website Chat channel selected]

    Fliqr AI provisions the bot and opens the bot workspace. The left sidebar shows the main sections: Inbox, Flows, AI Agents, Contacts, Pipelines, Broadcasts, Analytics, and Settings.
  </Step>

  <Step title="Connect the Website Chat channel">
    In the left sidebar, go to **Settings → Channels**. You'll see Website Chat is already enabled for this bot. Click **Configure** to review the appearance options—you can change the widget color, greeting text, and launcher icon now or later.

    \[SCREENSHOT: Settings → Channels page showing the Website Chat widget configuration panel]

    <Tip>
      You can embed the Website Chat widget on any page by copying the script snippet from the **Installation** tab and pasting it before the closing `</body>` tag. Skip this for now if you just want to test in the preview.
    </Tip>
  </Step>

  <Step title="Open the Flow Builder">
    In the left sidebar, click **Flows**. Click **Create New Flow** and name it "Welcome Flow". The Flow Builder canvas opens. You'll see a **Start** node already placed—this is the entry point for all new conversations.

    \[SCREENSHOT: Empty Flow Builder canvas with the Start node visible]
  </Step>

  <Step title="Add a Welcome message block">
    Click the **+** icon below the Start node and select **Send Message** from the block menu. In the block editor panel on the right, choose the **Text** message type and type your welcome message, for example:

    > Hi there! 👋 Welcome to Acme Support. What can I help you with today?

    Add a **Quick Reply** button by clicking **+ Add Button** and entering "Learn more" as the button label.

    \[SCREENSHOT: Send Message block editor with a welcome text and one Quick Reply button configured]
  </Step>

  <Step title="Add a Text reply block">
    Click the **+** icon that appears on the arrow coming out of the "Learn more" button. Select **Send Message** again and add a short follow-up text:

    > Great! Here's what we can help you with: \[your short product description]. Type anything to keep going, or ask me a question.

    \[SCREENSHOT: Flow Builder canvas with a welcome block connected to a text reply block]

    Your flow now has two connected blocks: a Welcome message that presents a Quick Reply button, and a Text reply that fires when the user taps it.
  </Step>

  <Step title="Test in the preview">
    Click the **Preview** button in the top-right corner of the Flow Builder. A simulated chat widget opens. Tap the "Learn more" button and confirm the reply appears as expected.

    <Tip>
      Test every button and branch before publishing. The preview runs the exact same logic as the live bot, so any bug you catch here won't reach real users.
    </Tip>

    If anything looks off, click the block on the canvas to edit it. Changes reflect in the preview immediately without re-publishing.
  </Step>

  <Step title="Publish your flow">
    When the preview looks right, click **Publish** in the top-right corner. Fliqr AI activates the flow and it immediately becomes the default conversation for your Website Chat channel.

    <Warning>
      Publishing makes the flow live for all new conversations on this channel right away. If you're replacing an existing flow, review the change with your team before publishing to avoid disrupting active users.
    </Warning>

    To verify the live widget, open the **Channels → Website Chat → Preview** tab, or paste the embed snippet on your site and start a conversation there.
  </Step>
</Steps>

## Channel approval requirements

Website Chat goes live immediately after publishing. Other channels have additional requirements before your bot can send messages to real users:

<Warning>
  **WhatsApp and Instagram** require Meta Business verification and channel-level approval before you can message users outside a 24-hour session window. Start the approval process early—it can take several business days. See the [Channels overview](/docs/channels/whatsapp) for per-channel requirements.
</Warning>

SMS and Voice channels require a phone number provisioned through a supported provider. Email requires domain authentication (SPF/DKIM records). The [Channels](/docs/channels/whatsapp) section covers setup for each.

## What's next

<CardGroup cols={2}>
  <Card title="Platform Tour" icon="map" href="/docs/get-started/platform-tour">
    Learn what every section of the dashboard does and when to use it.
  </Card>

  <Card title="Flows" icon="diagram-project" href="/docs/core-concepts/flows">
    Go deeper into the Flow Builder—conditions, variables, API calls, and more.
  </Card>
</CardGroup>