- step: 0
  name: Bienvenida
  content: |-
    🤙 Hola, aquí David de Joinchat.
    ===
    *Chat Funnels* hace posible la construcción de *Chatbots en WordPress* para mejorar la *conversion y captación de leads*, 👉 ¡automáticamente!
    ===
    ¿Y lo mejor? ✌️ Cualquiera puede usarlo con nuestro constructor visual *sin código*. Este Chat Funnel esta creado para mostrarte todo lo que se puedes hacer
  options:
    - option: 0
      type: goto
      text: Sigamos
      value: 1
- step: 1
  name: ⌁ menu 🌐 General
  content: Elige por donde quieres empezar 👇
  options:
    - option: 0
      type: goto
      text: 💬 Pasos
      value: 2
    - option: 1
      type: goto
      text: ✏️ Entradas
      value: 12
    - option: 2
      type: goto
      text: 🔌 Acciones
      value: 4
    - option: 3
      type: goto
      text: ✨ Agente IA
      value: 30
- step: 2
  name: ⌁ menu 💬 Pasos
  content: |-
    Los *pasos* son el elemento básico, y marcan como quieres que transcurra la conversación con el usuario.
    ===
    Dentro de cada paso puedes añadir una cantidad enorme de elementos, globos de texto, imágenes, botones... 
    >>>
    Revisa todos desde aquí o vuelve al menú general
  options:
    - option: 0
      type: goto
      text: 🔗 Textos, enlaces y globos
      value: 5
    - option: 1
      type: goto
      text: 🖼️ Multimedia
      value: 6
    - option: 2
      type: goto
      text: 📅 Widget de Calendly
      value: 7
    - option: 3
      type: goto
      text: 🎆 Ejemplo de Iframe
      value: 8
    - option: 4
      type: goto
      text: 🎛️ Botones de contacto
      value: 9
    - option: 5
      type: goto
      text: 🎲 Frases Aleatorias
      value: 10
    - option: 6
      type: goto
      text: ⏎ Menú General
      value: 1
- step: 3
  name: ⌁ menu ✏️ Inputs
  content: |-
    Las *entradas* _(inputs)_ son pasos que funcionan como campos que el visitante debe rellenar para continuar con el flujo de conversación.
    ===
    Son clave para recopilar datos de tus usuarios y poder cualificarlos.
    ===
    Ahora puedes crear formularios conversacionales, mucho más efectivos que los formularios clásicos
  options:
    - option: 0
      type: goto
      text: Empecemos
      value: 12
- step: 4
  name: ⌁ menu 🔌 Acciones
  content: |-
    Las *acciones* son pasos que funcionan como disparadores de una acción y continúan con el flujo de la conversación.
    ===
    Actualmente hay tres tipos 👇
  options:
    - option: 0
      type: goto
      text: 🚀 Webhook
      value: 23
    - option: 1
      type: goto
      text: 🎯 Conversión de Google Ads
      value: 28
    - option: 2
      type: goto
      text: 📩 Enviar (Submit)
      value: 21
    - option: 3
      type: goto
      text: ⏎ Menú General
      value: 1
