Skip to main content
Firma te permite añadir firmas electrónicas legalmente vinculantes a cualquier aplicación de Mocha. Guarda tu clave API de Firma como secreto, pídele a la IA de Mocha que llame a la API desde tu backend, y tus usuarios podrán enviar solicitudes de firma directamente desde tu app. Esta guía cubre cómo integrar Firma usando las funciones de backend integradas de Mocha y el gestor de secretos. Como Mocha está impulsado por IA, la mayor parte de la integración se puede hacer indicándole a la IA las instrucciones correctas.

Requisitos previos

  • Una cuenta de Firma con una clave API
  • Una cuenta de Mocha (el plan gratuito incluye 1 app publicada; los planes de pago añaden más apps publicadas y dominios personalizados)
  • Al menos una plantilla de Firma con campos de firma configurados
Firma usa la clave API sin modificar como valor del encabezado Authorization; no la antepongas con Bearer. Esto difiere de muchas otras API.

Paso 1: Guarda tu clave API de Firma como secreto

  1. Abre tu proyecto en Mocha
  2. Ve a Settings → Secrets
  3. Añade un nuevo secreto con el nombre FIRMA_API_KEY y pega tu clave API de Firma como valor
Nunca pegues tu clave API directamente en el chat de Mocha. Usa siempre el panel de Secrets para que la clave se almacene de forma segura y nunca quede expuesta en el código del frontend. Para obtener tu clave API, inicia sesión en el panel de Firma, ve a Settings → API Keys y copia tu clave.

Paso 2: Pídele a Mocha que construya la función de solicitud de firma

Mocha genera código de backend a partir de indicaciones en lenguaje natural. No necesitas escribir código tú mismo. En su lugar, pega la siguiente indicación en el chat de Mocha:
Reemplaza YOUR_TEMPLATE_ID con el ID de una plantilla de tu panel de Firma. Puedes encontrarlo en Templates haciendo clic en una plantilla y copiando el ID de la URL. La IA de Mocha generará la función de backend, creará el formulario de frontend y los conectará entre sí. Pruébalo en la vista previa antes de publicar.
El endpoint create-and-send crea la solicitud de firma y la envía a los destinatarios en una sola llamada. Si necesitas revisar o modificar la solicitud antes de enviarla, pídele a Mocha que use POST /signing-requests para crear primero un borrador, y luego POST /signing-requests/{id}/send por separado.

Paso 3: Sigue el estado de la firma con webhooks

Firma puede notificar a tu app cuando un documento se firma, se rechaza o expira. Para configurarlo:
  1. Pídele a Mocha que cree un endpoint de API en tu app que acepte solicitudes POST. Usa una indicación como esta:
  1. Después de publicar tu app, copia la URL del webhook: https://your-app.mocha.app/api/webhook/firma
  2. En el panel de Firma, ve a Configuración → Webhooks y registra esta URL
Para uso en producción, verifica siempre la firma del webhook usando tu secreto de firma de webhook de Firma. Consulta la guía de webhooks para más detalles de implementación.
Consulta la guía de webhooks para conocer todos los tipos de eventos y detalles de los payloads.

Firma incrustada

Para apps donde los firmantes completan documentos directamente en tu interfaz en lugar de por correo electrónico, Firma ofrece una experiencia de firma incrustable. La respuesta de create-and-send incluye un first_signer.id (el signing_request_user_id) y un first_signer.signing_link ya preparado. Pídele a Mocha que añada un iframe que cargue la URL de firma:
Consulta la guía de firma incrustada para instrucciones completas de configuración y mejores prácticas de seguridad.

Extra: usa Custom Knowledge para mejores resultados de IA

La función Custom Knowledge de Mocha te permite darle a la IA contexto persistente sobre tu proyecto. Añadir aquí los detalles de la API de Firma ayuda a Mocha a generar código más preciso cuando le pides que construya funciones de firma.
  1. Abre tu proyecto y ve a la pestaña Custom Knowledge
  2. Añade lo siguiente:
Esto es opcional pero recomendado. Significa que cada vez que le pidas a Mocha que construya o modifique una función de firma, la IA ya sabrá cómo funciona Firma.

Próximos pasos