Guía del usuario Cancelar

Liquid Mode para la experiencia de firma web para móviles

 

Guía de Adobe Acrobat Sign

Novedades

  1. Notas previas a la versión
  2. Notas de la versión
  3. Notificaciones importantes

Introducción

  1. Guía de inicio rápido para administradores
  2. Guía de inicio rápido para usuarios
  3. Para desarrolladores
  4. Biblioteca de tutoriales de vídeo
  5. Preguntas frecuentes

Administrar

  1. Información general sobre Admin Console
  2. Administración de usuarios
    1. Agregación de usuarios
      1. Agregar un usuario
      2. Añadir usuarios en bloque
      3. Añadir usuarios desde el directorio
      4. Añadir usuarios desde MS Azure Active Directory
    2. Crear usuarios centrados en funciones
      1. Cuentas técnicas - basadas en API
      2. Cuentas de servicio - Manejadas manualmente
    3. Buscar usuarios con errores de aprovisionamiento
    4. Cambiar nombre/dirección de correo electrónico
    5. Editar los miembros del grupo de un usuario
    6. Editar los miembros del grupo de un usuario a través de la interfaz de grupo
    7. Promover un usuario a una función de administrador
    8. Tipos de identidad de usuario y SSO
    9. Cambiar identidad de usuario
    10. Autenticar usuarios con MS Azure
    11. Autenticar usuarios con la federación de Google
    12. Perfiles de productos
    13. Experiencia de inicio de sesión 
  3. Configuración de cuenta/grupo
    1. Descripción general de configuración
    2. Configuración global
      1. Nivel de cuenta e ID
      2. Nueva experiencia de destinatario
      3. Flujos de trabajo de firma automática
      4. Enviar en bloque
      5. Formulario web
      6. Flujos de trabajo de envío personalizado
      7. Flujos de trabajo de Power Automate
      8. Documentos de la biblioteca
      9. Recopilar los datos de formularios con acuerdos
      10. Visibilidad limitada de los documentos
      11. Adjuntar una copia de PDF del acuerdo firmado
      12. Incluir un vínculo en el correo electrónico
      13. Incluir una imagen en el correo electrónico
      14. Los archivos adjuntos a correos electrónicos recibirán el nombre
      15. Adjuntar informe de auditoría a documentos
      16. Combinar varios documentos en uno solo
      17. Descargar documentos individuales
      18. Carga de un documento firmado
      19. Delegación para usuarios de mi cuenta
      20. Permitir delegar a destinatarios externos
      21. Autoridad para firmar
      22. Autoridad para enviar
      23. Potestad para añadir sellos electrónicos
      24. Establecer la zona horaria predeterminada
      25. Establecer un formato de fecha predeterminado
      26. Usuarios en varios grupos (UMG)
        1. Actualizar para usar UMG
      27. Permisos de administrador de grupos
      28. Reemplazar destinatario
      29. Informe de auditoría
        1. Información general
        2. Permitir acceso no autenticado en la página de verificación de la transacción
        3. Incluir recordatorios
        4. Incluir eventos de vista
        5. Incluir recuento de páginas del acuerdo/archivos adjuntos
      30. Pie de página de la transacción
      31. Mensajería en el producto y guías
      32. PDF accesibles
      33. Nueva experiencia de creación
      34. Cliente sanitario
    3. Configuración de cuenta
      1. Añadir logotipo
      2. Personalizar el nombre de host/URL de la empresa    
      3. Agregar el nombre de empresa
      4. Redirección de URL posterior al acuerdo
    4. Preferencias de firma
      1. Firmas con el formato correcto
      2. Permitir a los destinatarios firmar mediante
      3. Los firmantes pueden cambiar su nombre
      4. Permitir que los destinatarios utilicen su firma guardada
      5. Condiciones de uso personalizadas y divulgación del cliente
      6. Desplazarse por los destinatarios en los campos del formulario
      7. Reiniciar flujo de trabajo del acuerdo
      8. Rechazo de la firma
      9. Permitir flujos de trabajo de Stamps
      10. Solicitar a los firmantes que proporcionen su Título o Empresa
      11. Permitir a los firmantes imprimir y colocar una firma escrita
      12. Mostrar mensajes al firmar electrónicamente
      13. Requerir a los firmantes usar un dispositivo móvil para crear su firma
      14. Solicitar la dirección IP de los firmantes
      15. Excluir el nombre y cargo de la empresa de los sellos de participación
    5. Firmas digitales
      1. Información general
      2. Descargar y firmar con Acrobat
      3. Firmar con firmas en la nube
      4. Incluir metadatos para proveedores de identidad
      5. Proveedores de firma en la nube restringidos
    6. Sellos electrónicos
    7. Identidad digital
      1. Puerta de enlace de identidad digital
      2. Política de comprobación de identidad
    8. Configuración de informes
      1. Nueva experiencia de informes
      2. Configuración de informes clásica
    9. Configuración de seguridad
      1. Configuración de inicio de sesión único
      2. Configuración de recordar usuario
      3. Política de contraseña para inicio de sesión
      4. Seguridad de la contraseña del inicio de sesión
      5. Duración de la sesión web
      6. Tipo de encriptación del PDF
      7. API
      8. Acceso a la información de usuarios y grupos
      9. Rangos de IP permitidos
      10. Uso compartido de cuenta
      11. Permisos de cuenta compartida
      12. Controles de uso compartido de acuerdos
      13. Verificación de la identidad del firmante
      14. Contraseña de firma de acuerdo
      15. Seguridad de la contraseña del documento
      16. Bloqueo de firmantes por geolocalización
      17. Autenticación telefónica
      18. Autenticación basada en conocimientos (KBA)
      19. Permitir la extracción de página
      20. Expiración del vínculo a documentos
      21. Cargar un certificado de cliente para webhooks/devoluciones de llamada
      22. Marca de hora
    10. Configuración de envío
      1. Mostrar página Enviar después de iniciar sesión
      2. Requerir el nombre del destinatario al enviar
      3. Bloquear valores de nombre para usuarios conocidos
      4. Funciones de destinatarios permitidos
      5. Permitir testigos electrónicos
      6. Grupos de destinatarios
      7. CCs
      8. Acceso del destinatario al acuerdo
      9. Campos obligatorios
      10. Adjuntar documentos
      11. Integración de campos
      12. Modificar acuerdos
      13. Nombre del acuerdo
      14. Idiomas
      15. Mensajes privados
      16. Tipos de firma permitidos
      17. Recordatorios
      18. Protección con contraseña de documentos firmados
      19. Enviar notificación de acuerdo a través de
      20. Opciones de identificación del firmante
        1. Información general
        2. Contraseña de firma
        3. Contraseña de un solo uso por correo electrónico
        4. Autenticación de Acrobat Sign
        5. Autenticación telefónica
        6. Firma digital basada en la nube
        7. Autenticación basada en conocimientos
        8. ID gubernamental
        9. Informes de identidad del firmante
      21. Protección de contenidos
      22. Habilitar transacciones de Notarize
      23. Caducidad del documento
      24. Vista previa, colocar firmas y añadir campos
      25. Orden de las firmas
      26. Liquid Mode
      27. Controles de flujo de trabajo personalizado
      28. Opciones de carga para la página de firma electrónica
      29. Redirección de la URL de confirmación tras la firma
    11. Plantillas de mensajes
    12. Configuración biofarmacéutica
      1. Información general
      2. Obligatoriedad de la autenticación de la identidad
      3. Motivos de firma
    13. Integración del flujo de trabajo
    14. Configuración de notarización
    15. Integración de pagos
    16. Mensajería de los firmantes
    17. Configuración de SAML
      1. Configuración de SAML
      2. Instalar el Servicio de federación de Microsoft Active Directory
      3. Instalar Okta
      4. Instalar OneLogin
      5. Instalar federación de identidades de Oracle
    18. Gobernanza de datos
    19. Configuración de marca de tiempo
    20. Archivo externo
    21. Idiomas de la cuenta
    22. Configuración de correo electrónico
      1. Imágenes de encabezado y pie de página del correo electrónico
      2. Permitir pies de página de correo electrónico de usuarios individuales
      3. Personalizar el correo electrónico de Firma solicitada
      4. Personalizar los campos “Para” y “CC”
      5. Habilitar notificaciones sin enlaces
      6. Personalice plantillas de correo electrónico
    23. Migración de echosign.com a adobesign.com
    24. Configuración de las opciones para los destinatarios
  4. Orientación para los requisitos reglamentarios
    1. Accesibilidad
      1. Cumplimiento de accesibilidad
      2. Crear formularios accesibles con Acrobat para escritorio
      3. Crear AcroForms accesibles
    2. HIPAA
    3. RGPD
      1. Información general sobre el RGPD
      2. Redactar a un usuario
      3. Redactar los acuerdos de un usuario    
    4. Título 21 del CFR, Parte 11, y EudraLex, anexo 11
      1. Paquete de validación del Título 21 del CFR, Parte 11
      2. Manual del Título 21 del CFR y EudraLex Anexo 11
      3. Análisis de las responsabilidades compartidas
    5. Clientes del sector sanitario
    6. Compatibilidad con IVES
    7. Acuerdos de "protección"
    8. Consideraciones de la UE y el Reino Unido
      1. Transacciones transfronterizas de la UE y el Reino Unido e IDAS
      2. Requisitos de HMLR para los títulos firmados electrónicamente
      3. El impacto del Brexit en las leyes de firma electrónica en el Reino Unido
  5. Descargar acuerdos en bloque
  6. Reivindicar un dominio 
  7. Vínculos de notificación de abuso

