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

# Conversation Flow

> Configure the steps users move through when they chat with the experience agent.

<Frame>
  <img src="https://mintcdn.com/peektag/a3DwInUVlmqQCoKu/images/Screenshot-2026-07-02-091414.png?fit=max&auto=format&n=a3DwInUVlmqQCoKu&q=85&s=9c670af8affcd25a5e91e5176eafbc38" alt="Screenshot 2026 07 02 091414" title="Screenshot 2026 07 02 091414" style={{ width:"46%" }} width="560" height="366" data-path="images/Screenshot-2026-07-02-091414.png" />
</Frame>

Conversation Flow is where the designer controls the path of the chat.

The flow already has some default steps, but the designer can add a custom step between those steps when the agent needs to do something specific.

## Add a custom step

Click the **plus** button to add a new chat step.

<Frame>
  <img src="https://mintcdn.com/peektag/a3DwInUVlmqQCoKu/images/Screenshot-2026-06-28-134654.png?fit=max&auto=format&n=a3DwInUVlmqQCoKu&q=85&s=92958c23897cde7397f3fbb3d8fb2ed0" alt="Screenshot 2026 06 28 134722" width="1758" height="1210" data-path="images/Screenshot-2026-06-28-134654.png" />
</Frame>

Use this when you want the agent to follow a special rule during the conversation.

For example, in a restaurant experience, the designer can tell the agent:

```text theme={null}
When users select their order, suggest lemon cheesecake for dessert. If they do not accept it, suggest another new sweet appetizer called Blue Cherry with Mango.
```

This means the agent can guide the customer in a more helpful way instead of only answering general questions.

## Use the plus button

The **plus** button opens the form for creating a new step.

<Frame>
  <img src="https://mintcdn.com/peektag/a3DwInUVlmqQCoKu/images/Screenshot-2026-06-28-134722.png?fit=max&auto=format&n=a3DwInUVlmqQCoKu&q=85&s=3fcc8b66fe603dc1e47509ff3aa2c6aa" alt="Plus button for adding a chat step" style={{ width:"66%" }} width="128" height="120" data-path="images/Screenshot-2026-06-28-134722.png" />
</Frame>

A custom step can be placed between the existing flow steps. For example, it can sit between **Recommendations** and **Draft order** if the agent should suggest something before the order is finalized.

## Write what the agent should do

In the step box, write the instruction in normal language. The designer does not need to write code.

<Frame>
  <img src="https://mintcdn.com/peektag/a3DwInUVlmqQCoKu/images/Screenshot-2026-06-28-134738-1.png?fit=max&auto=format&n=a3DwInUVlmqQCoKu&q=85&s=3bc42f4e3f2a9b25be17b675b8ca4088" alt="Screenshot 2026 06 28 134738 1" width="1776" height="962" data-path="images/Screenshot-2026-06-28-134738-1.png" />
</Frame>

PeekTag uses the instruction to decide:

* Where the step should fit in the flow
* What type of step it should be
* What condition should trigger it
* What the agent should say or suggest

## Example

A good custom step can be simple and direct:

```text theme={null}
After the customer chooses food, suggest lemon cheesecake as dessert. If the customer says no, suggest Blue Cherry with Mango as a new sweet appetizer.
```

<Note>
  Keep each custom step focused on one job. If you need the agent to do several different things, create separate steps so the flow stays easy to manage.
</Note>
