📖
Documentación pública
Developers 🇪🇸
Developers 🇪🇸
  • 👋Bienvenido
  • ‼️Consideraciones
  • ☝️Conceptos
  • SDKs
    • 📞Phone
      • Métodos
      • Eventos
      • Demo
    • 📹WebRTC
      • Métodos
    • 📄Formularios
    • 🤖Captcha
    • ✨Ejemplos
      • Segmento como agente
    • 📂Intercambio archivos
      • Métodos
      • Eventos
      • Propiedades
      • BeamPortFile
    • 📅Calendario
      • Métodos
      • Eventos
      • Propiedades
    • 🔇Cancelación de ruido
      • Métodos
      • Propiedades
  • Componentes web
    • 📹WebRTC
      • Slots
      • Propiedades
      • Métodos
      • Eventos
    • 🗃️Fileshare
      • Slots
      • Propiedades
      • Métodos
      • Eventos
  • Widgets
    • 🔌Instalación
      • Google Tag Manager
      • WordPress
      • Cloudflare
    • 🖌️Personalización
      • Posición del widget
      • Burbuja personalizable
    • 🔗Acciones por URL
    • 🛰️API
      • Introducción
      • Variables globales
      • Propiedades
      • Métodos
      • Eventos
      • Ajustes
      • Forzar segmentos
      • Forzar calendarios
  • Seguridad
    • 🔐SSL
    • 💆‍♀️Cabeceras
    • ⛔Firewall
      • 🖇️Tipos de NAT
    • 🖼️Iframes
  • 🖇️Integraciones
    • Kioskos
    • Frameworks
      • Angular
  • 🎆Webhooks
    • 👓Introducción
    • 🔒Seguridad
    • 🦱Variables
    • 🦰Sintaxis
    • 🤟Helpers
      • parser
      • toLowerCase
      • toUpperCase
      • #if
      • #each
      • #array
      • #object
      • #isEqual
      • #isNot
      • #includes
      • #greater
      • #lower
      • #some
      • #every
      • #filter
      • #concat
      • #find
      • #get
      • #date
      • #relative
      • #url-param
      • #jwt
      • #phone
    • 🎛️Integraciones
      • Power BI
      • Airtable
    • 🐞Errores
    • 🔌Integradores (3rd party)
    • 💱Formatos locales
    • 🫱Ejemplos
      • Formularios
  • 🐞Depuración
    • Devtools
    • WebRTC
  • 📹Grabaciones
    • Cloud
      • Tamaños y resolución
      • Seguridad
      • Metadata
      • AWS S3
      • Azure
      • GCP
      • SFTP
    • Local
      • Ubicación de descargas
      • Google Drive / FileStream
      • AWS S3
  • API pública
    • Autorización
    • Segmentos
    • Calendario
    • Encuestas
    • Formularios
    • QMS
  • Exportación
    • Llamadas
    • Filas
    • Metadatos
    • Comentarios
    • Etiquetas
    • Reuniones
    • Grabaciones
    • Tópicos IA
    • Sentimientos IA
    • Formularios
    • Encuestas
  • Apps
    • Introducción
    • Integraciones
      • Power Apps
Con tecnología de GitBook
En esta página

¿Te fue útil?

Editar en GitHub
  1. Webhooks
  2. Ejemplos

Formularios

A continuación, verás ejemplos de cómo extraer campos de un formulario o convertir a un nuevo formato dependiendo de tus necesidades.

Los formularios tienen una estructura fija pero con cantidad de campos variables lo que dependerá de cada formulario creado. Esta es la estructura estándar con todos los keys:

{
    "name": "My form",
    "description": "My form for receive customers data",
    "fields": [
      {
        "name": "quia-eveniet-perspiciatis",
        "label": "quo dolorem quaerat?",
        "hint": "voluptatem eveniet consequatur",
        "type": "date",
        "value": "autem modi omnis",
        "options": [
          {
            "value": "Option value",
            "label": "Option label"
          }
        ],
        "colors": "#882E3F",
        "properties": {}
      }
    ]
  }

Habitualmente los formularios rellenados por clientes o ejecutivos usan esta estructura, por lo que existe una nomenclatura estándar para acceder a cualquier campo independiente de la key.

Las keys que contienen el formulario actualmente son: baseForm, agentForm, submittedForm, contactForm.

Si quisiera extraer u obtener el valor de un campo de un formulario individualmente, por ejemplo el nombre del cliente, debería hacer lo siguiente usando los helpers get y find.

{{#get 'value'}}
    {{#find @root.submittedForm}}
      {{#isEqual this.name}}customer_name{{/isEqual}}
    {{/find}}
{{/get}}

Esto devolvería el nombre del cliente a través el name como ID para filtrar en los campos del formulario usando el helper #find y luego usando el helper #get indicando que la key value del formulario es la que necesitamos extraer.

Esto ya que el helper #find busca el elemento dentro del listado de campos, y finalmente con #get extraemos la key específica del campo que sería value.

AnteriorEjemplosSiguienteDevtools

Última actualización hace 1 año

¿Te fue útil?

🎆
🫱