La Guía Completa de Firmas Electrónicas de Marca Blanca para SaaS

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 de tu producto.

La mayoría de los desarrolladores piensan que la marca blanca consiste únicamente en cambiar un logotipo. En la práctica, es más profundo que eso. Un flujo de firma electrónica totalmente de marca blanca implica logotipos personalizados, temas de color, dominios de correo electrónico, plantillas de correo electrónico personalizadas, control de notificaciones e interfaces integradas. Y para 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 SaaS a menudo necesitan marca blanca a 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á integrado en tu aplicación. Tus clientes nunca ven al proveedor de 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 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 lleva 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 su propio/a:

• Plantillas

• Solicitudes de firma y documentos

• Seguimiento de uso de sobres

• Logotipo y tema de color

• Configuración de 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 servicio a clientes empresariales u operas 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 los 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 y la sensación 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, de 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 anula el predeterminado de la empresa. Cuando se elimina el logotipo de un espacio de trabajo, vuelve a aplicarse 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 acento principal, primer plano principal (texto en botones), fondo de página, color de texto, fondo de tarjeta/panel y color de 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. En combinación 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 de dibujo de firma 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.

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 luego los valores predeterminados de Firma.dev. Esto significa que puedes establecer una marca para toda la empresa y anularla selectivamente 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, provienen del tuyo.

Puedes configurar esto a 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 añadir registros DNS (SPF, DKIM, DMARC) para verificar la propiedad y garantizar la entregabilidad. El proceso se gestiona mediante API: añade 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 inmediatamente.

Para obtener un tutorial 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 email_local_part para cambiar esto a algo como noreply, signing o documents.

La dirección completa del remitente se compone de tres componentes: el nombre del remitente (la persona que inició la solicitud de firma), la parte local y el dominio. Cada componente se resuelve a través de una cadena de respaldo, donde las configuraciones del espacio de trabajo tienen prioridad sobre las de la empresa, las cuales a su vez tienen prioridad sobre los valores predeterminados 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 al 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 del 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. Los marcadores de posición como {{signer_name}}, {{signing_link}}, {{company_logo}} y {{team_name}} te permiten crear plantillas que se sientan completamente nativas de tu producto.

Las plantillas siguen la misma jerarquía en cascada que todo lo demás. Configura 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 las plantillas personalizados cambian la marca de los correos electrónicos. El control total de las notificaciones te permite reemplazarlas 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 todas ellas.

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 el tiempo para 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 mientras Firma.dev se encarga de la entrega. Otros desactivan todo y son dueños de toda la capa de comunicación. Ambos enfoques funcionan.

6. Experiencias integradas

La experiencia de firma no debería sentirse como una redirección a otro producto. Las interfaces integradas te permiten incorporar todo el flujo de trabajo en tu aplicación.

Firma.dev ofrece tres componentes integrables:

Interfaz de firma. Integra el flujo de firma para que los destinatarios firmen documentos sin salir de tu aplicación. En combinación 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 de 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 API al cliente.

Los botones dentro de la interfaz de firma integrada también son personalizables. Los administradores de espacios 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 toca 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 etiquetas de botones son solo a nivel de espacio de trabajo, sin que haya un valor predeterminado a nivel de empresa del que heredar. Para ver el tutorial completo y la lista de claves de botones admitidas, consulta las etiquetas de botones de firma personalizables.

Para los productos donde la preparación de documentos es un flujo de trabajo principal, los editores integrados valen el esfuerzo de implementación. Tu aplicación se siente cohesiva y los usuarios nunca tienen que cambiar de contexto a una interfaz de terceros. Consulta la Guía de firma integrable para conocer todos los detalles de la implementación.

La jerarquía de configuraciones

Todas las configuraciones de marca y de configuración en Firma.dev siguen una jerarquía en cascada:

1. Configuración del espacio de trabajo (máxima prioridad)

2. Configuración de la empresa

3. Valor 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 los productos multiinquilino, esta jerarquía es muy potente. Establece la marca de tu plataforma a nivel de empresa y luego permite que el espacio de trabajo de cada cliente defina su propia identidad cuando sea necesario.

Lista de verificación de implementación

Antes de comenzar:

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 de forma temprana. Crea un espacio de trabajo al incorporar 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 toma minutos y mejora inmediatamente 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 integrar componentes, decide cuáles necesitas. ¿Solo la firma? ¿También la edición de plantillas? La interfaz de firma integrable es el punto de partida más común. Los editores de plantillas y de solicitudes de firma aportan más valor en 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. Verifica 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 tu producto.

Para ver la referencia técnica completa de la API con ejemplos de código para cada función que se trata aquí, consulta la Guía de marca blanca de Firma.dev.

Cuánto cuesta esto

Las plataformas de firma electrónica empresariales a menudo cobran tarifas premium por la marca blanca. A veces es un complemento independiente. A veces está bloqueado detrás de un nivel de precios más alto.

Firma.dev incluye todas las capacidades de marca blanca en cada nivel de precios. Dominios de correo electrónico personalizados, editores integrados, firma integrada, 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 marca de tu experiencia de firma.

Primeros pasos

Firma.dev incluye todas las capacidades de marca blanca en cada nivel de precios. Sin planes premium ni limitaciones 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 integradas y espacios de trabajo de clientes.

Comienza a utilizar Firma.dev gratis, no se requiere tarjeta de crédito.