mirror of
https://github.com/hexastack/hexabot
synced 2025-03-10 22:33:49 +00:00
86 lines
5.5 KiB
Markdown
86 lines
5.5 KiB
Markdown
---
|
||
icon: arrow-progress
|
||
---
|
||
|
||
# Create your first flow
|
||
|
||
This interactive tutorial will guide you through the process of building your first chatbot flow using our intuitive visual editor. No coding experience is required – just follow the steps below, and you'll have your chatbot first flow up and running in no time.
|
||
|
||
{% @supademo/embed demoId="cm1ijnccx33miououc2m5b4kb" url="https://app.supademo.com/demo/cm1ijnccx33miououc2m5b4kb" %}
|
||
|
||
|
||
|
||
#### 1. Enter your login credentials.
|
||
|
||
{% hint style="info" %}
|
||
Default admin account credentials are 
|
||
|
||
**Login :** admin@admin.admin
|
||
|
||
Pa**ssword :** adminadmin
|
||
{% endhint %}
|
||
|
||
<figure><img src="https://d16ev9qffqt5qm.cloudfront.net/?s3_key=cm13fx1ui000ykz7ijmdsawl9/QuSr-J9L-S4OZpC6Ouy9s.jpg&x=2435&y=1025&fill=009185&color=009185" alt=""><figcaption></figcaption></figure>
|
||
|
||
#### 2. Next, hit the 'Sign In' button to log in.
|
||
|
||
<figure><img src="https://d16ev9qffqt5qm.cloudfront.net/?s3_key=cm13fx1ui000ykz7ijmdsawl9/zEOEXDK9EMy9IZzV8cQ9V.jpg&x=2452&y=1302&fill=009185&color=009185" alt=""><figcaption></figcaption></figure>
|
||
|
||
#### 3. Then, click on Simple Text block to add your first block.
|
||
|
||
<figure><img src="https://d16ev9qffqt5qm.cloudfront.net/?s3_key=cm13fx1ui000ykz7ijmdsawl9/0HZe_0sCtGm4J4uWHDGq5.jpg&x=149&y=364&fill=009185&color=009185" alt=""><figcaption></figcaption></figure>
|
||
|
||
#### 4. Double-click on the block to edit it.
|
||
|
||
<figure><img src="https://d16ev9qffqt5qm.cloudfront.net/?s3_key=cm13fx1ui000ykz7ijmdsawl9/q547JBdmrQwnPUhj-TM2_.jpg&x=2205&y=1137&fill=009185&color=009185" alt=""><figcaption></figcaption></figure>
|
||
|
||
#### 5. By default, the Simple Text block comes with a predefined trigger. A trigger in a block defines the specific condition or event that must occur for that block to be activated and execute its actions.
|
||
|
||
<figure><img src="https://d16ev9qffqt5qm.cloudfront.net/?s3_key=cm13fx1ui000ykz7ijmdsawl9/srxxqPpjS9pK-qt_gxw-M.jpg&x=1612&y=952&fill=009185&color=009185" alt=""><figcaption></figcaption></figure>
|
||
|
||
#### 6. Let's add another trigger by clicking on add pattern button
|
||
|
||
<figure><img src="https://d16ev9qffqt5qm.cloudfront.net/?s3_key=cm13fx1ui000ykz7ijmdsawl9/srxxqPpjS9pK-qt_gxw-M.jpg&x=2632&y=1091&fill=009185&color=009185" alt=""><figcaption></figcaption></figure>
|
||
|
||
#### 7. Now, input another form of greeting that the user may use to initiate the conversation.
|
||
|
||
<figure><img src="https://d16ev9qffqt5qm.cloudfront.net/?s3_key=cm13fx1ui000ykz7ijmdsawl9/t7s0n4d-b84ithDTmTI4R.jpg&x=1490&y=1023&fill=009185&color=009185" alt=""><figcaption></figcaption></figure>
|
||
|
||
#### 8. Toggle the switch to enable this block as a starting point for the conversation
|
||
|
||
<figure><img src="https://d16ev9qffqt5qm.cloudfront.net/?s3_key=cm13fx1ui000ykz7ijmdsawl9/Oc8N6AuBoAPyhvVTQtjie.jpg&x=2668&y=487&fill=009185&color=009185" alt=""><figcaption></figcaption></figure>
|
||
|
||
#### 9. Subsequently, select the 'Message' tab to configure block reply message.
|
||
|
||
<figure><img src="https://d16ev9qffqt5qm.cloudfront.net/?s3_key=cm13fx1ui000ykz7ijmdsawl9/eLn6AAPDFFDgHyaO672N1.jpg&x=1620&y=674&fill=009185&color=009185" alt=""><figcaption></figcaption></figure>
|
||
|
||
#### 10. By default, a reply message is already populated
|
||
|
||
<figure><img src="https://d16ev9qffqt5qm.cloudfront.net/?s3_key=cm13fx1ui000ykz7ijmdsawl9/4opOo52YD4JOaVMCvZ7NH.jpg&x=1682&y=1117&fill=009185&color=009185" alt=""><figcaption></figcaption></figure>
|
||
|
||
#### 11. You can add another alternative message by clicking 'Add.'
|
||
|
||
<figure><img src="https://d16ev9qffqt5qm.cloudfront.net/?s3_key=cm13fx1ui000ykz7ijmdsawl9/D4O35BDeeQk8SSpS33SCA.jpg&x=2834&y=1306&fill=009185&color=009185" alt=""><figcaption></figcaption></figure>
|
||
|
||
#### 12. Next, finalize your message input in the provided area.
|
||
|
||
<figure><img src="https://d16ev9qffqt5qm.cloudfront.net/?s3_key=cm13fx1ui000ykz7ijmdsawl9/msoo7TABcHOwhrZnArQm0.jpg&x=1910&y=1252&fill=009185&color=009185" alt=""><figcaption></figcaption></figure>
|
||
|
||
#### 13. Coming up, confirm your actions by clicking 'Submit.'
|
||
|
||
<figure><img src="https://d16ev9qffqt5qm.cloudfront.net/?s3_key=cm13fx1ui000ykz7ijmdsawl9/nqBO8MBqnedNc1eXKtcXw.jpg&x=2496&y=1805&fill=009185&color=009185" alt=""><figcaption></figcaption></figure>
|
||
|
||
#### 14. Then, open the test chat widget by clicking here.
|
||
|
||
<figure><img src="https://d16ev9qffqt5qm.cloudfront.net/?s3_key=cm13fx1ui000ykz7ijmdsawl9/l8wYnfVnzjFj3u62WlIvU.jpg&x=3704&y=1929&fill=009185&color=009185" alt=""><figcaption></figcaption></figure>
|
||
|
||
#### 15. Start the conversation by using one of the trigger messages
|
||
|
||
<figure><img src="https://d16ev9qffqt5qm.cloudfront.net/?s3_key=cm13fx1ui000ykz7ijmdsawl9/9o2RYPkieMdJTLHzMFNkG.jpg&x=2934&y=1932&fill=009185&color=009185" alt=""><figcaption></figcaption></figure>
|
||
|
||
#### 16. Close your session by clicking in the marked area.
|
||
|
||
<figure><img src="https://d16ev9qffqt5qm.cloudfront.net/?s3_key=cm13fx1ui000ykz7ijmdsawl9/s1ztEYrD8KA1sEGhQ5YnM.jpg&x=3707&y=656&fill=009185&color=009185" alt=""><figcaption></figcaption></figure>
|
||
|
||
This is just a basic example to get you started. Hexabot offers a wide range of features and blocks to create more complex and engaging chatbot flows. Explore the different block types, experiment with NLP features, and integrate with your content sources to build a chatbot that truly meets your needs.
|