PlatoForms User Guide
Ctrl+K

  • Form Builder

    Creating an Online Form for an Existing PDF

  • Custom Domain

    With Builder you can build three types of forms: online web forms, online PDF forms, and master forms.

  • Master Form Builder

    you will arrive at the Form Builder. On the form Builder, there are three main sections:

What's new? API Docs

Diseñar formulario web PDF

Pestañas

Usa Vista previa y diseño para personalizar cómo se ve tu Formulario Web PDF. Puedes:

  • Aplicar un tema y previsualizarlo inmediatamente.
  • Añadir un logotipo y personalizar colores, fuentes, espaciado y diseño.
  • Guardar tu diseño como un tema compartido de equipo o actualizar uno existente.
  • Usar CSS o JavaScript personalizados para cambios avanzados.

Acceder al diseñador de formularios

  1. Abre tu formulario web PDF existente desde el Tablero.

  2. Haz clic en el botón Vista previa y diseño en el constructor de formularios en la parte superior izquierda.

    Abrir diseñador de formularios

    Esto abre una vista previa donde puedes ajustar el diseño de tu formulario.

Aplicar un tema

Los temas te permiten cambiar rápidamente la apariencia general de tu formulario.

  1. En Vista previa y diseño, haz clic en Diseñar formulario en la esquina superior derecha.

    Botón Diseñar formulario en Vista previa y diseño

  2. En el panel de la izquierda, haz clic en Explorar temas.

    Explorar temas en el panel Diseñar formulario

  3. Elige un tema. La vista previa a la derecha se actualiza inmediatamente.

Guardar un diseño como un tema compartido de formulario

Guarda tu diseño actual como un nuevo tema que otros miembros de tu equipo puedan usar.

  1. En Vista previa y diseño, haz clic en Diseñar formulario y personaliza el formulario.

  2. En la parte inferior del panel de la izquierda, haz clic en Compartir.

    Compartir el diseño actual del formulario como un tema de equipo

  3. En el diálogo Compartir tema, ingresa un Nombre del tema, luego haz clic en Guardar.

    El nuevo tema compartido aparece en Explorar temas.

Actualizar o eliminar un tema compartido

Usa los controles en la tarjeta de un tema compartido para actualizarlo o eliminarlo.

  1. En Diseñar formulario, haz clic en Explorar temas.

  2. Encuentra el tema compartido y haz clic en su icono rojo de edición.

    Actualizar un tema compartido de formulario existente

  3. Cambia el Nombre del tema si es necesario, luego haz clic en Guardar. Esto actualiza el tema compartido con el diseño actual del formulario.

Para eliminar un tema compartido, haz clic en el icono de papelera roja en su tarjeta y confirma la eliminación.

Personalizar el diseño del formulario

También puedes hacer más personalizaciones a los estilos del formulario. Todos los cambios se previsualizan instantáneamente.

  1. En Vista previa y diseño, haz clic en Diseñar formulario en la esquina superior derecha.

  2. Modifica el diseño según sea necesario.

    Note

    Aprende sobre las opciones de personalización disponibles en la sección Propiedades de diseño del formulario.

  3. Después de realizar las modificaciones deseadas, haz clic en Guardar para aplicar tus cambios.

Propiedades de diseño del formulario

Propiedad Descripción
Apariencia Personaliza el tema visual del formulario:

  • Auto del sistema: Se ajusta a la configuración del dispositivo del usuario.
  • Solo modo claro: Asegura un aspecto brillante y claro con un tema de color claro consistente.
  • Solo modo oscuro: Usa un esquema de color oscuro para reducir la fatiga visual en entornos de poca luz.
