# Edit Your Chat Flow

## What is a chat flow?

A chat flow is a message structure that determines how a conversation will occur between your chatbot and the user. This is configurable and will look something like as shown in image below

<figure><img src="/files/2AJKTD9RZL0KUrECSdJQ" alt=""><figcaption></figcaption></figure>

## 1. How to customize the Chat Flow? <a href="#gfi9jnw4fj3i" id="gfi9jnw4fj3i"></a>

You can customize any chatbot flow using the available chatbot

1.1 To customize your chat flow, click the 'Edit Your Chat Flow' tab.

<figure><img src="/files/gIe8jGKZGOVb93UzLWkh" alt=""><figcaption></figcaption></figure>

1.2 Here, you will find a pre-created template of a chat flow that you can customize

as per your business needs. You may even choose to import another template from the `Import Template` tab on the top-right.

## 2. Tools to edit the Chat Flow <a href="#rl19kppftcje" id="rl19kppftcje"></a>

It is very easy and quick to customize the chat flow using the following tools:

**2.1 'Add new component'**: Click here to see a drop-down list of all the available

components that can be added to the flow, such as asking for the user's name, email, phone number, or placing a single choice or multiple choice question for visitors to answer. This aids in the generation of user data and leads.

<figure><img src="/files/l2mAsCWjqzAQPJHbMcHc" alt=""><figcaption></figcaption></figure>

2.2 **Bar** in the lower left corner: It enables you to easily manage the views of the chat

flow. To check or edit a specific chat flow component, you can use

* 'fit view'
* 'zoom-in or zoom-out' options.
* ’delete’ icon, which allows you to delete the entire chat flow and start over.
* ‘lock’ option from where you can lock the chat flow once it's finished so it doesn't get edited by accident.

2.3 **Mini Map** on he bottom-right side screen: It informs you about the chat

flow position even if it is dislocated beyond the screen.

2.4 **Line Connector**: The chat flow component can be linked together in a

flow using ‘line connectors’.

2.5 **Test Flow:** Click the tab to test how the conversation flows between Bot

and the user.

## 3. Add and Customize the Components: <a href="#pskfx6mdp7yw" id="pskfx6mdp7yw"></a>

3.1 To edit the chat flow, click on any of the message components, such as the

welcome message, and edit the message with your brand's name that you wish to appear to your user, and ‘Save’ changes.

<figure><img src="/files/nTEWvanH9Qk29v3NGjmf" alt=""><figcaption></figcaption></figure>

3.2 There are two ways to add a new component to the flow:

a. Either you can use the option 'Add new component' tab on the top-left.

The new component is dropped at the end of the flow.

For e.g. you wish to share your website URL with the user. Then go to Add new component tab and click on ‘Web Link’ to add a component at the end of the flow.

<figure><img src="/files/qpp50l0sZSxw4v74B1gg" alt=""><figcaption></figcaption></figure>

b. Or you can click on the + blue icon at the end of the flow and add a new

component from there. For e.g. you wish to share your website URL with the user. Then go to + blue icon at the end of the flow and click ‘Web Link’ to add a component at the end of the flow.

<figure><img src="/files/gaR5C5mH9pvXVMkTxLUa" alt=""><figcaption></figcaption></figure>

3.3 Once a component is added, it is simple to connect the component to the

structured flow by dragging the line connector from the flow's component to the newly added component. And there you have it!

3.4 Now, you can personalize the message and the data to be shared. You can, for

example, customize the message and URL link to be shared by clicking the component ‘Please contact us at URL’. From the ‘Advanced Options’, you can even change the time delay after which your message appears on the chat flow. Save the changes.

<figure><img src="/files/KZwitP0f1t2IrmWYQU92" alt=""><figcaption></figcaption></figure>

3.5 Now, to add the ‘multiple choice questions’ component (an option available only

for Website bot, Chatbot page and live Chat), follow the steps:

* 1. Go to the ‘Add new component’ click on ‘Multiple choice’ tab and a component is added.

<figure><img src="/files/gNXn2oNqLSEkJ4AcFjJS" alt=""><figcaption></figcaption></figure>

b. Click on the added component to customize it.

<figure><img src="/files/nfrAlbWEfMxBOCm3rYjR" alt=""><figcaption></figcaption></figure>

c. Customize the messages. Add more options by clicking on + blue button on the

extreme right on the bar. Customize the title to provide options and Save changes.

3.6 A 'smart question' component Is used to customize Bot responses to the

keywords entered by the user. To add a ‘smart question’ to the chat flow (an option available only for Website bot, Chatbot page and live Chat), you can follow the steps.

a. Go to the ‘Add new component’ click on ‘smart question’ tab and a component is

added.

<figure><img src="/files/4sSMwdvgVJMfBTuwAy64" alt=""><figcaption></figcaption></figure>

b. Click on the added component to customize it.

<figure><img src="/files/PmuZpLXzo8U66bSTKGgW" alt=""><figcaption></figcaption></figure>

For example, you can add ‘smart keywords’ like account, a/c, acct, debit etc for asking users, ‘What we can help them with?’.

c. This may lead to another set of smart keywords like savings, savings account,

savings acct, savings a/c and these set of keywords will lead users to the message relevant for savings account.

3.7 A 'Live Chat' component Is used to transfer the conversation with the user from

the Bot to the online agent. To add a ‘Live Chat’ to the chat flow (an option available only for Website bot, Chatbot page and live Chat), you can follow the steps.

a. Go to the ‘Add new component’ click on ‘Live Chat’ tab and a component is

added.

<figure><img src="/files/6OPZzHQvsnYWnGHHXSHt" alt=""><figcaption></figcaption></figure>

b. Click on the added component to customize the component messages.

<figure><img src="/files/Q1I2FCFScNMbdkrEw9R8" alt=""><figcaption></figcaption></figure>

This way, you can build your chat flow with any number of components.

## 4. End the Chat Flow <a href="#mepziy2djgkd" id="mepziy2djgkd"></a>

4.1 To end the flow, go to the last component and on the ‘Go to next message’

dropdown, select ‘End chat’ option.

4.2 This is mandatory to add ‘end chat’ component at the end of the chat flow else

It will generate a system error and chat flow may not function properly.

<figure><img src="/files/Qb5kz7WcqZ5fOjTrXEJg" alt=""><figcaption></figcaption></figure>

That’s it! You are now ready to start a conversation with your user.

If everything looks correct and you are still unable to move forward, write to us at <support@skoobot.com> We will respond back within 48 business hours.


---

# 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://help.skoobot.com/how-skoobot-works/edit-your-chat-flow.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.