Guia do Usuário Cancelar

Liquid Mode para Experiência de assinatura em dispositivos móveis

 

Guia do Adobe Acrobat Sign

Novidades

Introdução

Administrar

Enviar, assinar e gerenciar contratos

Recursos e fluxos de trabalho avançados de contratos

Integrar a outros produtos

Acrobat Sign Developer

Suporte e solução de problemas

Introdução

A experiência de assinatura do Liquid Mode melhora a exibição dos documentos com base no tipo de dispositivo do recipient, reduzindo a necessidade de pinçar e aplicar zoom e focar facilmente nos campos que precisam ser preenchidos.

Os contratos compatíveis com o Liquid Mode são gerados com duas exibições para o recipient:

  1. Exibição em PDF criada com o uso de todas as informações de estilo presentes no HTML carregado. Corresponde à versão assinada do contrato que está disponível para download, assim como a exibição de PDF gerada pelo Adobe Acrobat Sign para todos os contratos
  2. Exibição do Liquid Mode que reflui o documento HTML de entrada e é otimizada para tamanhos de tela pequenos. A exibição do Liquid Mode apresenta uma experiência altamente selecionada que substitui o estilo especificado no documento HTML original

A interface permite que o recipient alterne facilmente entre o Liquid Mode e as exibições de PDF tradicionais do documento, dependendo de suas preferências, e captura as mesmas assinaturas legalmente vinculativas esperadas.

 

Os contratos compatíveis com o Liquid Mode são criados com um único arquivo HTML como conteúdo de origem.

Há algumas restrições no HTML e construções de campo de formulário no documento HTML carregado. Especificamente:

  • o contrato deve ser criado com um documento HTML único (apenas um arquivo)
    • Se mais de um documento for usado para criar o contrato, será gerada somente uma exibição de PDF
  • o documento HTML não pode conter JavaScript. Uso de tags <script>, como JavaScript incorporado ou como referência a arquivos JavaScript externos ou em atributos de tags HTML não são permitidos
    • Se o JavaScript for encontrado no documento HTML, o Acrobat Sign criará somente a exibição em PDF
  • o documento HTML pode usar somente as tags HTML compatíveis no <body> do documento HTML, conforme descrito na seção Tags HTML compatíveis
    • Se as tags HTML não compatíveis estiverem no corpo do documento HTML, o Acrobat Sign só criará a exibição em PDF

Como a exibição do Liquid Mode tem uma experiência muito selecionada, o CSS especificado no arquivo HTML é ignorado (SOMENTE na exibição do Liquid Mode) e somente os atributos das tags HTML compatíveis influenciarão a exibição do Liquid Mode. No entanto, não existem essas restrições para a exibição de PDF. O Acrobat Sign usa a gama completa de atributos disponíveis para as tags compatíveis, bem como o CSS especificado no documento HTML para gerar a exibição de PDF.

A notação da tag de texto do Adobe Acrobat Sign é usada para especificar os campos de formulário no documento HTML.

Fluxo de trabalho do Liquid Mode

Observação:

Se o recurso Liquid Mode estiver ativado, mas a exibição do Liquid Mode não puder ser gerada por qualquer motivo, o contrato é criado somente com a exibição de PDF.

O email de confirmação enviado ao remetente listará os motivos pelos quais a exibição do Liquid Mode não pôde ser gerada.

No momento, o Liquid Mode é compatível com smartphones, com suporte adicional em desenvolvimento.


Ativar/Enviar contratos compatíveis com o Liquid Mode

  1. Certifique-se de que o Liquid Mode esteja ativado no menu de administrador do Acrobat Sign:

    • Navegue até Configurações de envio > Liquid Mode
      • A configuração pode ser modificada no nível da conta ou do grupo
    Navegue até os controles do Liquid Mode

  2. Enviar um único arquivo HTML usando um dos seguintes meios:

    Enviar documento HTML


Tags HTML compatíveis

Para criar um contrato com êxito com a exibição do Liquid Mode, o documento HTML NÃO pode conter construções JavaScript. 

