Ejemplo básico de configuración:

{
  "header": "Contáctanos",
  "subtitle": "Estamos aquí para ayudarte",
  "note": "Responderemos en 24-48 horas hábiles",
  "submit_button": "Enviar mensaje",
  "success_message": "Tu mensaje ha sido enviado exitosamente",
  "fields": [
    {
      "name": "subject",
      "label": "Asunto",
      "type": "text",
      "required": true,
      "placeholder": "Escribe el asunto de tu consulta",
      "max_length": 100
    },
    {
      "name": "message",
      "label": "Mensaje",
      "type": "textarea",
      "required": true,
      "placeholder": "Escribe tu mensaje aquí...",
      "min_length": 10,
      "max_length": 1000
    },
    {
      "name": "email",
      "label": "Email de contacto (opcional)",
      "type": "email",
      "required": false,
      "placeholder": "tu@email.com"
    }
  ]
}

📋 Campos disponibles:

  • header: Título del formulario (requerido)
  • subtitle: Subtítulo descriptivo (requerido)
  • note: Nota adicional (opcional)
  • submit_button: Texto del botón (opcional, default: "Enviar")
  • success_message: Mensaje de éxito (opcional)
  • fields: Array de campos del formulario (opcional)

✨ Tipos de campos soportados:

  • text: Campo de texto simple
  • textarea: Área de texto multilinea
  • email: Campo de email con validación

💡 Consejos:

  • ✓ Valida tu JSON en jsonlint.com antes de guardarlo
  • ✓ Usa comillas dobles " para strings, no comillas simples '
  • ✓ Los valores booleanos deben ser true o false (sin comillas)
  • ✓ Los números no deben tener comillas

🎯 Ejemplo mínimo (funcional):

{
  "header": "Contáctanos",
  "subtitle": "Envíanos tu mensaje"
}

Si solo proporcionas header y subtitle, la app usará valores por defecto para los demás campos.

📱 Ejemplo para Soporte Técnico:

{
  "header": "Soporte Técnico",
  "subtitle": "¿Tienes algún problema? Te ayudamos",
  "note": "Responderemos en menos de 24 horas",
  "submit_button": "Solicitar ayuda",
  "success_message": "Tu solicitud ha sido recibida",
  "fields": [
    {
      "name": "subject",
      "label": "¿Cuál es el problema?",
      "type": "text",
      "required": true,
      "placeholder": "Describe brevemente el problema",
      "max_length": 150
    },
    {
      "name": "message",
      "label": "Detalles",
      "type": "textarea",
      "required": true,
      "placeholder": "Describe el problema con detalle...",
      "min_length": 20,
      "max_length": 2000
    }
  ]
}