- step: 0
  name: 👋 Welcome
  content: |-
    Aquí puedes añadir un mensaje de bienvenida para el usuario
    ===
    Sé creativo y añade algún elemento que llame la atención como por ejemplo un gif animado
    ===
    {IMG https://media.giphy.com/media/xT9IgG50Fb7Mi0prBC/giphy.gif 350}
  options:
    - option: 0
      type: goto
      text: ''
      value: 1
- step: 1
  name: ☝️ Intro A
  content: |-
    Explica en este paso al usuario que se va a encontrar en este ChatBot
    ===
    Se conciso y explica que cosas puede hacer y cuales no
    ===
    En este punto evita distracciones, no añadas imágenes
  options:
    - option: 0
      type: goto
      text: 👌 Ok, entendido
      value: 2
- step: 2
  name: ☝️ Intro B
  content: |-
    Recuerda no usar más de tres burbujas de chat para evitar que en móviles se pierdan por la parte superior
    ===
    Si tienes que hacerlo divide el paso en dos e introduce una parada como acabo de hacer yo con ese botón de *"👌 Ok, entendido"*
  options:
    - option: 0
      type: goto
      text: Genial, vamos al menú
      value: 3
- step: 3
  name: 🔠 Menu
  content: Aquí debes mostrar las opciones de primer nivel de tu ChatBot
  options:
    - option: 0
      type: goto
      text: 🍊 Opción A
      value: 4
    - option: 1
      type: goto
      text: 🍏 Opción B
      value: 7
    - option: 2
      type: goto
      text: 🍇 Opción C
      value: 10
    - option: 3
      type: goto
      text: 💬 Chatear
      value: 13
- step: 4
  name: 🍊 Option A
  content: Esta es la 🍊 *Opción A*, de la cual se despliegan 2 sub-opciones
  options:
    - option: 0
      type: goto
      text: 🧃 Sub-Opción A1
      value: 5
    - option: 1
      type: goto
      text: 🧃 Sub-Opción A2
      value: 6
- step: 5
  name: 🧃 Suboption A1
  content: |-
    Esta es la 🧃 *Sub-opción A1*
    ===
    Después de ofrecer la información tendremos al menos dos opciones para el usuario 👇
  options:
    - option: 0
      type: goto
      text: 🍊 Volver atrás
      value: 4
    - option: 1
      type: goto
      text: 🔠 Menú principal
      value: 3
- step: 6
  name: 🧃 Suboption A2
  content: |-
    Esta es la 🧃 *Sub-opción A2*
    ===
    Después de ofrecer la información tendremos al menos dos opciones para el usuario 👇
  options:
    - option: 0
      type: goto
      text: 🍊 Volver atrás
      value: 4
    - option: 1
      type: goto
      text: 🔠 Menú principal
      value: 3
- step: 7
  name: 🍏 Option B
  content: Esta es la 🍏 *Opción B*, de la cual se despliegan 2 sub-opciones
  options:
    - option: 0
      type: goto
      text: 🥧 Sub-Opción B1
      value: 8
    - option: 1
      type: goto
      text: 🥧 Sub-Opción B2
      value: 9
- step: 8
  name: 🥧 Suboption B1
  content: |-
    Esta es la 🥧 *Sub-opción B1*
    ===
    Después de ofrecer la información tendremos al menos dos opciones para el usuario 👇
  options:
    - option: 0
      type: goto
      text: 🍏 Volver atrás
      value: 7
    - option: 1
      type: goto
      text: 🔠 Menú principal
      value: 3
- step: 9
  name: 🥧 Suboption B2
  content: |-
    Esta es la 🥧 *Sub-opción B2*
    ===
    Después de ofrecer la información tendremos al menos dos opciones para el usuario 👇
  options:
    - option: 0
      type: goto
      text: 🍏 Volver atrás
      value: 7
    - option: 1
      type: goto
      text: 🔠 Menú principal
      value: 3
- step: 10
  name: 🍇 Option C
  content: Esta es la 🍇 *Opción C*, de la cual se despliegan 2 sub-opciones
  options:
    - option: 0
      type: goto
      text: 🍷 Sub-Opción C1
      value: 11
    - option: 1
      type: goto
      text: 🍷 Sub-Opción C2
      value: 12
- step: 11
  name: 🍷 Suboption C1
  content: |-
    Esta es la 🍷 *Sub-opción C1*
    ===
    Después de ofrecer la información tendremos al menos dos opciones para el usuario 👇
  options:
    - option: 0
      type: goto
      text: 🍇 Volver atrás
      value: 10
    - option: 1
      type: goto
      text: 🔠 Menú principal
      value: 3
- step: 12
  name: 🍷 Suboption C2
  content: |-
    Esta es la 🍷 *Sub-opción C2*
    ===
    Después de ofrecer la información tendremos al menos dos opciones para el usuario 👇
  options:
    - option: 0
      type: goto
      text: 🍇 Volver atrás
      value: 10
    - option: 1
      type: goto
      text: 🔠 Menú principal
      value: 3
- step: 13
  name: 💬 Human chat
  content: En este paso habitamos los botones de contacto configurados en Joinchat
  options:
    - option: 0
      type: contact
      text: ''
      value: ''
    - option: 1
      type: goto
      text: 🔠 Menú principal
      value: 3