# How to Build your First Chatbot Flow

### **t's see how you can build a story:**

* **Drag-and-Drop Elements:** The Story Builder provides a set of pre-built elements you can easily drag and drop onto the canvas to construct your chat flow. These elements include:

<figure><img src="https://3746379134-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FamP4egBrOsuezKyj1NQl%2Fuploads%2Fip8tfktBziHwiVz7ztfH%2FStory%20builder%201.png?alt=media&#x26;token=57dcf7f3-b4d1-4c78-b5b6-b664c0710a4e" alt=""><figcaption></figcaption></figure>

* **Search by Story or Block Name:** Quickly locate specific stories or individual conversation blocks within the builder using the search bar. This streamlines the navigation process, especially for complex stories with numerous blocks.
* [**Building Blocks**](https://docs.makerobos.com/frontman-enterprise-chatbot-platform/story-builder/building-blocks) - The 'Building Blocks' section, accessible from the top of the side menu, houses these reusable pre-built card components according to different use cases which.
* [**Cards**](https://docs.makerobos.com/frontman-enterprise-chatbot-platform/story-builder/cards)**:** Present users with multiple choices or information points in a visually appealing format.&#x20;
* To understand things into more complexity you can explore more options in the side menu. [Learn More](https://docs.makerobos.com/frontman-enterprise-chatbot-platform/story-builder/chatbot-details)

### **Engaging Users:**

* **Autoengage by Triggering Pre-welcome Messages:** Automate the initiation of conversations by setting up pre-defined welcome messages that trigger based on specific criteria (e.g., user visiting a particular page). This personalizes the user experience from the very start.
* **Welcome Block:** Every story begins with a welcome block that sets the tone and introduces the purpose of the conversation. This is a crucial step in building rapport and guiding users effectively.

<figure><img src="https://3746379134-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FamP4egBrOsuezKyj1NQl%2Fuploads%2FymSMdHyoxkt0K4b4FddD%2FScreenshot_778.png?alt=media&#x26;token=aa1cf842-60f6-4c25-9155-fe02dc47d4f7" alt=""><figcaption></figcaption></figure>

**Default Block:** Define a fallback response that the AI delivers when it cannot understand a user's utterance. This ensures the conversation remains smooth and avoids frustrating dead ends.

<figure><img src="https://3746379134-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FamP4egBrOsuezKyj1NQl%2Fuploads%2FjeO7EWiq2vyp49QQ6SAM%2FScreenshot_779.png?alt=media&#x26;token=237bfc01-9bc3-485a-a2b0-03c100eac17a" alt=""><figcaption></figcaption></figure>
