Un Formularios PDF rellenable con nada más que campos de texto y casillas de verificación es funcional pero estático. Agregar botones interactivos transforma un formulario plano en un documento navegable y responsivo que guía a los usuarios a través de las secciones, realiza cálculos automáticamente y envía datos completos con un solo clic en lugar de requerir que el usuario guarde y envíe el archivo por correo electrónico manualmente. Los botones pueden restablecer todos los campos del formulario a sus valores predeterminados, imprimir el documento completo, navegar al usuario entre las secciones de un formulario de varias páginas, activar cálculos personalizados y enviar datos del formulario a un servidor web o dirección de correo electrónico. El proceso de agregarlos requiere un editor de PDF que admita la especificación completa de Acrobat Forms, ya que los editores básicos a menudo restringen la creación de formularios únicamente a campos de texto y casillas de verificación.
Elegir el editor de PDF adecuado para la creación de botones
No todos los editores de PDF admiten el conjunto completo de acciones de botones definidos en la especificación de PDF. Adobe Acrobat Pro proporciona el conjunto de herramientas de botones más completo, incluidos activadores de JavaScript para comportamientos avanzados como la validación de campos y la visibilidad condicional. Los editores de PDF basados en navegador han mejorado significativamente en esta área, y varios ahora ofrecen la inserción de botones como parte de sus kits de herramientas de creación de formularios junto con los campos de texto y casillas de verificación estándar. Al seleccionar una herramienta, confirme que admita específicamente el tipo de campo Botón, no solo campos de texto y casillas de verificación. Una herramienta de formulario que solo ofrece campos de entrada de texto y herramientas de anotación básicas no puede crear botones interactivos funcionales.
Para una alternativa basada en navegador que no requiere instalación de software, plataformas como WukongPDF incluyen herramientas de campo de formulario que cubren las acciones de botones más comunes, como navegación de páginas, envío de formularios y restablecimiento de campos. La ventaja de una herramienta basada en navegador es la accesibilidad inmediata a través de dispositivos sin gastos generales de instalación o licencia. Las aplicaciones de escritorio siguen siendo preferibles para botones complejos basados en JavaScript que validan las entradas del usuario en múltiples campos o realizan lógica condicional basada en valores de formulario, ya que estos scripts avanzados requieren la API completa de JavaScript de Acrobat.
Agregar botones de navegación entre páginas
Los botones de navegación son el tipo de botón PDF interactivo más práctico y ampliamente compatible para formularios de varias páginas. Un botón Ir a la página siguiente y un botón Ir a la página anterior evitan que los usuarios tengan que desplazarse o deslizarse manualmente por un formulario extenso, lo cual es especialmente útil en dispositivos móviles donde la interfaz del visor de PDF ya ocupa un espacio significativo en la pantalla. Para agregar un botón de navegación, abra el editor de formularios, seleccione la herramienta Botón en la barra de herramientas del campo del formulario y dibuje un rectángulo donde debería aparecer el botón en la página. En el cuadro de diálogo de propiedades del botón, busque la pestaña Acciones, agregue un nuevo activador de acción configurado en Mouse Up y seleccione Ejecutar un elemento de menú o Ejecutar JavaScript según lo que admita el editor. Para un botón de página siguiente, la acción de JavaScript más simple es la declaración única this.pageNum++, que incrementa el número de página actual.
Etiquete el botón con texto claro y orientado a la acción. Una etiqueta como Página siguiente o un ícono de flecha hacia la derecha universalmente reconocido brinda a los usuarios una expectativa inmediata e inequívoca de lo que sucederá cuando hagan clic. Establezca la apariencia del botón en la pestaña Opciones en el cuadro de diálogo de propiedades. Elija un color de fondo que contraste visiblemente con el contenido de la página, agregue un borde distintivo para definir el área en la que se puede hacer clic y establezca el tamaño de fuente lo suficientemente grande para leer y tocar cómodamente en la pantalla de un teléfono móvil. Un botón debe tener al menos 100 píxeles de ancho y 40 píxeles de alto en una página de tamaño carta estándar para proporcionar un objetivo táctil cómodo.
Crear un botón Enviar para datos de formulario
Un botón Enviar envía los datos del formulario completado a un destino configurado, cerrando el ciclo entre el usuario que completa el formulario y los datos que llegan a donde deben ir. En la pestaña Acciones de propiedades del botón, elija Enviar un formulario en el menú desplegable de tipos de acción. Luego configure la URL de envío. Para la entrega por correo electrónico del formulario completo, ingrese mailto:address@example.com como URL. El cliente de correo electrónico predeterminado del usuario se abrirá con los datos del formulario adjuntos. Para el procesamiento del lado del servidor, ingrese la URL completa del punto final HTTPS que recibirá y analizará la carga útil de datos del formulario de acuerdo con su configuración de backend.
La configuración del formato de exportación determina cómo se estructuran los datos enviados y cómo el destinatario interactuará con ellos. FDF (Formato de datos de formularios) envía solo los nombres de los campos y sus valores actuales, lo que produce una carga útil compacta que el destinatario puede volver a importar a la plantilla de formulario en blanco original para ver los datos completados en contexto. XFDF es la versión basada en XML del mismo concepto, más fácil de analizar para los sistemas automatizados. HTML exporta los datos como pares simples de nombre-valor legibles en cualquier navegador sin herramientas especiales. PDF exporta una copia completa del documento con todos los campos completados. Elija el formato según cómo el destinatario procesará el envío. Para la ingesta automatizada en bases de datos o sistemas CRM, HTML o XFDF suelen ser los más fáciles de analizar mediante programación. Para los destinatarios humanos que necesitan ver el formulario completo, enviar el PDF completo es la opción más práctica e independiente.
Crear un botón de reinicio para borrar todos los campos
Un botón Restablecer borra todos los campos del formulario a su estado predeterminado o vacío en una sola acción, lo que permite a los usuarios comenzar de nuevo por completo sin seleccionar ni eliminar manualmente el texto de cada campo individual. En la pestaña Acciones del botón, elija Restablecer un formulario en la lista de tipos de acción. Aparece un cuadro de diálogo que enumera todos los campos del formulario en el documento. Marque las casillas junto a los campos que deben restablecerse cuando se hace clic en el botón. Por lo general, selecciona todos los campos que el usuario puede completar, pero hay casos legítimos en los que ciertos campos deben persistir después de un reinicio. Un campo de sello de fecha, un nombre de empresa precargado o un número de referencia de documento no deben borrarse cuando el usuario restablece sus entradas personales.
El botón Restablecer debe ser visualmente distinto del botón Enviar para evitar costosos clics accidentales. Utilice un color neutro y de bajo énfasis, como gris claro o blanco con un borde fino para Restablecer, y reserve un color llamativo y de alto contraste, como azul o verde, para Enviar. Coloque el botón Restablecer a la izquierda de Enviar, siguiendo la convención web y de aplicaciones establecida de que las acciones primarias de avance aparecen a la derecha y las acciones secundarias o destructivas aparecen a la izquierda. Este diseño espacial reduce significativamente la posibilidad de que un usuario haga clic en Restablecer cuando pretendía hacer clic en Enviar después de pasar diez minutos completando un formulario detallado.
Botones de prueba en diferentes visores de PDF
Un botón que funciona perfectamente en Adobe Acrobat puede no hacer absolutamente nada en un visor de PDF basado en navegador, una aplicación de PDF móvil o la aplicación de vista previa en Mac. Cada visor implementa la especificación interactiva de PDF de manera diferente, y algunos visores simplemente ignoran ciertos tipos de acciones por completo por razones de seguridad o compatibilidad. Después de crear su formulario PDF interactivo con botones, pruebe cada botón en al menos tres entornos distintos: Adobe Acrobat Reader en una computadora de escritorio, el visor de PDF del navegador predeterminado en Chrome o Edge y una aplicación de PDF móvil como Apple Books o Adobe Acrobat Reader para iOS o Android.
La siguiente tabla resume qué acciones de botones se admiten en los entornos comunes de visualización de PDF:
| Acción del botón | Escritorio Acrobat | Cromo/Edge | Aplicaciones móviles |
|---|---|---|---|
| Navegación de página | Soporte total | Soporte total | Parcial |
| Enviar datos del formulario | Soporte total | Parcial | Limitado |
| Restablecer campos de formulario | Soporte total | Soporte total | Soporte total |
| Imprimir documento | Soporte total | Parcial | Limitado |
Para los botones que requieren la ejecución de JavaScript, tenga en cuenta que la mayoría de los visores de PDF basados en navegador desactivan JavaScript por completo como medida de seguridad. Si su formulario se basa en botones de JavaScript para validación de campos o cálculos complejos, incluya una nota visible cerca de la parte superior del formulario que indique a los usuarios que abran el documento en Adobe Acrobat Reader para obtener una funcionalidad interactiva completa.
Agregar un botón Imprimir para mantener registros en papel
Un botón Imprimir incrustado directamente en el formulario activa el cuadro de diálogo de impresión del sistema, que es útil para formularios que requieren firmas físicas o copias en papel después de completarse digitalmente. El tipo de acción es Ejecutar un elemento de menú y el elemento de menú específico a seleccionar es Archivo seguido de Imprimir. Esta es una acción integrada de Acrobat que no requiere codificación JavaScript, lo que la hace compatible con todos los principales visores de PDF que admiten el tipo de acción de ejecución de menú.
Coloque el botón Imprimir lejos de los botones principales Enviar y Restablecer para evitar confusiones. Un diseño común coloca Imprimir en el área del encabezado de la primera página o en una fila de la barra de herramientas en la parte superior, mientras que Enviar y Restablecer ocupan el área del pie de página de la página final. Esta separación física aclara el propósito distintivo de cada botón a través del diseño espacial en lugar de depender únicamente de la etiqueta de texto.
Agregar información sobre herramientas y texto al pasar el cursor a los botones de formulario
Una información sobre herramientas proporciona una breve descripción que aparece cuando el usuario pasa el cursor sobre un botón. Esta pequeña adición mejora significativamente la usabilidad de los formularios, especialmente para botones con etiquetas de solo íconos o en formularios distribuidos a usuarios que pueden no estar familiarizados con las funciones interactivas de PDF. En el cuadro de diálogo de propiedades del botón, busque la pestaña General y busque el campo Información sobre herramientas. Ingrese una descripción breve y orientada a la acción, como Haga clic para enviar su formulario completo o Vaya a la siguiente sección de la solicitud. Mantenga la información sobre herramientas por debajo de 60 caracteres para que se muestre completamente en la mayoría de las pantallas sin truncarse.
Probar la información sobre herramientas entre los espectadores es tan importante como probar las acciones de los botones en sí. Algunos visores de PDF móviles no admiten ningún estado de desplazamiento, ya que las pantallas táctiles no tienen equivalente. Para formularios distribuidos principalmente a usuarios de dispositivos móviles, incluya una etiqueta de texto visible directamente sobre o al lado del botón en lugar de depender de una información sobre herramientas que los usuarios táctiles nunca verán. Un enfoque combinado, con una etiqueta visible y una información sobre herramientas, proporciona la mejor experiencia en entornos de escritorio y móviles.