Si estás desarrollando un producto SaaS con firma electrónica, tienes dos opciones. Puedes acoplar una herramienta de firma que recuerde a tus usuarios que están utilizando el software de otra persona. O puedes aplicar marca blanca a toda la experiencia para que se sienta nativa en tu producto.
La mayoría de los desarrolladores piensan que la marca blanca consiste en cambiar un logotipo. En la práctica, es más profundo que eso. Un flujo de firma electrónica de marca blanca completa implica logotipos personalizados, temas de color, dominios de correo electrónico, plantillas de correo electrónico personalizadas, control de notificaciones e interfaces incrustadas. Y para los productos SaaS multiinquilino, necesitas la capacidad de aplicar marca blanca no solo para tu marca, sino también para cada una de las marcas de tus clientes.
Para obtener una visión completa de lo que cubre una API de firma electrónica de marca blanca, comienza aquí.
Esta guía cubre todo lo que necesitas para crear una experiencia de firma totalmente personalizada con Firma.dev.
Dos niveles de marca blanca
Esto es lo que la mayoría de las API de firma electrónica pasan por alto: las empresas de SaaS a menudo necesitan marca blanca en dos niveles.
Nivel 1: Tu marca. Los correos electrónicos de firma provienen de tu dominio. La interfaz de firma muestra tu logotipo y colores. Todo está incrustado en tu aplicación. Tus clientes nunca ven al proveedor de la API subyacente.
Nivel 2: Las marcas de tus clientes. Cada uno de tus clientes obtiene su propia experiencia de marca. Sus usuarios ven correos electrónicos desde su dominio, no el tuyo. La interfaz de usuario de firma muestra su logotipo y paleta de colores. Los documentos y las plantillas están aislados. El uso se rastrea por separado.
Una plataforma de gestión de propiedades, por ejemplo, podría querer el Nivel 2. Cada empresa de gestión de propiedades en la plataforma envía contratos de arrendamiento desde su propio dominio (leases@acmeproperties.com), y sus inquilinos ven el logotipo y la marca de esa empresa a lo largo de todo el flujo de firma.
Un SaaS de recursos humanos podría necesitar solo el Nivel 1. La experiencia de firma tiene la marca de la plataforma de recursos humanos y todos los empleados de sus clientes interactúan con esa única marca.
Firma.dev admite ambos. La clave son los Espacios de trabajo de clientes.
Espacios de trabajo de clientes: separación segura por diseño
Los espacios de trabajo de clientes te permiten crear entornos aislados para cada uno de tus clientes. Cada espacio de trabajo tiene el suyo propio:
Plantillas
Solicitudes de firma y documentos
Seguimiento del uso de sobres
Logotipo y tema de color
Configuración del dominio de correo electrónico
Plantillas de correo electrónico
Clave API (opcional, para acceso con alcance de espacio de trabajo)
No hay exposición entre espacios de trabajo. El cliente A no puede ver los documentos del cliente B. Las plantillas creadas en un espacio de trabajo no aparecen en otro. Los informes de uso tienen un alcance por espacio de trabajo.
Esto no se trata solo de organización. Se trata de seguridad y cumplimiento. Si prestas servicios a clientes empresariales o trabajas en sectores regulados (salud, finanzas, legal), el aislamiento de datos no es opcional. Los espacios de trabajo te brindan esa separación sin tener que desarrollar tú mismo el aislamiento de inquilinos.
Para las plataformas SaaS que gestionan documentos y flujos de trabajo específicos de clientes, los espacios de trabajo son la base. Creas un espacio de trabajo para cada cuenta de cliente y todo fluye a partir de ahí.
Los seis pilares de la marca blanca
1. Personalización visual
La capa más visible de la marca blanca. Firma.dev te permite controlar el aspecto de la experiencia de firma tanto a nivel de empresa como de espacio de trabajo.
Logotipos personalizados. Sube el logotipo de tu empresa (PNG o JPEG, hasta 2 MB) para que aparezca en los correos electrónicos de firma y en la interfaz de firma. Para productos multiinquilino, cada espacio de trabajo puede tener su propio logotipo que anule el predeterminado de la empresa. Cuando se elimina el logotipo de un espacio de trabajo, este vuelve a utilizar automáticamente el logotipo de la empresa.
Temas de color. Personaliza la paleta de colores completa de la experiencia de firma utilizando valores hexadecimales. Controlas seis configuraciones: color de énfasis principal, primer plano principal (texto en botones), fondo de página, color del texto, fondo de tarjeta/panel y color del borde. Al igual que los logotipos, los colores se pueden establecer a nivel de empresa y anularse por espacio de trabajo.
Ocultar la marca de Firma.dev. Habilita show_custom_branding_only a nivel de empresa para eliminar por completo toda la marca de Firma.dev de la experiencia de firma. Combinado con un logotipo y un tema de color personalizados, tus usuarios nunca verán ningún indicio de que hay una API de terceros involucrada.
Configuración de pantalla. Ajusta detalles adicionales como si se deben mostrar los marcos para dibujar firmas y las marcas de agua de documentos parciales. Estas configuraciones están disponibles en ambos niveles, y las configuraciones del espacio de trabajo heredan de las configuraciones de la empresa cuando se establecen en nulo (null).
Todo esto sigue una jerarquía en cascada: la configuración del espacio de trabajo tiene prioridad, luego la configuración de la empresa y después los valores predeterminados de Firma.dev. Esto significa que puedes establecer la marca para toda la empresa y anularla de forma selectiva para espacios de trabajo específicos. Consulta la Guía de marca blanca para ver la referencia completa de la API.
2. Dominios de correo electrónico personalizados
De forma predeterminada, los correos electrónicos de solicitud de firma se envían desde el dominio de Firma.dev. Con los dominios de correo electrónico personalizados, provendrán del tuyo.
Puedes configurar esto en dos niveles:
A nivel de empresa: todos los espacios de trabajo heredan tu dominio. Los correos electrónicos se envían como documents@yourcompany.com.
A nivel de espacio de trabajo: cada espacio de trabajo puede tener su propio dominio. Los correos electrónicos del Cliente A provienen de sign@customera.com. Los del Cliente B provienen de contracts@customerb.com.
La configuración implica agregar registros DNS (SPF, DKIM, DMARC) para verificar la propiedad y garantizar la capacidad de entrega. El proceso se gestiona a través de la API: agrega el dominio, verifica la propiedad con un registro TXT, finaliza para recibir tus registros DNS de envío y luego verifícalos. Una vez verificado, el dominio se activa de inmediato.
Para obtener una guía paso a paso, consulta Cómo aplicar marca blanca a tus correos electrónicos de firma electrónica y enlaces de firma.
3. Dirección de remitente de correo electrónico personalizada
Más allá del dominio, también puedes controlar la parte local de la dirección del remitente. De forma predeterminada, los correos electrónicos de un dominio personalizado utilizan support@yourdomain.com. Configura el parámetro email_local_part para cambiar esto por algo como noreply, signing o documents.
La dirección de remitente completa se compone de tres elementos: el nombre del remitente (la persona que inició la solicitud de firma), la parte local y el dominio. Cada elemento se resuelve a través de una cadena de contingencia, donde las configuraciones del espacio de trabajo tienen prioridad sobre las de la empresa, que a su vez tienen prioridad sobre las predeterminadas de Firma.dev.
Por ejemplo, si configuras email_local_part como noreply y tu dominio verificado es sign.acmecorp.com, los correos electrónicos se enviarán como Jane Smith <noreply@sign.acmecorp.com>.
4. Plantillas de correo electrónico personalizadas
Firma.dev envía 11 tipos de correos electrónicos automatizados a lo largo del ciclo de vida de la firma: invitaciones de firma, notificaciones de siguiente firmante, notificaciones de reenvío, recordatorios, avisos de vencimiento, avisos de cancelación, avisos de rechazo (tanto a firmantes como a administradores), confirmaciones de finalización y alertas de cambio de identidad del firmante.
Puedes personalizar la línea de asunto y el cuerpo HTML de cada tipo de correo electrónico, con marcadores de posición dinámicos para los detalles del firmante, la información del documento y la marca del equipo. Marcadores de posición como {{signer_name}}, {{signing_link}}, {{company_logo}} y {{team_name}} te permiten crear plantillas que se sienten completamente nativas de tu producto.
Las plantillas siguen la misma jerarquía en cascada que todo lo demás. Establece plantillas para toda la empresa para mantener la coherencia, y luego anula las específicas por espacio de trabajo cuando sea necesario. También puedes recuperar las plantillas predeterminadas integradas de Firma.dev como punto de partida, disponibles en 9 idiomas, incluidos inglés, español, francés, alemán y portugués.
Para obtener más detalles, consulta Plantillas de correo electrónico personalizadas para tu API de firma electrónica.
5. Control de notificaciones
Los dominios y plantillas personalizados cambian la marca de los correos electrónicos. El control total de las notificaciones te permite reemplazarlos por completo.
Los correos electrónicos automatizados de Firma.dev se pueden desactivar por solicitud de firma con cuatro configuraciones booleanas: send_signing_email, send_finish_email, send_expiration_email y send_cancellation_email. Desactiva cualquiera o todos ellos.
Cuando los correos electrónicos están desactivados, recuperas las URL de firma de la API y envías las notificaciones a través de tu propio sistema. Esto te permite:
Coincidir con tu infraestructura de correo electrónico existente (SendGrid, Postmark, Customer.io)
Controlar los tiempos de los recordatorios y seguimientos
Activar notificaciones basadas en tu propia lógica de negocio
Integrar las notificaciones de firma en los flujos de comunicación con el cliente existentes
Algunos equipos utilizan dominios y plantillas personalizados dejando que Firma.dev se encargue de la entrega. Otros desactivan todo y asumen el control de toda la capa de comunicación. Ambas opciones funcionan.
6. Experiencias incrustadas
La experiencia de firma no debería sentirse como una redirección a otro producto. Las interfaces incrustadas te permiten integrar todo el flujo de trabajo en tu aplicación.
Firma.dev ofrece tres componentes incrustables:
Interfaz de firma. Incrusta el flujo de firma para que los destinatarios firmen documentos sin salir de tu aplicación. Combinado con la marca personalizada y show_custom_branding_only, los usuarios verán tu logotipo, tus colores y tu navegación a lo largo de todo el proceso.
Editor de plantillas. Permite que tus usuarios (o los usuarios de tus clientes) creen y editen plantillas directamente en tu aplicación. Sube documentos, coloca campos de firma, define roles de firmantes, todo dentro de tu interfaz de usuario.
Editor de solicitudes de firma. Configura solicitudes de firma, añade destinatarios, establece el orden de firma y previsualiza documentos sin salir de tu producto.
Los tres utilizan autenticación JWT. Tu backend genera un token de corta duración y el frontend carga el componente en un iframe con ese token. No se exponen claves de API al cliente.
Los botones dentro de la interfaz de firma incrustada también son personalizables. Los administradores del espacio de trabajo pueden anular las etiquetas de los botones de la vista de firma por idioma en los nueve idiomas admitidos, de modo que el texto que pulsa un firmante coincida con la redacción de tu producto en lugar de los valores predeterminados de Firma.dev. A diferencia de la mayoría de las configuraciones de esta página, las anulaciones de las etiquetas de los botones se realizan únicamente a nivel de espacio de trabajo, sin un valor predeterminado a nivel de empresa del que heredar. Para obtener la guía completa y la lista de claves de botones admitidas, consulta etiquetas de botones de firma personalizables.
Para los productos donde la preparación de documentos es un flujo de trabajo central, vale la pena el esfuerzo de implementación de los editores incrustados. Tu aplicación se siente cohesionada y los usuarios nunca cambian de contexto a una interfaz de terceros. Consulta la Guía de firma incrustable para obtener todos los detalles de la implementación.
La jerarquía de configuraciones
Todos los ajustes de marca y configuración en Firma.dev siguen una jerarquía en cascada:
Configuración del espacio de trabajo (máxima prioridad)
Configuración de la empresa
Predeterminado de Firma.dev (mínima prioridad)
Esto te permite establecer valores predeterminados para toda la empresa y anularlos por espacio de trabajo. A nivel de espacio de trabajo, establecer cualquier valor en null significa "heredar de la empresa". Esto se aplica a logotipos, colores, dominios de correo electrónico, plantillas de correo electrónico, direcciones de remitente y configuraciones de pantalla.
Para productos multiinquilino, esta jerarquía es muy potente. Establece la marca de tu plataforma a nivel de empresa y luego permite que cada espacio de trabajo de cliente defina su propia identidad cuando sea necesario.
Lista de verificación para la implementación
Antes de empezar:
Define el alcance de tu marca blanca. ¿Qué puntos de contacto importan más? ¿Logotipos y colores? ¿Correos electrónicos? ¿La interfaz de usuario de firma? ¿La creación de plantillas? Diseña el recorrido del usuario e identifica dónde la marca de un tercero rompería la experiencia.
Decide entre marca única o multimarca. Si necesitas marca por cliente, planifica la estructura de tu espacio de trabajo con anticipación. Crea un espacio de trabajo cuando incorpores a cada cliente y asocia toda su actividad a ese espacio de trabajo.
Configura primero la marca visual. Sube tu logotipo y configura tu tema de color a nivel de empresa. Esto lleva minutos y mejora de inmediato la experiencia de firma para todos los usuarios.
Añade tu dominio de correo electrónico. Registra tu dominio, añade los registros DNS y verifícalo. Este es el cambio de mayor impacto para la mayoría de los productos, ya que es lo primero que notan los destinatarios.
Personaliza las plantillas de correo electrónico. Recupera las plantillas predeterminadas, adapta el texto y el HTML para que coincidan con la voz de tu marca y establécelas a nivel de empresa o de espacio de trabajo.
Planifica tu estrategia de integración. Si vas a realizar una integración incrustada, decide qué componentes necesitas. ¿Solo firma? ¿También edición de plantillas? La interfaz de firma incrustable es el punto de partida más común. Los editores de plantillas y de solicitudes de firma aportan más valor a los productos donde la preparación de documentos forma parte del flujo de trabajo principal.
Prueba todo el flujo. Envía una solicitud de firma a través de cada punto de contacto. Comprueba el remitente del correo electrónico, el contenido del correo, la interfaz de firma y la notificación de finalización. Asegúrate de que cada paso se sienta como parte de tu producto.
Para obtener la referencia técnica completa de la API con ejemplos de código para cada función cubierta aquí, consulta la Guía de marca blanca de Firma.dev.
Cuánto cuesta esto
Las plataformas de firma electrónica para empresas suelen cobrar tarifas premium por la marca blanca. A veces es un complemento independiente. Otras veces está bloqueado detrás de un nivel de precios más alto.
Firma.dev incluye todas las capacidades de marca blanca en todos los niveles de precio. Dominios de correo electrónico personalizados, editores incrustados, firma incrustada, espacios de trabajo de clientes. Todo incluido.
Pago por uso a €0,049 por sobre. Sin contratos. Sin mínimos. Sin tarifas adicionales por personalizar la experiencia de firma con tu marca.
Primeros pasos
Firma.dev incluye todas las capacidades de marca blanca en todos los niveles de precios. Sin planes premium ni restricciones de funciones. Paga 0,049 € por sobre (aprox. 5 centavos de dólar) y obtén acceso a logotipos, colores, dominios personalizados, plantillas de correo electrónico, interfaces incrustadas y espacios de trabajo de clientes.
Comienza a utilizar Firma.dev gratis, sin necesidad de tarjeta de crédito.
Artículos relacionados
Nuestra plataforma está diseñada para capacitar a las empresas de todos los tamaños para trabajar de manera más inteligente y alcanzar sus objetivos con confianza.