Somente as seguintes tags podem ser usadas no corpo do documento HTML:

Categoria

Tags HTML

Atributos que afetam a exibição do Liquid Mode

Restrições

Cabeçalhos

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

NENHUM

 

Divisão de conteúdo

<div>

align

 

Quebra

<br>

NENHUM

 

Linha horizontal

<hr>

NENHUM

 

Parágrafo

<p>

align

 

Imagens

<img>

src, alt, altura, largura

Consulte a seção “Compatibilidade de imagens

Texto incorporado

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

NENHUM

 

Lista ordenada

<ol>, <li>

valor, tipo, invertido, início

 

Lista não ordenada

<ul>, <li>

valor, invertido, início

 

Hiperlink

<a>

href

O protocolo de URL está restrito a http, https e mailto

Tabela

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

NENHUM

1. Tabelas aninhadas NÃO são compatíveis

2. Os campos de formulário dentro das tabelas NÃO são compatíveis

Rótulo do campo de formulário

<label>

para

Consulte a seção “Rótulos do campo de formulário”.

Agrupamento de campos de formulário

<fieldset>, <legend>

NENHUM

Consulte a seção “Rotular grupos de campos”.

Imagens

<img>

src, alt, altura, largura

O tamanho da imagem mais o HTML inteiro devem ser menores que 400 KB. Os seguintes formatos são compatíveis: JPEG, PNG, GIF, BMP e TIFF. A origem da imagem deve ser um URL HTTPs.


Especificação do campo de formulário

Os campos de formulário precisam ser especificados no documento HTML usando a notação tag de texto do Adobe Acrobat Sign.

A tabela abaixo mostra os campos de formulário de amostra usando tags de texto do Acrobat Sign:

Campo

Tags de texto do Sign

Campos de assinatura (assinatura, iniciais, bloco de assinatura, carimbo)

