> For the complete documentation index, see [llms.txt](https://docs.quickreply.ai/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.quickreply.ai/product-modules/ai-builder/shopify-and-non-shopify-bots/custom-bots.md).

# Custom bots

## Build Your First Bot From Scratch

{% stepper %}
{% step %}
In the AI Builder screen, navigate to custom bots

<figure><img src="https://1325107618-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FePPO97Ju334NhhCzTEZP%2Fuploads%2FF6dIZKYiq86WNx0AmseY%2FAnimation.gif?alt=media&amp;token=7b1ec827-293b-46ba-8a78-832670cd760c" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}
Under custom bots section click on "Create Bot" card and enter a name for the Bot.

<figure><img src="https://1325107618-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FePPO97Ju334NhhCzTEZP%2Fuploads%2FVnS4cupYW6WDrOg1DhWM%2FAnimation2.gif?alt=media&amp;token=25f165c0-132a-4ff2-98aa-185fd6492ce3" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}
After creating a bot, Let's add a playbook root node - like a "**Quick Reply (With Branches)**" Node or any other node which you want as a root node.

<figure><img src="https://1325107618-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FePPO97Ju334NhhCzTEZP%2Fuploads%2FZpPbPbeFdpLSL424riWN%2FAnimation3.gif?alt=media&amp;token=8a66944b-d638-46af-98fe-292432fd3666" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}
To edit node simply click on edit icon, which is at the top right corner of added node.

<figure><img src="https://1325107618-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FePPO97Ju334NhhCzTEZP%2Fuploads%2FuBhUbQ2tsZ83H8iPRjOu%2FAnimation4.gif?alt=media&amp;token=edbdfd7f-62ed-47a8-af78-95690f83eeaf" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}
To add more nodes on the playbook conversation flow click on plus icon which is shown below the node.

<figure><img src="https://1325107618-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FePPO97Ju334NhhCzTEZP%2Fuploads%2FdixNwfzm1M3FljO3pUjq%2FAnimation5.gif?alt=media&amp;token=62428b24-5129-4399-9635-b20e16fa6fa4" alt=""><figcaption></figcaption></figure>
{% endstep %}
{% endstepper %}