Cuando se selecciona Auto del sistema, usa los botones Claro y Oscuro para previsualizar cómo se ve el formulario en diferentes modos.
Logotipo Sube un PNG o JPG (máx. 10MB) para mostrar un logotipo en el formulario.

  • Logotipo incrustado: Redimensiona e integra automáticamente el logotipo dentro del formulario.
  • Fondo del logotipo: Personaliza el color de fondo detrás del logotipo.
  • Tamaño del logotipo: Si Logotipo incrustado está deshabilitado, ajusta manualmente el tamaño. La ubicación predeterminada está fuera del formulario, en la esquina superior izquierda.
  • Ubicación del logotipo: Elige la alineación: Izquierda, Centro o Derecha.
Barra de navegación Si tu formulario tiene varias páginas, habilitar la barra de navegación añade un menú superior, permitiendo a los usuarios cambiar entre páginas.

Nota: Para añadir páginas, inserta un Salto de página al diseñar tu formulario.
Estilo de la barra de navegación Una vez habilitada la Barra de navegación, selecciona un estilo que coincida con el diseño de tu formulario. Las opciones pueden incluir Pestañas, Barra de progreso o Navegación lateral.
Texto de ayuda Si has añadido texto de ayuda para los campos del formulario, elige dónde aparece:

  • Debajo del campo: Coloca el texto de ayuda bajo la caja de entrada.
  • Debajo de la etiqueta: Posiciona el texto de ayuda bajo la etiqueta del campo.
Formulario RTL Muestra el formulario en un diseño de derecha a izquierda, adecuado para idiomas como árabe, hebreo y persa. Esta configuración afecta la alineación del texto y la dirección general del formulario.
Esquina redondeada Añade esquinas redondeadas a los elementos del formulario para una apariencia más suave y moderna.
Estilo Material Usa un diseño minimalista de líneas rectas para los campos de entrada, similar al Diseño Material.
Ancho del formulario Ajusta el ancho general del formulario. Las opciones incluyen:

  • S (Pequeño): Diseño compacto.
  • M (Mediano): Ancho equilibrado.
  • L (Grande): Expande el formulario para pantallas más anchas.
  • Completo: Estira el formulario a todo el ancho del contenedor.
Margen del formulario Establece el espaciado alrededor de los bordes del formulario. Las opciones incluyen:

  • Ninguno: Sin espaciado adicional.
  • S (Pequeño): Acolchado mínimo.
  • M (Mediano): Espaciado moderado para un aspecto más estructurado.
Fuente Usa la fuente predeterminada del sistema o sube una fuente personalizada para coincidir con la identidad de tu marca.
Tamaño de fuente Ajusta el tamaño del texto para asegurar su legibilidad. Los tamaños disponibles van de Pequeño a Extra grande.
Espaciado entre líneas Controla el espaciado entre líneas de texto. Opciones: XS, S, M, L o XL para una legibilidad óptima.
Diseño de etiquetas Define la disposición de las etiquetas en relación con los campos de entrada. Si se selecciona Personalizado, vuelve al panel de Propiedades de cada campo para ajustar las posiciones individuales de las etiquetas.
Ancho de etiqueta Especifica el ancho de las etiquetas de los campos para asegurar una alineación consistente en los elementos del formulario.

Más estilos personalizados

Puedes personalizar aún más la apariencia y el comportamiento de tu formulario usando la función Más estilos personalizados.

  1. Haz clic en el botón Más estilos personalizados en el editor de formularios.

    Formulario del diseñador

  2. Elige entre tres opciones de personalización:

    • Pestaña Diseño: Cambia imágenes de fondo, ajusta el tamaño del banner y modifica elementos del diseño.
    • Pestaña CSS: Añade CSS personalizado para estilizar fuentes, colores y espaciado.
    • Pestaña JS: Usa JavaScript para personalizar etiquetas, añadir lógica y controlar el comportamiento del formulario.
    Note

    JavaScript es seguro y solo funciona con dominios personalizados para mantener la seguridad.

  3. Después de realizar ajustes, haz clic en Guardar para aplicar tus cambios.

Is the content helpful?
Give feedback about this article