Enviar, firmar y administrar acuerdos

  1. Opciones de destinatario
    1. Cancelar un recordatorio por correo electrónico
    2. Opciones de la página de firma electrónica
      1. Información general de la página de firma electrónica
      2. Abrir para leer el acuerdo sin campos
      3. Rechazar la firma de un acuerdo
      4. Delegar autorización de firma
      5. Reiniciar el acuerdo
      6. Descargar un PDF del acuerdo
      7. Ver el historial del acuerdo
      8. Ver los mensajes del acuerdo
      9. Conversión de una firma electrónica a una escrita
      10. Conversión de una firma escrita a una electrónica 
      11. Navegar por los campos de formulario
      12. Borrar los datos de los campos de formulario
      13. Ampliación y navegación por la página de firma electrónica
      14. Cambiar el idioma utilizado en las herramientas y la información del acuerdo
      15. Revisar los avisos legales
      16. Ajuste de las preferencias de cookies de Acrobat Sign
  2. Enviar acuerdos  
    1. Información general de la página Enviar
    2. Envía un acuerdo solo a ti
    3. Enviar un acuerdo a otros usuarios
    4. Firmas escritas
    5. Orden de firma de los destinatarios
    6. Enviar en bloque
      1. Descripción general de la función Enviar en bloque
      2. Enviar en lote: configurar una plantilla principal
      3. Enviar en lote: configurar con el archivo CSV
      4. Cancelación de una transacción Enviar en lote
      5. Añadir recordatorios a Enviar en lote
      6. Creación de informes para Enviar en lote
  3. Creación de campos en documentos
    1. Entorno de creación en la aplicación
      1. Detección automática de campos
      2. Arrastra y suelta campos con el entorno de creación
      3. Asignación de los campos de formulario a los destinatarios
      4. La función Rellenar previamente
      5. Aplicar campos con una plantilla de campos reutilizable
      6. Transferir campos a una nueva plantilla de biblioteca
      7. Entorno de creación actualizada al enviar acuerdos
    2. Creación de formularios y etiquetas de texto
    3. Creación de formularios con Acrobat (AcroForms)
      1. Creación de AcroForm
      2. Crear documentos PDF accesibles
    4. Campos
      1. Tipos de campo
        1. Tipos de campo comunes
        2. Imágenes en línea
        3. Imágenes de sello
      2. Aspecto del contenido del campo
      3. Validaciones de campo
      4. Valores de campos enmascarados
      5. Configuración de condiciones de mostrar/ocultar
      6. Campos calculados 
    5. Preguntas frecuentes sobre creación
  4. Firmar acuerdos
    1. Firmar los acuerdos que te envíen
    2. Rellenar y firmar
    3. Firma automática
  5. Gestionar acuerdos
    1. Información general de la página Administrar
    2. Acuerdos delegados
    3. Reemplazar destinatarios
    4. Limitar la visibilidad del documento 
    5. Cancelar un acuerdo 
    6. Crear nuevos recordatorios
    7. Revisar recordatorios
    8. Cancelación de un recordatorio
    9. Acceder a flujos de Power Automate
    10. Más acciones…
      1. Cómo funciona la búsqueda
      2. Ver un acuerdo
      3. Creación de una plantilla a partir de un acuerdo
      4. Ocultar/Mostrar acuerdos de la vista
      5. Cargar un documento firmado
      6. Modificar los archivos y campos de un acuerdo enviado
      7. Editar el método de autenticación de un destinatario
      8. Añadir o modificar una fecha de caducidad
      9. Añadir una nota al acuerdo
      10. Uso compartido de un acuerdo individual
      11. Anular uso compartido de un acuerdo
      12. Descargar un acuerdo individual
      13. Descarga de los archivos individuales de un acuerdo
      14. Descargar el informe de auditoría de un acuerdo
      15. Descargar el contenido del campo de un acuerdo
  6. Informe de auditoría
  7. Exportaciones de creación de informes y datos
    1. Información general
    2. Conceder a los usuarios acceso a la creación de informes
    3. Gráficos de informes
      1. Crear un informe nuevo
      2. Informes del acuerdo
      3. Informes de transacciones
      4. Informe de actividad de la configuración
      5. Editar un informe
    4. Exportaciones de datos 
      1. Para crear una nueva exportación de datos
      2. Exportación de datos de formularios web
      3. Edición de una exportación de datos
      4. Actualizar el contenido de exportación de datos
      5. Descargar la exportación de datos
    5. Cambio de nombre de un gráfico/exportación
    6. Duplicar un informe/exportación
    7. Programar un informe/exportación
    8. Eliminar un informe/exportación
    9. Comprobar uso de transacciones