- step: 5
  name: 💬 Ejemplo textos, enlaces y globos
  content: |-
    *Ejemplo estilos de texto*
    Puedes usar *negrita*, _cursiva_, ~tachado~ y `código`
    ===
    Dividir el texto en globos con `===`
    ===
    Texto fuera de los globos con `>>>`
    >>>
    Muy util como Placeholder para inputs o para añadir avisos y notas
    ===
    Regla horizontal usando `---`
    ---
    ===
    *Ejemplo de Enlace*
    {LINK https://www.example.com Enlace Ejemplo}
    ===
    *Ejemplo de Botón*
    {BTN tel:34123123123 🤙 Hacer una llamada} 
    {BTN mailto:sedo@examplemail.com ✉️ Envíanos un correo}
    {BTN https://www.example.com {IMG https://cdn.join.chat/app/uploads/2023/06/horse.svg 16 icono svg } Botón de imagen}
  options:
    - option: 0
      type: link
      text: Opción de Link externo
      value: '!https://join.chat/precio'
    - option: 1
      type: goto
      text: ⏎ Volver
      value: 2
    - option: 2
      type: goto
      text: Siguiente →
      value: 6
- step: 6
  name: 💬 Ejemplo de Imagen
  content: |-
    *Imagen estática*
    {IMG https://cdn.join.chat/app/uploads/2023/01/capture-leads-joinchat-w.jpg 350 }
    ===
    *Gif animado*
    {IMG https://media.giphy.com/media/TabwFck9vEt44/giphy-downsized.gif 350}
    ===
    *Video de YouTube*
    https://www.youtube.com/watch?v=MJ_PnlbxawI
    ===
    *Video de Vimeo*
    https://vimeo.com/10032403
  options:
    - option: 0
      type: goto
      text: ⏎ Volver
      value: 2
    - option: 1
      type: goto
      text: Siguiente →
      value: 7
- step: 7
  name: 💬 Ejemplo de Widget de Calendly
  content: |-
    *Ejemplo de Widget de Calendly:*
    https://calendly.com/davidlillo/15min
  options:
    - option: 0
      type: goto
      text: ⏎ Volver
      value: 2
    - option: 1
      type: goto
      text: Siguiente →
      value: 8
- step: 8
  name: 💬 Ejemplo de Iframe
  content: |-
    *Ejemplo de Iframe dentro de un globo*
    {IFRAME https://tfcollect.typeform.com/to/cVa5IG 320}
    >>>
    *Ejemplo fuera de un globo*
    >>>
    {IFRAME https://open.spotify.com/embed/album/5TAVRgiAR2E79dQ1HrljqX?utm_source=generator 352}
  options:
    - option: 0
      type: goto
      text: ⏎ Volver
      value: 2
    - option: 1
      type: goto
      text: Siguiente →
      value: 9
- step: 9
  name: 💬 botones de contacto
  content: En cualquier paso podemos activar los botones de contacto de Joinchat que tengamos configurados, WhatsApp, Telegram, Agentes de soporte, etc
  options:
    - option: 0
      type: contact
      text: ''
      value: ''
    - option: 1
      type: goto
      text: ⏎ Volver
      value: 2
    - option: 2
      type: goto
      text: Siguiente →
      value: 10
- step: 10
  name: 💬 Texto Aleatorio
  content: |-
    *Ejemplo de texto aleatorio*
    ===
    El siguiente texto se mostrará de manera aleatoria
    >>>
    Esto es útil para que tu ChatFunnel no suene repetitivo
  options:
    - option: 0
      type: goto
      text: ''
      value: 11
- step: 11
  name: 💬 Texto Aleatorio 2
  content: '{RAND ✌️ Claro, podemos ayudarte. || ☝️¡Genial! Estamos aquí para asistirte. || ¡Absolutamente! 🥳 Estamos listos para apoyarte. || ¡Por supuesto! 👌 Nos complace poder asistirte. }'
  options:
    - option: 0
      type: goto
      text: 🔄 Recargar respuesta
      value: 11
    - option: 1
      type: goto
      text: ⏎ Volver
      value: 2
- step: 12
  name: ✏️ intro
  content: |-
    Vamos a ver un ejemplo practico, y repasaremos *todos los tipos de input disponibles*
    >>>
    No guardaremos ningún dato que aportes, esto es solo una demostración del servicio
  options:
    - option: 0
      type: goto
      text: ''
      value: 13
- step: 13
  name: name
  content: |-
    En primer lugar, ¿serias tan amable de decirme tu nombre?
    >>>
    Ejem: Javier
  options:
    - option: 0
      type: goto
      text: ''
      value: 14
  input: text
- step: 14
  name: number
  content: |-
    Muchas gracias {{name}}, ¿En que año naciste?
    >>>
    Ejem: 1996
  options:
    - option: 0
      type: goto
      text: ''
      value: 15
  input: number
- step: 15
  name: email
  content: |-
    Necesitaré ahora te mejor email
    >>>
    Ejem: mi@mejor.email
  options:
    - option: 0
      type: goto
      text: ''
      value: 16
  input: email
- step: 16
  name: phone
  content: |-
    Para poder informarte del estado de tu pedido, ¿Puedes darme tu WhatsApp?
    >>>
    Incluye código de país. Ejem: 34635258987
  options:
    - option: 0
      type: goto
      text: ''
      value: 17
  input: phone
- step: 17
  name: date
  content: |-
    Muchas gracias {{name}}, solo quedan tres preguntas
    ===
    Dime en que fecha pasarás a recoger el pedido
    >>>
    Recuerda que cerramos los domingos
  options:
    - option: 0
      type: goto
      text: ''
      value: 18
  input: date
- step: 18
  name: time
  content: |-
    ¿A que hora te va bien?
    >>>
    Abrimos de 8 a 20h
  options:
    - option: 0
      type: goto
      text: ''
      value: 19
  input: time
- step: 19
  name: options
  content: |-
    Perfecto, vamos a por la última pregunta
    ===
    ¿Como ha sido tu experiencia de compra?
  options:
    - option: 0
      type: goto
      text: 👍 Genial
      value: 20
      input: ''
    - option: 1
      type: goto
      text: 🤔 Regular
      value: 20
      input: ''
    - option: 2
      type: goto
      text: 👎 Mala
      value: 20
      input: ''
  input: select
- step: 20
  name: ✏️ Resumen
  content: |-
    Hemos terminado 🎉 Estos son los datos que has aportado y el tipo de input que se ha utilizado
    ===
    Input `TEXT` | Nombre: *{{name}}*
    ---
    Input `NUMBER` | Nacimiento: *{{number}}*
    ---
    Input `EMAIL` | Email: *{{email}}*
    ---
    Input `PHONE` | WhatsApp: *{{phone}}*
    ---
    Input `DATE` | Fecha: *{{date}}*
    ---
    Input `TIME` | Hora: *{{time}}*
    ---
    Input `OPTIONS` | Experiencia: *{{options}}*
  options:
    - option: 0
      type: goto
      text: ⏎ Menú General
      value: 1
- step: 21
  name: 🔌  Submit
  content: |-
    Con esta acción puedes guardar automáticamente todos los datos que tus clientes comparten en el chat (nombre, email, empresa, etc.)
    ===
    También se guarda la conversación y metadatos como la página, idioma o IP
    ===
    Así tienes todo el contexto del lead en tu panel de WordPress
  options:
    - option: 0
      type: goto
      text: ⏎ Volver
      value: 22
- step: 22
  name: submit
  content: ''
  options:
    - option: 0
      type: goto
      text: ''
      value: 4
  action: submit
- step: 23
  name: 🔌 Webhook
  content: |-
    Un webhook es un *sistema de comunicación automática* que permite *enviar información a tiempo real a otras aplicaciones*
    ===
    Puede notificar que se ha producido un evento específico para guardar esos datos o automatizar otras acciones _(enviar un email, guardar datos, crear un lead, segmentar, etc.)_
    ===
    Por ejemplo te permitiría *guardar los datos recopilados en el ChatFunnel a tu CRM*
  options:
    - option: 0
      type: goto
      text: Probar Webhook
      value: 24
- step: 24
  name: name
  content: |-
    Genial, ¿podrías decirme tu nombre?
    >>>
    Ejem: Daniel
  options:
    - option: 0
      type: goto
      text: ''
      value: 25
  input: text
- step: 25
  name: question
  content: |-
    Gracias {{name}},  ahora la pregunta clave...
    ===
    🐣 ¿Qué fue antes, *el huevo* o *la gallina*?
  options:
    - option: 0
      type: goto
      text: 🥚 El huevo
      value: 26
      input: ''
    - option: 1
      type: goto
      text: 🐓 La gallina
      value: 26
      input: ''
  input: select
- step: 26
  name: webhook
  content: '["{{name}}","{{question}}"]["{date}","{time}","{lang}"]'
  options:
    - option: 0
      type: goto
      text: ''
      value: 27
  action: webhook
  endpoint:
    - https://hook.eu1.make.com/wqws1agv2dmz3qsqsh7wpnoiv85gkvuh
    - POST
    - json
- step: 27
  name: Webhook End
  content: |-
    ¿Estás seguro que fue {{question}}?
    ===
    {IMG https://media.giphy.com/media/v1.Y2lkPTc5MGI3NjExMHJmb3U0dzA3eG9ycHczMnk0NTk4aGN1M2sxMHV5ZHkzcW1uMmF4byZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9Zw/gKlzc0V5WNbP81FUgu/giphy.gif 350}
    ======
    Los expertos dicen que *el huevo*, porque los dinosaurios ya los ponían 🤓
    ===
    Pero cambiando de tema {{name}}, lo que realmente queríamos era ver como funciona el Webkook
    ===
    Pues bien, he *recopilando las respuestas* de todos y las he llevado a una *hoja de cálculo de Google*, allí esta ahora la tuya también
  options:
    - option: 0
      type: link
      text: Ver todas las respuestas
      value: '!https://docs.google.com/spreadsheets/d/1965InnDKGsu8ZOOH6_s3mIKgr98_abJK10LJ4De8SBQ/edit?usp=sharing'
    - option: 1
      type: goto
      text: ⏎ Volver
      value: 4
- step: 28
  name: 🔌 Conversion GA
  content: |-
    Con esta acción podemos *enviar una conversión de Google Ads* dentro del flujo de conversación indicando la etiqueta de conversión
    ===
    El *Google Click ID (GCLID)* es un parámetro único que Google utiliza para rastrear y atribuir el origen de los clics en campañas de publicidad online, principalmente en Google Ads
    ===
    Con *Chat Funnels (+)* se captura el campo gclid (GCLID) y se almacena durante 90 días. Posteriormente se puede enviar en los webhooks para aplicar la atribución correspondiente en las conversiones
  options:
    - option: 0
      type: link
      text: Ver la documentación
      value: '!https://docs.join.chat/es/joinchat-premium/configurando-chat-funnels-plus/'
    - option: 1
      type: goto
      text: ⏎ Volver
      value: 29
- step: 29
  name: Google Ads Conversion
  content: AW-123465
  options:
    - option: 0
      type: goto
      text: ''
      value: 4
  action: gads
- step: 30
  name: ✨ Agente IA
  content: |-
    Si tienes contratado *Joinchat AI* en cualquier punto de tu ChatFunnel puedes dar paso tu agente de IA
    ===
    De esta forma puedes por ejemplo recopilar algunos datos importantes de tu lead, y posteriormente tras guardarlos, dar paso al agente de IA para que resuelva las dudas de tus usuarios
    ===
    Desde un agente de IA también es posible volver a un ChatFunnel, de forma transparente para los usuarios
  options:
    - option: 0
      type: goto
      text: ⏎ Volver
      value: 1
    - option: 1
      type: goto
      text: Chat con ✨ Agente IA
      value: 31
- step: 31
  name: paso a ✨ Agente IA
  content: |-
    Hola 👋
    ===
    Soy Kitt, el *asistente de {SITE}*
    ===
    {IMG https://docs.join.chat/app/uploads/2025/10/kitt.gif 250}
    ===
    ¿Puedo ayudarte en algo?
    >>>
    Este es un asistente virtual que puede cometer errores. Por favor, considera verificar la información importante con nuestro equipo humano si las soluciones propuestas por Kit no funcionan.
  options:
    - option: 0
      type: ai
      text: ''
      value: ''