- step: 0 name: 👋 Welcome content: |- Here you can add a welcome message for the user === Be creative and add an element that grabs attention, such as an animated gif === {IMG https://media.giphy.com/media/xT9IgG50Fb7Mi0prBC/giphy.gif 350} options: - option: 0 type: goto text: '' value: 1 - step: 1 name: ☝️ Intro A content: |- Explain to the user what they will encounter in this ChatBot === Be concise and explain what they can and can't do === At this point avoid distractions, don't add images options: - option: 0 type: goto text: 👌 Ok, understood value: 2 - step: 2 name: ☝️ Intro B content: |- Remember not to use more than three chat bubbles to prevent them from being lost at the top on mobiles === If you have to, divide the step in two and introduce a stop as I just did with that *"👌 Ok, understood"* button options: - option: 0 type: goto text: Great, let's go to the menu value: 3 - step: 3 name: 🔠 Menu content: Here you should display the first level options of your ChatBot options: - option: 0 type: goto text: 🍊 Option A value: 4 - option: 1 type: goto text: 🍏 Option B value: 7 - option: 2 type: goto text: 🍇 Option C value: 10 - option: 3 type: goto text: 💬 Chat value: 13 - step: 4 name: 🍊 Option A content: This is 🍊 *Option A*, from which 2 sub-options unfold options: - option: 0 type: goto text: 🧃 Sub-Option A1 value: 5 - option: 1 type: goto text: 🧃 Sub-Option A2 value: 6 - step: 5 name: 🧃 Suboption A1 content: |- This is the 🧃 *Sub-option A1* === After offering the information we will have at least two options for the user 👇 options: - option: 0 type: goto text: 🍊 Go back value: 4 - option: 1 type: goto text: 🔠 Main Menu value: 3 - step: 6 name: 🧃 Suboption A2 content: |- This is the 🧃 *Sub-option A2* === After offering the information we will have at least two options for the user 👇 options: - option: 0 type: goto text: 🍊 Go back value: 4 - option: 1 type: goto text: 🔠 Main Menu value: 3 - step: 7 name: 🍏 Option B content: This is the 🍏 *Option B*, from which 2 sub-options unfold options: - option: 0 type: goto text: 🥧 Sub-Option B1 value: 8 - option: 1 type: goto text: 🥧 Sub-Option B2 value: 9 - step: 8 name: 🥧 Suboption B1 content: |- This is the 🥧 *Sub-option B1* === After offering the information we will have at least two options for the user 👇 options: - option: 0 type: goto text: 🍏 Go back value: 7 - option: 1 type: goto text: 🔠 Main Menu value: 3 - step: 9 name: 🥧 Suboption B2 content: |- This is the 🥧 *Sub-option B2* === After offering the information we will have at least two options for the user 👇 options: - option: 0 type: goto text: 🍏 Go back value: 7 - option: 1 type: goto text: 🔠 Main Menu value: 3 - step: 10 name: 🍇 Option C content: This is the 🍇 *Option C*, from which 2 sub-options unfold options: - option: 0 type: goto text: 🍷 Sub-Option C1 value: 11 - option: 1 type: goto text: 🍷 Sub-Option C2 value: 12 - step: 11 name: 🍷 Suboption C1 content: |- This is the 🍷 *Sub-option C1* === After offering the information we will have at least two options for the user 👇 options: - option: 0 type: goto text: 🍇 Go back value: 10 - option: 1 type: goto text: 🔠 Main Menu value: 3 - step: 12 name: 🍷 Suboption C2 content: |- This is the 🍷 *Sub-option C2* === After offering the information we will have at least two options for the user 👇 options: - option: 0 type: goto text: 🍇 Go back value: 10 - option: 1 type: goto text: 🔠 Main Menu value: 3 - step: 13 name: 💬 Human chat content: At this step we enable the contact buttons configured in Joinchat options: - option: 0 type: contact text: '' value: '' - option: 1 type: goto text: 🔠 Main Menu value: 3