Capacidades y flujos de trabajo de acuerdos avanzados

  1. Formularios web 
    1. Crear un formulario web
    2. Editar un formulario web
    3. Deshabilitación/habilitación de un formulario web
    4. Ocultación/descubrimiento de un formulario web
    5. Buscar la dirección URL o el código de script 
    6. Rellenar previamente los campos del formulario web con parámetros de URL
    7. Guardar un formulario web para completarlo más tarde
    8. Cambiar el tamaño de un formulario web
  2. Plantillas reutilizables (plantillas de la biblioteca) 
    1. Formularios del Gobierno de los EE. UU. en la biblioteca de Acrobat Sign
    2. Crear una plantilla de biblioteca
    3. Cambiar el nombre de una plantilla de biblioteca
    4. Cambiar el tipo de una plantilla de biblioteca
    5. Cambio del nivel de permisos de una plantilla de biblioteca
    6. Copiar, editar y guardar una plantilla compartida
    7. Descargar los datos de campos agregados para una plantilla de biblioteca
  3. Transferencia de la propiedad de formularios web y plantillas de biblioteca
  4. Flujos de trabajo de Power Automate 
    1. Información general sobre la integración de Power Automate y los derechos incluidos
    2. Habilitar la integración de Power Automate
    3. Acciones en contexto de la página Administrar
    4. Seguimiento del uso de Power Automate
    5. Crear un nuevo flujo (Ejemplos)
    6. Desencadenadores utilizados para flujos
    7. Importación de flujos desde fuera de Acrobat Sign
    8. Administrar flujos
    9. Editar flujos
    10. Compartir flujos
    11. Deshabilitar o habilitar flujos
    12. Eliminar flujos
    13. Plantillas útiles
      1. Solo administrador
        1. Guardar todos los documentos completados en SharePoint
        2. Guardar todos los documentos completados en OneDrive para empresas
        3. Guardar todos los documentos completados en Google Drive
        4. Guardar todos los documentos completados en Dropbox
        5. Guardar todos los documentos completados en Box
      2. Archivo de acuerdos
        1. Guarde los documentos completados en SharePoint
        2. Guardar los documentos completados en OneDrive para empresas
        3. Guardar los documentos completados en Google Drive
        4. Guardar todos los documentos completados en Dropbox
        5. Guardar los documentos completados en Box
      3. Archivo de acuerdos del formulario web
        1. Guardar documentos de formulario web completados en la biblioteca de SharePoint
        2. Guardar documentos de formularios web completados en OneDrive para empresas
        3. Guardar los documentos completados en Google Drive
        4. Guardar los documentos de formularios web completados en Box
      4. Extracción de datos del acuerdo
        1. Extraer datos de campos de formulario del documento firmado y actualizar la hoja de Excel
      5. Notificaciones del acuerdo
        1. Enviar notificaciones por correo electrónico personalizadas con el contenido del acuerdo y el acuerdo firmado
        2. Obtener notificaciones de Adobe Acrobat Sign en un canal de Teams
        3. Obtener las notificaciones de Adobe Acrobat Sign en Slack
        4. Obtener las notificaciones de Adobe Acrobat Sign en Webex
      6. Generación de acuerdos
        1. Generar el documento a partir del formulario de Power App y la plantilla de Word; enviar para firmar
        2. Generar un acuerdo a partir de una plantilla de Word en OneDrive y obtener la firma
        3. Generar un acuerdo para la fila de Excel seleccionada, enviar para revisión y firmar
  5. Flujos de trabajo de envío personalizado
    1. Información general del flujo de trabajo de envío personalizado
    2. Creación de un nuevo flujo de trabajo de envío
    3. Edición de un flujo de trabajo de envío
    4. Activar o desactivar un flujo de trabajo de envío
    5. Enviar un acuerdo con un flujo de trabajo de envío
  6. Compartir usuarios y acuerdos
    1. Compartir un usuario
    2. Compartir acuerdos

Integrar con otros productos

  1.  Introducción a las integraciones de Acrobat Sign 
  2. Acrobat Sign para Salesforce
  3. Acrobat Sign para Microsoft
    1. Acrobat Sign para Microsoft 365
    2. Acrobat Sign para Outlook
    3. Acrobat Sign para Word/PowerPoint
    4. Acrobat Sign para Teams
    5. Acrobat Sign para Microsoft PowerApps y Power Automate
    6. Conector de Acrobat Sign para Microsoft Search
    7. Acrobat Sign para Microsoft Dynamics 
    8. Acrobat Sign para Microsoft SharePoint 
  4. Otras integraciones
    1. Acrobat Sign para ServiceNow
    2. Acrobat Sign para HR ServiceNow
    3. Acrobat Sign para SAP SuccessFactors
    4. Acrobat Sign para Workday
    5. Acrobat Sign para NetSuite
    6. Acrobat Sign para VeevaVault
    7. Acrobat Sign para Coupa BSM Suite
  5. Integraciones gestionadas por socios
  6. Cómo se crea una clave de integración

Acrobat Sign Desarrolladores

  1. API REST 
    1. Documentación de métodos
    2. Guía de desarrollo/SDK
    3. Preguntas frecuentes sobre API    
  2. Webhooks 
    1. Introducción a Webhook
    2. Configurar un webhook nuevo
    3. Ver o editar un webhook
    4. Desactivar o reactivar un webhook
    5. Eliminar un webhook
    6. Certificados SSL bidireccionales
    7. Webhooks en la API

Soporte y solución de problemas

  1. Recursos de asistencia al cliente 
  2. Recursos de éxito de los clientes de empresa 

Introducción

La experiencia de firma Liquid Mode mejora la visualización de los documentos en función del tipo de dispositivo del destinatario, lo que reduce la necesidad de pellizcar y hacer zoom y se centra fácilmente en los campos que se deben rellenar.

Los acuerdos compatibles con el Liquid Mode se generan con dos vistas para el destinatario:

  1. Una vista de PDF creada con toda la información de estilo presente en el HTML cargado, Esto corresponde a la versión firmada del acuerdo que está disponible para su descarga, al igual que la vista de PDF que Adobe Acrobat Sign genera para todos los acuerdos.
  2. Una vista de Liquid Mode que reajusta el documento HTML introducido y se optimiza para los tamaños de pantalla pequeños. La vista de Liquid Mode presenta una experiencia muy seleccionada que anula el estilo especificado en el documento HTML original.

La interfaz permite que el destinatario cambie fácilmente entre Liquid Mode y las vistas PDF tradicionales del documento, según sus preferencias, y captura las mismas firmas legalmente vinculantes que espera.

 

Los acuerdos compatibles con el Liquid Mode se crean con un solo archivo HTML como contenido de origen.

