Um Formulários PDF preenchíveis com nada além de campos de texto e caixas de seleção é funcional, mas estático. Adicionar botões interativos transforma um formulário simples em um documento navegável e responsivo que orienta os usuários pelas seções, realiza cálculos automaticamente e envia dados concluídos com um único clique, em vez de exigir que o usuário salve e envie o arquivo por e-mail manualmente. Os botões podem redefinir todos os campos do formulário para seus padrões, imprimir o documento preenchido, navegar pelo usuário entre as seções de um formulário de várias páginas, acionar cálculos personalizados e enviar dados do formulário para um servidor web ou endereço de e-mail. O processo de adicioná-los requer um editor de PDF que suporte a especificação completa do Acrobat Forms, já que os editores básicos geralmente restringem a criação de formulários apenas a campos de texto e caixas de seleção.
Escolhendo o editor de PDF certo para criação de botões
Nem todo editor de PDF oferece suporte ao conjunto completo de ações de botão definidas na especificação do PDF. O Adobe Acrobat Pro oferece o conjunto de ferramentas de botão mais abrangente, incluindo gatilhos JavaScript para comportamentos avançados, como validação de campo e visibilidade condicional. Os editores de PDF baseados em navegador melhoraram significativamente nessa área, com vários oferecendo agora a inserção de botões como parte de seus kits de ferramentas de criação de formulários, juntamente com os campos de texto e caixas de seleção padrão. Ao selecionar uma ferramenta, confirme se ela suporta especificamente o tipo de campo Botão, não apenas campos de texto e caixas de seleção. Uma ferramenta de formulário que oferece apenas campos de entrada de texto e ferramentas básicas de anotação não pode criar botões interativos funcionais.
Para uma alternativa baseada em navegador que não requer instalação de software, plataformas como WukongPDF incluem ferramentas de campo de formulário que cobrem as ações de botão mais comuns, como navegação de página, envio de formulário e redefinição de campo. A vantagem de uma ferramenta baseada em navegador é a acessibilidade imediata entre dispositivos, sem sobrecarga de instalação ou licenciamento. Os aplicativos de desktop continuam sendo preferíveis para botões complexos baseados em JavaScript que validam entradas do usuário em vários campos ou executam lógica condicional com base em valores de formulário, já que esses scripts avançados exigem a API JavaScript completa do Acrobat.
Experimente Editar PDF
Nenhuma instalação necessária. Funciona diretamente no seu navegador.
Adicionando botões de navegação entre páginas
Os botões de navegação são o tipo de botão PDF interativo mais prático e amplamente suportado para formulários de várias páginas. Um botão Ir para a próxima página e um botão Ir para a página anterior evitam que os usuários precisem rolar ou deslizar manualmente por um formulário extenso, o que é especialmente útil em dispositivos móveis onde a interface do visualizador de PDF já ocupa um espaço significativo na tela. Para adicionar um botão de navegação, abra o editor de formulário, selecione a ferramenta Botão na barra de ferramentas do campo de formulário e desenhe um retângulo onde o botão deve aparecer na página. Na caixa de diálogo de propriedades do botão, encontre a guia Ações, adicione um novo gatilho de ação definido como Mouse Up e selecione Executar um item de menu ou Executar um JavaScript, dependendo do que o editor suporta. Para um botão de próxima página, a ação JavaScript mais simples é a instrução única this.pageNum++, que incrementa o número da página atual.
Rotule o botão com um texto claro e orientado para a ação. Um rótulo como Próxima página ou um ícone de seta para a direita universalmente reconhecido oferece aos usuários uma expectativa imediata e inequívoca do que acontecerá quando clicarem. Defina a aparência do botão na guia Opções na caixa de diálogo de propriedades. Escolha uma cor de fundo que contraste visivelmente com o conteúdo da página, adicione uma borda distinta para definir a área clicável e defina o tamanho da fonte grande o suficiente para uma leitura confortável e toque na tela de um telefone celular. Um botão deve ter pelo menos 100 pixels de largura e 40 pixels de altura em uma página tamanho carta padrão para fornecer um alvo de toque confortável.
Criando um botão Enviar para dados de formulário
Um botão Enviar envia os dados preenchidos do formulário para um destino configurado, fechando o ciclo entre o usuário preencher o formulário e os dados chegarem onde precisam ir. Na guia Ações das propriedades do botão, escolha Enviar um formulário no menu suspenso do tipo de ação. Em seguida, configure o URL de envio. Para entrega do formulário preenchido por e-mail, insira mailto:address@example.com como URL. O cliente de email padrão do usuário será aberto com os dados do formulário anexados. Para processamento no lado do servidor, insira o URL completo do endpoint HTTPS que receberá e analisará a carga de dados do formulário de acordo com sua configuração de back-end.
A configuração do formato de exportação determina como os dados enviados são estruturados e como o destinatário irá interagir com eles. FDF (Forms Data Format) envia apenas os nomes dos campos e seus valores atuais, produzindo uma carga compacta que o destinatário pode importar de volta para o modelo de formulário em branco original para visualizar os dados preenchidos no contexto. XFDF é a versão baseada em XML do mesmo conceito, mais fácil de ser analisada por sistemas automatizados. O HTML exporta os dados como pares simples de nome-valor, legíveis em qualquer navegador, sem ferramentas especiais. PDF exporta uma cópia inteira preenchida do documento com todos os campos preenchidos. Escolha o formato com base em como o destinatário processará o envio. Para ingestão automatizada em bancos de dados ou sistemas CRM, HTML ou XFDF normalmente são mais fáceis de analisar programaticamente. Para destinatários humanos que precisam visualizar o formulário preenchido, o envio do PDF completo é a opção mais prática e independente.
Construindo um botão de reinicialização para limpar todos os campos
Um botão Redefinir limpa todos os campos do formulário de volta ao seu estado padrão ou vazio em uma única ação, permitindo que os usuários reiniciem completamente sem selecionar e excluir manualmente o texto de cada campo individual. Na guia Ações do botão, escolha Redefinir um formulário na lista de tipos de ação. Uma caixa de diálogo aparece listando todos os campos do formulário no documento. Marque as caixas ao lado dos campos que devem ser redefinidos quando o botão for clicado. Normalmente, você seleciona todos os campos preenchíveis pelo usuário, mas há casos legítimos em que determinados campos devem persistir durante uma redefinição. Um campo de carimbo de data, um nome de empresa pré-preenchido ou um número de referência de documento não devem ser apagados quando o usuário redefine suas entradas pessoais.
O botão Redefinir deve ser visualmente diferente do botão Enviar para evitar cliques acidentais dispendiosos. Use uma cor neutra e de baixo destaque, como cinza claro ou branco, com uma borda fina para Redefinir, e reserve uma cor forte e de alto contraste, como azul ou verde, para Enviar. Coloque o botão Redefinir à esquerda de Enviar, seguindo a convenção estabelecida da web e do aplicativo de que as ações primárias de avanço aparecem à direita e as ações secundárias ou destrutivas aparecem à esquerda. Esse layout espacial reduz significativamente a chance de um usuário clicar em Redefinir quando pretendia clicar em Enviar depois de passar dez minutos preenchendo um formulário detalhado.
Testando botões em diferentes visualizadores de PDF
Um botão que funciona perfeitamente no Adobe Acrobat pode não fazer absolutamente nada em um visualizador de PDF baseado em navegador, em um aplicativo de PDF móvel ou no aplicativo Preview no Mac. Cada visualizador implementa a especificação interativa do PDF de maneira diferente, e alguns visualizadores simplesmente ignoram determinados tipos de ação inteiramente por motivos de segurança ou compatibilidade. Depois de criar seu formulário PDF interativo com botões, teste cada botão em pelo menos três ambientes distintos: Adobe Acrobat Reader em um computador desktop, o visualizador de PDF do navegador padrão no Chrome ou Edge e um aplicativo de PDF móvel, como Apple Books ou Adobe Acrobat Reader para iOS ou Android.
A tabela abaixo resume quais ações de botão são suportadas nos ambientes comuns de visualização de PDF:
| Ação do botão | Acrobat Desktop | Cromo/Edge | Aplicativos móveis |
|---|---|---|---|
| Navegação na página | Suporte total | Suporte total | Parcial |
| Enviar dados do formulário | Suporte total | Parcial | Limitado |
| Redefinir campos do formulário | Suporte total | Suporte total | Suporte total |
| Imprimir documento | Suporte total | Parcial | Limitado |
Para botões que exigem execução de JavaScript, observe que a maioria dos visualizadores de PDF baseados em navegador desativa totalmente o JavaScript como medida de segurança. Se o seu formulário depende de botões JavaScript para validação de campo ou cálculos complexos, inclua uma nota visível na parte superior do formulário instruindo os usuários a abrir o documento no Adobe Acrobat Reader para obter funcionalidade interativa completa.
Adicionando um botão de impressão para manutenção de registros em papel
Um botão Imprimir incorporado diretamente no formulário aciona a caixa de diálogo de impressão do sistema, que é útil para formulários que exigem assinaturas físicas ou cópias em papel após o preenchimento digital. O tipo de ação é Executar um item de menu e o item de menu específico a ser selecionado é Arquivo seguido de Imprimir. Esta é uma ação integrada do Acrobat que não requer codificação JavaScript, tornando-a compatível com todos os principais visualizadores de PDF que suportam o tipo de ação de execução de menu.
Coloque o botão Imprimir longe dos botões principais Enviar e Redefinir para evitar confusão. Um layout comum coloca Imprimir na área do cabeçalho da primeira página ou em uma linha da barra de ferramentas na parte superior, enquanto Enviar e Redefinir ocupam a área do rodapé da página final. Essa separação física torna clara a finalidade distinta de cada botão por meio do design espacial, em vez de depender apenas do rótulo de texto.
Adicionando dicas de ferramentas e texto flutuante aos botões de formulário
Uma dica de ferramenta fornece uma breve descrição que aparece quando o usuário passa o cursor sobre um botão. Esta pequena adição melhora significativamente a usabilidade dos formulários, especialmente para botões com rótulos apenas de ícones ou em formulários distribuídos para usuários que talvez não estejam familiarizados com os recursos interativos do PDF. Na caixa de diálogo de propriedades do botão, encontre a guia Geral e procure o campo Dica de ferramenta. Insira uma descrição curta e orientada para a ação, como Clique para enviar o formulário preenchido ou Vá para a próxima seção do aplicativo. Mantenha a dica de ferramenta com menos de 60 caracteres para que ela seja exibida totalmente na maioria das telas, sem truncamento.
Testar dicas de ferramentas entre visualizadores é tão importante quanto testar as próprias ações dos botões. Alguns visualizadores de PDF móveis não suportam nenhum estado de foco, já que as telas sensíveis ao toque não possuem equivalente de foco. Para formulários distribuídos principalmente para usuários móveis, inclua um rótulo de texto visível diretamente no botão ou próximo a ele, em vez de depender de uma dica de ferramenta que os usuários de toque nunca verão. Uma abordagem combinada, com um rótulo visível e uma dica de ferramenta, proporciona a melhor experiência em ambientes desktop e móveis.
Experimente Editar PDF
Nenhuma instalação necessária. Funciona diretamente no seu navegador.