Guía del usuario Cancelar

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

 

Guía de Adobe Acrobat Sign

Novedades

Introducción

Administrar

Enviar, firmar y administrar acuerdos

Capacidades y flujos de trabajo de acuerdos avanzados

Integrar con otros productos

Acrobat Sign Desarrolladores

Soporte y solución de problemas

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:


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


Problemas conocidos y preguntas frecuentes

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

¿Nuevo usuario?