Hay algunas restricciones en las construcciones de HTML y campos de formulario en el documento HTML cargado. Concretamente:

  • el acuerdo debe crearse con un único documento HTML (solo un archivo)
    • Si se utiliza más de un documento para crear el acuerdo, solo se genera una vista de PDF
  • el documento HTML no puede contener JavaScript. No se permite el uso de etiquetas <script> como JavaScript insertado o como referencia a archivos JavaScript externos, ni tampoco en atributos de etiquetas HTML.
    • Si se encuentra JavaScript en el documento HTML, Acrobat Sign solo crea la vista de PDF.
  • El documento HTML solo puede utilizar las etiquetas HTML admitidas en la sección <body> del documento HTML, tal y como se describe en la sección Etiquetas HTML admitidas.
    • Si hay etiquetas HTML no compatibles en el cuerpo del documento HTML, Acrobat Sign solo crea la vista de PDF.

Como la vista de Liquid Mode tiene una experiencia muy precisa, el CSS especificado en el archivo HTML se omite (SOLO para la vista de Liquid Mode) y solo los atributos de las etiquetas HTML compatibles influirán en la vista de Liquid Mode. Sin embargo, no existen restricciones de este tipo para la vista de PDF. Acrobat Sign utiliza toda la gama de atributos disponibles para las etiquetas admitidas, así como el CSS especificado en el documento HTML, para generar la vista de PDF.

La notación de etiqueta de texto de Adobe Acrobat Sign se utiliza para especificar los campos de formulario en el documento HTML.

Flujo de trabajo del Liquid Mode

Nota:

Si la función Liquid Mode está activada pero la vista de Liquid Mode no se puede generar por algún motivo, el acuerdo se crea solo con la vista de PDF.

En el correo electrónico de confirmación enviado al remitente se mostrarán los motivos por los que no se pudo generar la vista de Liquid Mode.

El Liquid Mode se admite actualmente en dispositivos móviles, con compatibilidad adicional en desarrollo.


Habilitar/enviar acuerdos compatibles con el Liquid Mode

  1. Asegúrese de que Liquid Mode esté activado en el menú Administración de Acrobat Sign:

    • Vaya a Configuración de envío > Liquid Mode.
      • La configuración se puede modificar en el nivel de cuenta o de grupo.
    Vaya a los controles del Liquid Mode.

  2. Enviar un único archivo HTML mediante uno de los siguientes métodos:

    Enviar documento HTML


Etiquetas HTML compatibles

Para crear correctamente un acuerdo con la vista de Liquid Mode, el documento HTML NO puede contener construcciones de JavaScript. 

Solo se pueden utilizar las etiquetas siguientes en el cuerpo del documento HTML:

Categoría

Etiquetas HTML

Atributos que afectan a la vista de Liquid Mode

Restricciones

Encabezados

<h1>, <h2>, <h3>, <h4>, <h5>, <h6>

NINGUNO

 

División de contenido

<div>

alinear

 

Salto

<br>

NINGUNO

 

Regla horizontal

<hr>

NINGUNO

 

Párrafo

<p>

alinear

 

Imágenes

<img>

src, alt, altura, anchura

Consulte la sección “Compatibilidad de las imágenes

Texto insertado

<b>, <i>, <u>, <s>, <strong>, <em>, <span>, <sub>, <sup>

NINGUNO

 

Lista ordenada

<ol>, <li>

valor, tipo, invertido, inicio

 

Lista sin ordenar

<ul>, <li>

valor, invertido, inicio

 

Hipervínculo

<a>

href

El protocolo de URL está restringido a http, https y mailto

Tabla

<table>, <thead>, <tbody>, <tfoot>, <th>, <tr>, <td>, <caption>, <col>, <colgroup>

NINGUNO

1. NO se admiten tablas anidadas

2. NO se admiten campos de formulario en las tablas

Etiqueta de campo de formulario

<label>

durante

Consulte la sección “Etiquetas de campos de formulario”.

Agrupación de campos de formulario

<fieldset>, <legend>

NINGUNO

Consulte la sección “Etiquetado de grupos de campos”.

Imágenes

<img>

src, alt, altura, anchura

El tamaño de la imagen más todo el HTML debe ser inferior a 400 KB. Se admiten los formatos siguientes: JPEG, PNG, GIF, BMP y TIFF. El origen de la imagen debe ser una dirección URL HTTP.


Especificación de campos de formulario

Los campos de formulario deben especificarse en el documento HTML mediante la notación etiqueta de texto de Adobe Acrobat Sign.

La siguiente tabla muestra campos de formulario de ejemplo con etiquetas de texto de Acrobat Sign:

Campo

Etiquetas de texto de Sign

Campos de firma (firma, iniciales, bloque de firma, sello)

{{Sig_es_:signer1:signature}}



{{Int_es_:signer1:initials}}



{{SigB_es_:signer1:signatureblock}}



{{OSig_es_:signer1:optsignature}}



{{OInt_es_:signer1:optinitials}}



{{SigStamp_es_:signer1:stampimage(25)}}

Campos del firmante

{{Cmpy_es_:signer1:company}}



{{N_es_:signer2:fullname}}



{{Dte_es_:signer1:date}}



{{Em_es_:signer1:email}}

Campos del remitente

{{*Ttl_es_:sender:title}}

Sello de participación e ID de transacción

{{userstamp_es_:signer1:stamp:repeat}}

{{transstamp1_es_:transactionid:repeat}}

Campo de solo lectura

{{!price}}

{{price_es_:readonly}}

Entrada de texto

{{address_es_:signer1}}

{{*city_es_:signer1}}

Casillas de verificación

{{CB1_es_:checkbox(checked)}}

Botón de opción

{{(Red)Color_es_:signer1:label(“Red”)}}

{{(Blue)Color_es_:signer1:label(“Blue”)}}

{{(Green)Color_es_:signer1:label(“Green”)}}

Imagen

{{Image1_es_:signer1:inlineimage(4)}}

Menú desplegable