{{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 do signatário

{{Cmpy_es_:signer1:company}}



{{N_es_:signer2:fullname}}



{{Dte_es_:signer1:date}}



{{Em_es_:signer1:email}}

Campos do remetente

{{*Ttl_es_:sender:title}}

Carimbo de participação e ID de transação

{{userstamp_es_:signer1:stamp:repeat}}

{{transstamp1_es_:transactionid:repeat}}

Campo somente leitura

{{!price}}

{{price_es_:readonly}}

Entrada de texto

{{address_es_:signer1}}

{{*city_es_:signer1}}

Caixas de seleção

{{CB1_es_:checkbox(checked)}}

Botão de opções

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

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

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

Imagem

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

Listas suspensas

{{Color_es_:signer1:dropdown(options="Vermelho,Verde,Azul”, values=”R,G,B”)}}


Hiperlink

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


Anexo de arquivo

{{*DriversLicense_es_:signer1:attachment}}

Dica de ferramenta

{{Car_color_es:signer1:tooltip('Escolher uma cor')}}

Assinatura digital

{{digsig1_es_:signer1:digitalsignature}}

Validação de campo

{{*Mobile_es_:signer1:phone}}

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

Regras condicionais

ex. {{field_es_:showif(price>60)}}

Campos calculados

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

Observação:

Todas as construções de campo de formulário do Acrobat Sign são compatíveis, exceto para o seguinte:

Categoria

Construções incompatíveis

Exceções

Campo de formulário de assinatura digital

:digitalsignature não terá suporte



Fluxos de trabalho de pré-preenchimento

diretiva :prefill não terá suporte.



Campo de formulário de hiperlink

A diretiva :page(N) não terá suporte.

:link com protocolos diferentes de http, https e mailto.

As diretivas :signer1 e :everyone terão suporte

Campos de formulário não nomeados

Campos de formulário não nomeados não terão suporte.

Caixas de seleção sem nome terão suporte

Campos de formulário renomeados

Vários campos de formulário com o mesmo nome, mas diretivas diferentes, não terão suporte




Rótulos de campo de formulário

Cada campo de formulário deve ter um rótulo associado. Embora os rótulos não sejam obrigatórios para cada campo de formulário, é altamente recomendável que os campos de formulário tenham rótulos.

Especificamente no Liquid Mode:

  • Os rótulos são usados para aprimorar a representação visual do campo
  • Um rótulo associado a um campo fornece dicas de acessibilidade. Quando um campo estiver em foco, um leitor de tela usará o rótulo para anunciar o campo ao usuário
  • Um rótulo pode ser clicado para definir o foco em um campo ou, no caso de um botão de opções ou caixa de seleção, clicar no rótulo alterna o valor

Os campos de formulário podem ser vinculados a rótulos usando a tag HTML <label> de uma das seguintes maneiras:

  1. Campo de formulário do Acrobat Sign contido em uma tag <label>
    • <label>Assinatura: {{sig_es_:signer1:signature}}</label>
  2. O atributo “for” da tag <label> pode se referir ao nome do campo de formulário para vinculá-lo a um campo de formulário.
    • {{sig_es_:signer1:signature}} … <label for=”sig”>Assinatura: </label>

Os rótulos que não podem ser vinculados aos campos de formulário pelas regras acima serão renderizados como um texto de rótulo não vinculado.

Além disso, as tags de texto do Acrobat Sign são compatíveis com a diretiva :label para os tipos de campos de formulário:

  • Arquivos anexos
  • Hiperlinks
  • Caixas de seleção
  • Botões de opção

A diretiva :label de tag de texto e tag <label> do Acrobat Sign podem ser combinadas das seguintes maneiras:

Tipo de campo de formulário

Função da diretiva :label

Função da tag <label> em HTML

Arquivos anexos,

Hiperlinks

Especifica o rótulo exibido dentro da caixa do campo de formulário.

A tag <label> especifica o rótulo ou cabeçalho do campo de formulário.

Caixa de seleção,

Opção Botão de opções

Especifica o rótulo ou cabeçalho do campo de formulário.

Se a diretiva :label da tag de texto do Acrobat Sign estiver ausente, <label> assumirá seu lugar no campo do formulário.

Se :label e <label> estiverem presentes, a exibição do Liquid Mode não será criada.

Exemplos:

  • {{CB_es_:checkbox: signer1:label(“Concordo.”)}}} <label for=” CB”> Sim</label>
  • {{(Red_v)Color_es_:signer1::label(“Cor vermelha”)} <label for=”(Red_v)Color”>Vermelho</label>
Observação:

Os rótulos podem ser especificados para caixas de seleção das seguintes maneiras:

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

Os rótulos podem ser especificados para as opções do botão de opções das seguintes maneiras:

  • {{(Red_v)Color_es_:signer1:label(“Vermelho”)}}
  • <label> {{(Red_v)Color_es_:signer1}} Vermelho </label>
  • {{(Red_v)Color_es_:signer1}} <label for=”(Red_v)Color”>Vermelho</label>
Cuidado:

Normalmente em HTML, o atributo “for” refere-se a um valor field id. O Liquid Mode usa o atributo “for” para se referir a nomes de campo.  Isso pode causar ambiguidade para campos de formulário clonados, onde há várias instâncias de campos de formulário com exatamente a mesma diretiva de tag de texto do Acrobat Sign. Nesse caso, é necessário evitar o uso do atributo “for” e deve associar rótulos ao incluir a tag de texto em um elemento <label>.

Por exemplo, o seguinte uso criará campos de formulário clonados com rótulos diferentes para cada uma das duas instâncias na exibição de refluxo móvel:

  • <label> Oficial {{name_of_offic_es_:signer1}} </label>
  • <label> Nome {{name_of_official_es_:signer1}} </label>

Se um campo de formulário clonado especificar um rótulo usando um atributo “for”, as referências serão ambíguas e não poderão ser resolvidas. nesse caso, não será criada uma exibição do Liquid Mode.

 Por exemplo, o seguinte uso só criará uma exibição de PDF:

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


Rotular grupos de campos

Os rótulos são associados a um único campo de formulário. Quando queremos associar um rótulo/legenda a um grupo de campos (notavelmente, grupos de botões de opções), incentivamos o uso de elementos de campo e legenda.  O conjunto de campos é usado para agrupar os elementos, e a legenda é usada para fornecer uma legenda/rótulo para o grupo. Semelhante ao rótulo, os benefícios no Liquid Mode são:

  • Uma melhor representação visual de uma legenda/cabeçalho associada ao grupo de campos
  • Uma boa experiência de acessibilidade. Os leitores de tela anunciarão corretamente o grupo de campos usando o conteúdo da legenda

Por exemplo:

<fieldset>

        <legend>Escolha sua cor primária favorita</legend>             

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

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

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

</fieldset>

Observação:

Para a maioria dos documentos, o autor não deseja a renderização padrão de um conjunto de campos. 

A caixa delimitadora pode ser removida com este CSS:

    fieldset {

        border: none;

        margin: 0;

        padding: 0;

    }

Compatibilidade de imagens

Imagens são compatíveis, mas com as restrições a seguir:

  • Somente o elemento <img> é compatível
  • src de uma <img> pode ser fornecido na forma de dados incorporados (data: scheme) ou como um URL da Web (https: scheme only)
  • Os seguintes formatos são compatíveis: JPEGPNGGIFBMPTIFF
    • Para GIFs animados, o primeiro quadro será usado como uma imagem estática
  • O tamanho de uma imagem recuperada de um URL da Web está limitado a 5 MB


Fluxos de trabalho do Acrobat Sign incompatíveis

O Liquid Mode não oferece suporte aos seguintes fluxos de trabalho do Acrobat Sign:

  • Contratos criados originários de vários documentos
  • Contratos criados originários de documentos não HTML
  • Contratos criados a partir de modelos de biblioteca
  • Contratos criados no estado DRAFT ou AUTHORING
  • Fluxos de trabalho de assinatura digital
  • Fluxos de trabalho de assinatura manual
  • Modificar fluxos de trabalho em andamento
  • Fluxos de trabalho de grupos nos quais a caixa de seleção Visualizar está ativada por padrão
  • Contratos com motivos de assinatura ativados
  • Contratos configurados para desafiar o signatário a autenticar sempre que ele clicar em um campo de assinatura

Uma tentativa de criar uma exibição do Liquid Mode nos fluxos de trabalho acima resulta na criação de um contrato com exibição somente em PDF. O email de confirmação enviado ao remetente lista os motivos pelos quais o Liquid Mode não pôde ser gerado.


Notificação de erro do Liquid Mode

Se o remetente tentou gerar um contrato com uma exibição do Liquid Mode, mas o Acrobat Sign não pôde gerá-lo, o remetente recebe notificação, no email de confirmação do contrato, sobre os problemas específicos que impediram a criação da exibição do Liquid Mode. O remetente pode resolver os problemas relatados e tentar criar o contrato com uma exibição do Liquid Mode em tentativas subsequentes.

Os problemas relatados podem ser agrupados nas seguintes categorias:

  • Construções HTML incompatíveis
  • Tags de texto do Acrobat Sign incompatíveis
  • Fluxos de trabalho do Acrobat Sign incompatíveis
  • Erro interno do Liquid Mode

Os erros internos do Liquid Mode ocorrem quando o servidor encontra condições de erro inesperadas ao tentar criar a exibição do Liquid Mode.

Para as outras categorias de erro, você pode encontrar detalhes dos problemas relatados nas seguintes subseções:


Exemplo de documento HTML: Solicitação de relatório de crédito

As qualidades do formulário que são os principais alvos para a criação do Liquid Mode são:

  • documentos que possuem grandes blocos de texto que podem exigir muitos movimentos de pinça e zoom
  • formulários nos quais não há sobreposição de campos e o fluxo de campos do Liquid Mode é aceitável


Problemas conhecidos e perguntas frequentes

Receba ajuda com mais rapidez e facilidade

Novo usuário?