{{Color_es_:signer1:dropdown(options="Red,Green,Blue”, values=”R,G,B”)}}


Hipervínculo

{{companywebsite_es_:link(http://www.adobe.com):label(Adobe)}}


Archivo adjunto

{{*DriversLicense_es_:signer1:attachment}}

Información

{{Car_color_es:signer1:tooltip('Choose a color')}}

Firma digital

{{digsig1_es_:signer1:digitalsignature}}

Validación de campos

{{*Mobile_es_:signer1:phone}}

{{d_es_:signer1:num(>0,<60)}}

Reglas condicionales

p. ej. {{field_es_:showif(price>60)}}

Campos calculados

{{TV_es_:calc([SubTotal]+[Tax])}}

Nota:

Todas las construcciones de campos de formulario de Acrobat Sign son compatibles excepto las siguientes:

Categoría

Construcciones no compatibles

Excepciones

Campo de formulario de firma digital

:digitalsignature no será compatible.



Flujos de trabajo de prerrellenado

La directiva :prefill no será compatible.



Campo de formulario de hipervínculo

La directiva :page(N) no será compatible.

:link con protocolos distintos de http, https y mailto.

Las directivas :signer1 y :everyone serán compatibles.

Campos de formulario sin nombre

Los campos de formulario sin nombre no serán compatibles.

Las casillas de verificación sin nombre serán compatibles.

Campos de formulario con nombre cambiado

Varios campos de formulario con el mismo nombre pero con diferentes directivas no serán compatibles.




Etiquetas de campos de formulario

Cada campo de formulario debe tener una etiqueta asociada. Aunque las etiquetas no son obligatorias para todos los campos de formulario, se recomienda encarecidamente que los campos de formulario tengan etiquetas.

Específicamente, en el Liquid Mode:

  • Las etiquetas se utilizan para mejorar la representación visual del campo.
  • Una etiqueta asociada a un campo proporciona sugerencias de accesibilidad. Cuando un campo está seleccionado, un lector de pantalla utiliza la etiqueta para anunciar el campo al usuario.
  • Se puede hacer clic en una etiqueta para seleccionar un campo o para cambiar el valor de un botón de opción o una casilla de verificación.

Los campos de formulario se pueden enlazar a etiquetas mediante la etiqueta HTML <label> de una de las siguientes maneras:

  1. Campo de formulario de Acrobat Sign incluido dentro de una etiqueta <label>
    • <label>Firma: {{sig_es_:signer1:signature}}</label>
  2. El atributo “for” de la etiqueta <label> puede hacer referencia al nombre del campo de formulario para vincularlo a un campo de formulario.
    • {{sig_es_:signer1:signature}} … <label for=”sig”>Firma: </label>

Las etiquetas que no se pueden enlazar con campos de formulario según las reglas anteriores se representarán como texto de etiqueta no enlazado.

Además, las etiquetas de texto de Acrobat Sign admiten la directiva :label para los tipos de campos de formulario:

  • Archivos adjuntos
  • Hipervínculos
  • Casillas de verificación
  • Botones de opción

La directiva :label y la etiqueta <label> de etiquetas de texto de Acrobat Sign se pueden combinar de las siguientes maneras:

Tipo de campo de formulario

Función de la directiva :label

Función de la etiqueta HTML <label>

Archivos adjuntos,

Hipervínculos

Especifica la etiqueta que se muestra dentro del cuadro de campo de formulario.

La etiqueta <label> especifica la etiqueta o el encabezado del campo de formulario.

Casilla de verificación,

Opción de botón de opción

Especifica la etiqueta o el encabezado del campo de formulario.

Si la directiva :label de la etiqueta de texto de Acrobat Sign no existe, <label> ocupará su lugar en el campo de formulario.

Si tanto :label como <label> están presentes, la vista de Liquid Mode no se creará.

Ejemplos:

  • {{CB_es_:checkbox: signer1:label("Acepto.")}}} <label for=” CB”> Sí</label>
  • {{(Red_v)Color_es_:signer1::label(“Red Color“)} <label for=”(Red_v)Color”>Rojo</label>
Nota:

Las etiquetas para las casillas de verificación se pueden especificar de las siguientes maneras:

  • {{CB_es_:checkbox: signer1:label("Acepto.")}}
  • <label> {{CB_es_:checkbox:signer1}} Acepto.</label>
  • {{CB_es_:checkbox:signer1}} <label for="CB"> Acepto.</label>

Las etiquetas para las opciones de botón de opción se pueden especificar de las siguientes maneras:

  • {{(Red_v)Color_es_:signer1:label(“Rojo”)}}
  • <label> {{(Red_v)Color_es_:signer1}} Rojo </label>
  • {{(Red_v)Color_es_:signer1}} <label for=”(Red_v)Color”>Rojo</label>
Precaución:

Normalmente, en HTML, el atributo “for” hace referencia a un valor de id. de campo. El Liquid Mode utiliza el atributo “for” para hacer referencia a nombres de campo. Esto puede provocar ambigüedad en los campos de formulario clonados, donde hay varias instancias de campos de formulario con la misma directiva de etiqueta de texto de Acrobat Sign. En este caso, debemos evitar utilizar el atributo “for” y asociar etiquetas incluyendo la etiqueta de texto dentro de un elemento <label>.

Por ejemplo, el siguiente uso creará campos de formulario clonados con etiquetas diferentes para cada una de las dos instancias en la vista reflow móvil:

  • <label> Oficial {{name_of_official_es_:signer1}} </label>
  • <label> Nombre {{name_of_official_es_:signer1}} </label>

Si un campo de formulario clonado especifica una etiqueta con un atributo “for”, las referencias son ambiguas y no se pueden resolver. En este caso, no se creará una vista de Liquid Mode.

 Por ejemplo, el siguiente uso solo creará una vista de PDF:

  • <label for="name_of_official> Oficial </label> {{name_of_official_es_:signer1}}
  • <label for="name_of_official> Nombre</label> {{name_of_official_es_:signer1}}


Etiquetado de grupos de campos

Las etiquetas se asocian a un solo campo de formulario. Cuando queremos asociar una etiqueta o un pie a un grupo de campos (en particular, a grupos de botones de opción), recomendamos el uso de elementos de conjunto de campos y de leyenda. El conjunto de campos se utiliza para agrupar los elementos y la leyenda se utiliza para proporcionar una leyenda/etiqueta para el grupo. De forma similar a la etiqueta, las ventajas en el Liquid Mode son las siguientes:

  • Una mejor representación visual de un pie/encabezado asociado al grupo de campos.
  • Una buena experiencia de accesibilidad. Los lectores de pantalla anunciarán correctamente el grupo de campos utilizando el contenido de la leyenda.

Por ejemplo:

<fieldset>

        <legend>Elija su color principal favorito</legend>             

        {{(Red)Color_es_:signer1:label("Red")}}<br/>       

        {{(Blue)Color_es_:signer1:label("Blue")}}<br/>       

        {{(Green)Color_es_:signer1:label("Green")}}<br/>       

</fieldset>

Nota:

Para la mayoría de los documentos, el autor no desea la representación predeterminada de un conjunto de campos. 

El cuadro delimitador se puede eliminar con este CSS:

    fieldset {

        border: none;

        margin: 0;

        padding: 0;

    }

Compatibilidad de las imágenes

Se admiten imágenes con las restricciones siguientes:

  • Solo se admite el elemento <img>.
  • El src de un <img> se puede facilitar como datos incrustados (data: scheme) o como una URL web (https: scheme only).
  • Se admiten los formatos siguientes: JPEG, PNG, GIF, BMP y TIFF.
    • En el caso de los GIF animados, el primer fotograma se utilizará como imagen estática.
  • El tamaño de una imagen recuperada de una URL web está limitado a 5 MB.


Flujos de trabajo de Acrobat Sign no compatibles

Liquid Mode no admite los siguientes flujos de trabajo de Acrobat Sign:

  • Acuerdo creado a partir de varios documentos
  • Acuerdo creado a partir de documentos que no son HTML
  • Acuerdos creados a partir de plantillas de biblioteca
  • Acuerdos creados en estado DRAFT o AUTHORING
  • Flujos de trabajo de firma digital
  • Flujos de trabajo de firma escrita
  • Modificación de flujos de trabajo en marcha
  • Flujos de trabajo de grupos en los que la casilla de verificación Previsualizar está activada de forma predeterminada
  • Acuerdos con motivos de firma activados
  • Acuerdos configurados para obligar al firmante a autenticarse cada vez que haga clic en un campo de firma

Si se intenta crear una vista de Liquid Mode en los flujos de trabajo anteriores, solo se crea un acuerdo con la vista de PDF. El correo electrónico de confirmación enviado al remitente enumera las razones por las que no se pudo generar Liquid Mode.


Notificación de error del Liquid Mode

Si el remitente ha intentado generar un acuerdo con una vista de Liquid Mode, pero Acrobat Sign no ha podido generarlo, se le notificará en el correo electrónico de confirmación del acuerdo los problemas específicos que impidieron la creación de la vista de Liquid Mode. El remitente puede resolver los problemas notificados e intentar crear el acuerdo con una vista de Liquid Mode en intentos posteriores.

Los problemas notificados se pueden agrupar en las siguientes categorías:

  • Construcciones HTML no compatibles
  • Etiquetas de texto de Acrobat Sign no compatibles
  • Flujos de trabajo de Acrobat Sign no compatibles
  • Error interno del Liquid Mode

Los errores internos del Liquid Mode se producen cuando el servidor encuentra condiciones de error inesperadas al intentar crear la vista de Liquid Mode.

Para las otras categorías de error, puede encontrar detalles de los problemas notificados en las siguientes subsecciones:

Si no se puede generar la vista de Liquid Mode debido a construcciones HTML no compatibles, el correo electrónico de confirmación enviado al remitente incluirá una o varias de las siguientes cadenas de error:

Cadenas de error

Elemento no compatible [+nombreEtiqueta]

Protocolo URL no compatible [+URL]

No se admiten campos de formulario en las tablas [+nombreEtiqueta]

No se admiten tablas anidadas

Elemento secundario de etiqueta no válido [+nombreEtiqueta]

Consulte la sección sobre Etiquetas HTML compatibles para obtener más información.

Si no se puede generar la vista de Liquid Mode debido a construcciones de etiquetas de texto de Acrobat Sign no compatibles, el correo electrónico de confirmación enviado al remitente incluirá una o varias de las siguientes cadenas de error:

Cadenas de error

No se encuentra la etiqueta de definición de la referencia [+nombreCorto]

No se admiten campos prerrellenados [+nombre]

No se admiten hipervínculos internos [+nombre]

Solo se admiten campos sin nombre para las casillas de verificación

No se admiten campos con el mismo nombre y directivas diferentes [+nombre]

No se admiten las firmas digitales [+nombre]

Los campos no pueden tener un elemento de etiqueta y una directiva de etiqueta [+nombre]

Falta el campo de formulario de Sign para la etiqueta de texto: [+nombre]

Consulte la sección sobre Especificación de campos de formulario para obtener más información.

Si no se pudo generar la vista de Liquid Mode debido a flujos de trabajo de Acrobat Sign no compatibles, el correo electrónico de confirmación enviado al remitente incluirá una o varias de las siguientes cadenas de error:

Cadenas de error

El acuerdo es una plantilla de biblioteca

El acuerdo requiere una firma escrita

El acuerdo tiene habilitada la opción CFR como motivo de firma

El acuerdo tiene habilitada la opción CFR de reautenticación de firma electrónica

Consulte la sección sobre Especificación de campos de formulario para obtener más información.


Documento HTML de muestra: Solicitud de informe de crédito

Las cualidades de formulario que son los principales objetivos para la creación del Liquid Mode son:

  • documentos que tienen bloques grandes de texto que pueden requerir mucho pellizco y zoom
  • formularios en los que no hay superposición de campos y el flujo de campos en Liquid Mode es aceptable

Descargar

<!DOCTYPE html>

<html lang="en">

 

<head>

    <meta charset="UTF-8">

    <title>Sample Title</title>

    <link rel="stylesheet" href="css/all.css">

    <style>

    body {

        font-family: Arial, Helvetica, sans-serif;

        font-size: 12px

    }

    fieldset {

        border: none;

        margin: 0;

        padding: 0;

    }

 

    legend {

        float: left;

    }

 

    h2 {

        margin: 10px 0;

        font-size: 13px;

        margin: 20px 0 0 0;

    }

 

    h3 {

        margin: 0;

        font-size: 12px;

    }

 

    ul {

        margin: 0;

    }

 

    li {

        margin-bottom: 3px;

        padding-left: 5px;

    }

     

    p {

        margin: 4px 0;

    }

 

    .header {

        border-bottom: 2px solid #000;

        margin: 0 5px 15px 5px;

    }

 

    .header h1 {

        font-weight: 700;

        margin: 0;

        font-size: 15px;

    }

 

    .body {

        border: 1px solid #000;

        padding: 0 5px 10px 5px;

    }

   

    .page {

        padding: 0 25px;

        margin: 0 auto;

    }

     

    .txt_logo {

        font-size: 30px;

        color:blue;

        font-style:oblique

    }

 

    .textTag {

        padding: 9px 0;

        border-bottom: 2px solid #000;

        margin: 0 -4px 5px 0

    }

 

    .underline {

        text-decoration: underline;

        font-weight: 700;

        font-size: 12px

    }

     

    .columns-2 .item {

        width: 49%

    }

 

    .columns-3 .item {

        width: 33%

    }

 

    .item {

        display: inline-block

    }

     

    .address .item {

        width: 16%

    }

 

    .item.big {

        width: 30%

    }

 

    .checkbox {

        margin: 15px 0

    }

 

    .checkbox span {

        font-weight: 700;

        font-size: 11px

    }

 

    .card-info label {

        width: 12%;

        font-size: 11px;

        text-transform: capitalize

    }

 

    .card-info p {

        border-bottom: 1px solid #000;

        margin-right: 10px;

        padding-bottom:5px;

        display: inline-block

    }

 

    .card-number {

        width: 40%;

    }

 

    .expiry-date {

        width: 25%;

    }

 

    .radio-button label {

        width: 55%

    }

     

    .radio-button .item {

        width: 16%

    }

     

    .note {

        font-size: 12px

    }

 

    .footer {

        padding: 0 10px;

        font-size: 11px;

    }

    </style>

</head>

 

<body>

    <div class="page">

        <div class="header">

            <h2 class="txt_logo"><b>SAMPLE COMPANY</b></h2>

            <h1 class="h1_header">SAMPLE REQUEST TO OBTAIN MY FREE CREDIT REPORT </h1>

        </div>

        <div class="body">

            <h3>Sample Important Information & Instructions:</h3>

            <p>In order to protect your personal information we will validate your identity before mailing your credit report to your <u>confirmed</u>

                home address. You must provide a photocopy of the front and back of:</p>

            <ul class="info">

              <li class="info__item">Two pieces of government-issued identification</li>

              <li class="info__item">If your address is not up-to-date on either identification, you <u>must also</u> provide an additional document showing your <u>current home address</u> (e.g. a utility bill).</li>

              <li class="info__item">If you provide your <b>Social Insurance Number</b>, we will cross-reference it with our records to ensure that we disclose the correct information to you. Knowing it helps us avoid delays and confusion in case another individual's identifying information (such as name and address) is similar to the one you provided.</li>

              <li class="info__item">If you provide a <b>credit card </b>statement or copy of your <b>credit card</b> as proof, please ensure to <b>blackout</b> your private information.</li>

            </ul>

            <p>The information you provide on the form will be used to confirm your identity and may also be used to update your credit report. Such updated information will be stored, safeguarded, used and/or disclosed in the normal course as part of your credit file. For more information about SAMPLE COMPANY’s privacy practices, please see our Privacy Policy at https://www.adobe.com/privacy/policy.html. For clarity, in any case, we will keep a copy of the information you provide to demonstrate that we complied with our obligation to obtain reasonable identification from you.

            </p>

            <p>Please send your completed form with proof of identity to: <b>Lorem inseam dolor sit amen, consenttetur</b>or by fax to: <b>XXX-XX-XXXX.</b>Kindly allow X-Y days for delivery. If any corrections to your credit report are necessary you must complete the Credit Report Update form enclosed with your package, or visit <a href="http://sampleurl">SampleURL</a> and click on “How to File a Something” under Our Sample Assistance.

            </p>

        </div>

        <div class="form">

            <div class="columns-3">

                <div class="item">

                    <p class="textTag">{{*LastName_es_:signer1}}</p>

                    <label for="LastName">APELLIDOS </label>

                </div>

                <div class="item">

                    <p class="textTag">{{*FirstName_es_:signer1}}</p>

                    <label for="FirstName">FIRST NAME, INITIAL</label>

                </div>

                <div class="item">

                    <p class="textTag">{{Suffix_es_:signer1}}</p>

                    <label for="Suffix">SUFFIX (Sr., Jr., etc.)</label>

                </div>

            </div>

            <div class="address">

                <div class="item big">

                    <p class="textTag">{{*StreetAddress_es_:signer1&nbsp;}}</p>

                    <label for="StreetAddress">CURRENT STREET ADDRESS </label>

                </div>

                <div class="item">

                    <p class="textTag">{{*Apt_es_:signer1}}</p>

                    <label for="Apt">APT.</label>

                </div>

                <div class="item">

                    <p class="textTag">{{*City_es_:signer1}}</p>

                    <label for="City">CIUDAD</label>

                </div>

                <div class="item">

                    <p class="textTag">{{*Prov_es_:signer1}}</p>

                    <label for="Prov">PROVINCE</label>

                </div>

                <div class="item">

                    <p class="textTag">{{*Zip_es_:signer1:zip}}</p>

                    <label for="Zip">POSTAL CODE</label>

                </div>

            </div>

            <h2>PREVIOUS ADDRESS(ES) WITHIN LAST 3 YEARS</h2>

            <div class="address">

                <div class="item big">

                    <p class="textTag">{{*StreetAddressPr_es_:signer1&nbsp;}}</p>

                    <label for="StreetAddressPr">PREVIOUS STREET ADDRESS </label>

                </div>

                <div class="item">

                    <p class="textTag">{{*AptPr_es_:signer1}}</p>

                    <label for="AptPr">APT.</label>

                </div>

                <div class="item">

                    <p class="textTag">{{*CityPr_es_:signer1}}</p>

                    <label for="CityPr">CIUDAD</label>

                </div>

                <div class="item">

                    <p class="textTag">{{*PrvPr_es_:signer1}}</p>

                    <label for="PrvPr">PROVINCE</label>

                </div>

                <div class="item">

                    <p class="textTag">{{*ZipPr_es_:signer1:zip}}</p>

                    <label for="ZipPr">POSTAL CODE</label>

                </div>

            </div>

            <div>

                <p class="textTag">{{*EmailAddress_es_:signer1:isemail}}</p>

                    <label for="EmailAddress">CORREO ELECTRÓNICO</label>

            </div>

            <div class="columns-2">

                <div class="item">

                    <p class="textTag">{{$DATEOFBIRTH}}</p>

                    <label for="Date">DATE OF BIRTH </label>

                </div>

                <div class="item">

                    <p class="textTag">{{SocialSecurityNumber_es_:signer1:ssn}}</p>

                    <label for="SocialSecurityNumber">S.I.N.:</label>

                </div>

            </div>

            <div class="columns-2">

                <div class="item">

                    <p class="textTag">{{$NAMEMAJORCARD}}</p>

                    <label for="NameMajorCard">NAME OF MAJOR CREDIT CARD:</label>

                </div>

                <div class="item">

                    <p class="textTag">{{$LAST4}}</p> <label for="Last4">LAST 4 DIGITS OF MAJOR CREDIT CARD:</label>

                </div>

            </div>

            <div class="columns-2">

                <div class="item">

                    <p class="textTag">{{*Signature_es_:signer1:signature}}</p><label for="Signature">Signature</label>

                </div>

                <div class="item">

                    <p class="textTag">{{*DateOfSignature_es_:signer1:date}}</p><label for="DateOfSignature">Date</label>

                </div>

            </div>

            <div class="checkbox">

                 <label class="underline">{{$PAY}}  YES, I WOULD ALSO LIKE TO PURCHASE MY Sample Company SCORE* FOR $X.XX (tax included)</label>

            </div>
            <fieldset>
            <legend> Autorizo a la empresa Sample a cargar el pago en mi tarjeta de crédito:</legend>

              <div class="radio-button">

                <div class="item"><label>{{$V}}Visa</label></div>

                <div class="item"><label>{{$M}}MasterCard</label></div>

                <div class="item"><label>{{$A}}AMEX</label></div>

              </div>
            </legend>

            <div class="card-info">

                <label for="CardholderName">Cardholder Name:</label>

                <p>{{$CALCULATEDCARDHOLDERNAME}}</p>

            </div>

            <div class="card-info">

                <label for="CardNumber">Card Number:</label>

                <p class="card-number">{{*CardNumber_es_:signer1}}</p> <label for="ExpiryDate">Expiry Date:</label>

                        <p class="expiry-date">{{$EXPIRYDATE}}</p>

            </div>

            <div class="note">

                <p>Note: Cheque and cash payments are not accepted. Cardholder’s name must be same as requestor’s name.</p>

            </div>

        </div>

        <div class="footer">

            <p>*Sample company’s XY is a product some service providers use when assessing applications for credit and services. It is not part of your sample credit report, but is based on the particular information in your credit file at the time it is calculated. Lorem Ipsem is not the same as the Lorem Ipsem, which is also used by some lenders. Sample Company will provide your sample report free of charge, whether or not you purchase your Lorem Ipsem. <b>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Sample company can provide more sample services:</b> Sample Address Telephone: 1-XXX-XXX-XXXX Telephone in Sample: 1-XXX-XXX-XXXX</p>

        </div>

    </div>

    <!--  PAGE BREAK -->

    <div style="page-break-after:always"></div>

    <!-- SIGN Text Tag Definitions -->

    {{#REMOVE_PAGE_FROM_OUTPUT}}

   

    <!-- check box -->

    <p>{{#PAY=*Pay_es_:signer1:checkbox}}</p>

 

    <!-- radio button and conditional rule to enable if Pay is checked -->

    <p>{{#V=(Visa)CCard_es_:signer1:enableif(Pay=checked)}}</p>

    <p>{{#M=(MasterCard)CCard_es_:signer1:enableif(Pay=checked)}}</p>

    <p>{{#A=(AMEX)CCard_es_:signer1:enableif(Pay=checked)}}</p>

 

    <!-- drop down -->

    {{#NAMEMAJORCARD=*NameMajorCard_es_:dropdown(options="Visa,MasterCard,AMEX,Discover")}}

 

    <!-- calculated field -->

    <p>{{#CALCULATEDCARDHOLDERNAME=*CardholderName_es_:signer1:calc([FirstName]+"&nbsp;"+[LastName]+"&nbsp;"+[Suffix])}}

     

    <!-- regular expression fromatting validation -->

    <p>{{#LAST4=*Last4_es_:signer1:custom(regexp="^[0-9]{4}$")}}

    <p>{{#CREDITCARDNUMBER=*CardNumber_es_:signer1:custom(regexp="^[0-9]{16}$")}}</p>

 

    <!-- date validations -->

    <p>{{#EXPIRYDATE=*ExpiryDate_es_:isdate(format=mm/yy)}}</p>

    <p>{{#DATEOFBIRTH=*Date_es_:signer1:isdate(format=mm/dd/yyyy)}}</p>

 

</body>

 

</html>

 

Documento HTML en el explorador

Vista de PDF clásica en Adobe Sign

Vista de acuerdo:

Vista de Liquid Mode


Problemas conocidos y preguntas frecuentes

Le recomendamos que, al crear el HTML, pruebe el HTML varias veces y compruebe que no hay errores y que cumple los criterios generales de flujo antes de enviarlo a los destinatarios previstos.

Los elementos HTML del documento HTML deben seguir el orden de lectura del documento. 

Los saltos de página del documento se deben especificar explícitamente mediante la propiedad CSS “page-break-after”, como se muestra a continuación:

<div style="page-break-after:always"></div>

Si se rediseña el documento teniendo en cuenta el reflow, se puede mejorar la experiencia móvil en general. Si NO tiene previsto rediseñar el documento, puede que desee ceñirse a la apariencia general del PDF original con algunas excepciones:

  • No habrá un manejo especial de artefactos a nivel de página en el Liquid Mode. Si hay artefactos de nivel de página, como encabezados, pies de página, marcas de agua, etc. en el documento HTML, puede que aparezcan en la vista de reflow en medio del contenido reajustado.

  • Si el formulario incluye instrucciones para rellenar los campos de formulario como “POR FAVOR, IMPRIMIR” u “OPCIONAL” o instrucciones de formato como “(dd/mm/aaaa)”, no incluya el texto en el HTML; parte de la información, como las instrucciones de formato “(dd/mm/aaaa)” o si un campo de formulario es “OPCIONAL”, debe especificarse en la especificación del campo de formulario mediante etiquetas de texto.  

  • Algunos textos pueden requerir la recopilación de conjuntos compuestos de información. Dividirlos en varios campos de formulario simplificará el caso de uso. Por ejemplo, en el documento de muestra anterior, “NAME & LAST 4 DIGITS OF MAJOR CREDIT CARD” se ha dividido en “NAME OF MAJOR CREDIT CARD” y “LAST 4 DIGITS OF MAJOR CREDIT CARD”

  • Utilice solo las etiquetas HTML compatibles que se indican más arriba. Consulte la sección sobre construcciones HTML.

  • Utilice coordenadas y ubicaciones relativas como {width: 30%} para que el HTML pueda reajustarse a diferentes anchuras de dispositivo. La anchura de página absoluta no debe estar presente en el CSS. 

  • Si un PDF contiene una construcción de tabla o lista, la representación HTML correspondiente debe ser una tabla o lista, respectivamente. La única excepción son las tablas con campos de formulario. Si una tabla tiene campos de formulario, la misma información debe presentarse sin tablas.

Para crear una mejor experiencia de rellenado de formularios en línea, se recomienda encarecidamente que los campos de formulario se creen utilizando todas las validaciones, expresiones de formato y reglas condicionales, así como la fórmula de cálculo que ofrecen las etiquetas de texto de Sign.

  • Los nombres de los campos de formulario deben ser únicos si representan distintas entidades.
  • Se recomienda encarecidamente que cada campo de formulario tenga una etiqueta, ya sea incluyendo el campo de formulario o mediante el atributo “for”.
  • Si un campo de formulario es OPCIONAL, debe especificarse en las etiquetas de texto de Sign. Por ejemplo:
    • {{*S.I.N_es_:signer1}} representa un campo de formulario obligatorio
    • {{S.I.N_es_:signer1}} representa un campo de formulario opcional
  • Las etiquetas de texto de Sign proporcionan una gran variedad de validaciones para CP, NSS, fecha, correo electrónico, números de moneda con comprobaciones de rango y longitudes máximas, etc. Utilícelos.
  • Las etiquetas de texto de Sign también incluyen formato para campos de formulario como el formato de fecha, el formato de moneda, etc. Se recomienda encarecidamente que los use.
  • Todas las casillas de verificación deben tener etiquetas asociadas. Por ejemplo:

<label> {{[]}} SÍ, TAMBIÉN ME GUSTARÍA ADQUIRIR MI CALIFICACIÓN DE CRÉDITO</label>

  • Si hay campos de formulario que parecen casillas de verificación en el formulario en papel/PDF pero tienen valores mutuamente excluyentes como preguntas Sí/No o la pregunta Visa/MasterCard/AMEX de este formulario, combine todos los campos de formulario en un grupo o conviértalos en un campo de formulario de tipo botón de opción o menú desplegable en lugar de casillas de verificación individuales e incluya una etiqueta/encabezado     

<fieldset>

<legend>Opciones de pago:</legend>

{{#VISA=(Visa)CCard_es_:label("Visa"):signer1:enableif(Pay=checked)}}

({#MCARD=(MasterCard)CCard_es_:label("MasterCard"):signer1:enableif(Pay=checked)}}

{{#AMEX=(AMEX)CCard_es_:label("AMEX"):signer1:enableif(Pay=checked)}}

</fieldset>

  • Las etiquetas de texto de Sign también definen las dimensiones de los campos de formulario en la página representada en función de las dimensiones de la etiqueta de texto de Sign representada en la página. La especificación de la etiqueta de texto de Sign proporciona formas de acortar las dimensiones del campo de formulario. Busque “Acortamiento de etiquetas de texto” y “Etiquetas de texto largas” en https://helpx.adobe.com/es/sign/using/text-tag.html. Una técnica común es definir una sección al final del documento HTML que contenga las etiquetas de definición de las etiquetas de texto realmente largas y utilizar etiquetas de referencia en el cuerpo del HTML. A continuación se muestran algunas etiquetas de definición de muestra:

<div style="page-break-after:always"></div>

{{#REMOVE_PAGE_FROM_OUTPUT}}

{{#CCARDDROPDOWN=*ccardDropDown_es_:dropdown(options="Visa,MasterCard,AMEX")}}

{{#VI=*(Visa)CCard_es_:signer1}}

{{#MC=*(MasterCard)CCard_es_:signer1}}

{{#AM=*(AMEX)CCard_es_:signer1}}

{{#DATEOFBIRTH=*Date_es_:signer1:isdate(format(dd/mm/yy)}}

 Adobe

Obtén ayuda de forma más rápida y sencilla

¿Nuevo usuario?