Crear un formulario adaptable

Los formularios adaptables le permiten crear formularios que son atractivos, receptivos, dinámicos y adaptables. AEM Forms ofrece un asistente empresarial fácil de usar que crea rápidamente formularios adaptables. El asistente dispone de una navegación rápida por pestañas para seleccionar fácilmente plantillas, estilos, campos y opciones de envío preconfiguradas para crear un formulario adaptable.

Antes de empezar, obtenga información sobre el tipo de componentes de Forms disponibles para usted:

• Componentes principales de formularios adaptables: son componentes estandarizados de captura de datos. Estos componentes proporcionan funcionalidades de personalización, un tiempo de desarrollo reducido y costes de mantenimiento más bajos para sus experiencias de inscripción digital. Un desarrollador puede personalizar y aplicar estilo fácilmente a estos componentes. Adobe recomienda utilizar estos componentes modernos y ampliables para desarrollar Forms adaptable.

• Componentes de base de formularios adaptables: estos son componentes clásicos (antiguos) de captura de datos. Puede seguir utilizándolos para editar su Formulario adaptable basado en componentes de base existentes. Si está creando formularios nuevos, Adobe recomienda utilizar los Componentes principales de Formularios adaptables para crear Formularios adaptables.

Requisitos previos

Para crear un formulario adaptable, es necesario lo siguiente:

• Habilitar los componentes principales de Forms adaptables para su entorno: Al crear un programa, los componentes principales de Forms adaptable ya están habilitados para su entorno. Si tiene un entorno de formularios as a Cloud Service basado en Archetype 39 o anterior, Habilite los componentes principales de formularios adaptables para su entorno. Al habilitar los componentes principales para su entorno, la plantilla y la temática de lienzo Formularios adaptables (componente principal) se añaden a su entorno. Si su versión del SDK de AEM es anterior a la 2023.02.0, compruebe que tiene prerelease activado el indicador en su entorno, ya que los componentes principales de formularios adaptables formaban parte de la versión preliminar anterior a la 2023.02.0.

• Una plantilla de formulario adaptable: Una plantilla ofrece una estructura básica y define el aspecto (diseños y estilos) de un formulario adaptable. Tiene componentes con formato previo que contienen determinadas propiedades y estructura de contenido. También ofrece opciones para definir una temática y una acción de envío. La temática define la apariencia, y la acción de envío define la acción que debe realizarse al enviar un Formulario adaptable. Por ejemplo, enviar los datos recopilados a una fuente de datos. El servicio en la nube proporciona una plantilla OOTB, denominada en blanco:

  • La plantilla blank se incluye con cada nuevo programa as a Cloud Service de AEM Forms.
  • Puede instalar el paquete de referencia mediante el Administrador de paquetes para agregar la plantilla blank a su programa as a Cloud Service de AEM Forms.
  • También puede crear una plantilla de Forms adaptable (componentes principales) desde cero.
  • También puede implementar plantillas de muestra en su entorno. Esto le ayuda a empezar a crear formularios rápidamente.

• Una temática de formulario adaptable: Una temática contiene detalles de estilo para los componentes y paneles. Los estilos incluyen propiedades como colores de fondo, colores de estado, transparencia, alineación y tamaño. Al aplicar una temática, el estilo especificado se refleja en los componentes correspondientes. La plantilla Canvas se incluye con cada nuevo programa AEM Forms as a Cloud Service. También puede implementar temas de muestra en su entorno. Esto le ayudará a dar estilo a los formularios y le proporcionará una estructura base para crear o personalizar una temática según sus necesidades empresariales.

• Permisos: añada sus usuarios al grupo forms-users. Los miembros del grupo forms-users tienen permisos para crear un formulario adaptable. Para obtener una lista detallada de los formularios y grupos de usuarios específicos, consulte Grupos y permisos.

Crear un formulario adaptable

1. Inicie sesión en la instancia de autor de Experience Manager Forms. Puede ser una instancia de nube o una instancia de desarrollo local.

2. Introduzca sus credenciales en la página de inicio de sesión de Experience Manager. Cuando haya iniciado sesión, en la esquina superior izquierda, pulse Adobe Experience Manager > Formularios > Formularios y documentos.

3. Pulse Crear > Formularios adaptables. Se abre el asistente. En la pestaña Fuente, seleccione una plantilla:

   

   Al seleccionar una plantilla, se selecciona automáticamente un tema y una acción de envío especificados en la plantilla, y se habilita el botón Crear. Puede ir a las pestañas Estilo o Envío para seleccionar un tema o acción de envío diferente. Si la plantilla seleccionada no especifica ninguna temática, el botón Crear permanece desactivado. Puede ir a la pestaña Estilos para seleccionar manualmente una temática.

   NOTA

   Si no tiene la plantilla de Formularios adaptables (componente principal) en su entorno, Habilite los componentes principales de formularios adaptables para su entorno. Al habilitar los componentes principales para su entorno, la plantilla de Formularios adaptables (componente principal) se agrega al entorno.

4. En la pestaña Estilo, seleccione una temática:

   • Cuando la plantilla seleccionada especifica una temática, la temática se selecciona automáticamente en el asistente. También puede elegir una temática diferente de la pestaña Estilo.

   • Si la plantilla seleccionada no especifica ninguna temática, puede utilizar la pestaña Estilo para elegir una temática. El botón Crear solo se activa después de seleccionar una temática.

5. (Opcional) En la pestaña Datos, seleccione un modelo de datos:

   • Modelo de datos de formulario: A El modelo de datos de formulario permite integrar entidades y servicios de distintas fuentes de datos en un formulario adaptable. Elija modelo de datos de formulario si el formulario adaptable que está creando implica recuperar y escribir datos desde y hacia varias fuentes de datos.

   • Esquema JSON: Esquema JSON Nuestro formulario adaptable basado en componentes principales permite una integración optimizada con el sistema back-end de su organización al proporcionar la capacidad de asociar un esquema JSON, que representa la estructura de los datos que se producen o consumen. Esta asociación permite a los autores añadir contenido de forma dinámica al formulario adaptable mediante los elementos del esquema. Los elementos del esquema son fácilmente accesibles en la pestaña Objetos del modelo de datos del Explorador de contenido durante el proceso de creación y todos los campos se añaden automáticamente a cualquier formulario adaptable creado.

   De forma predeterminada, todos los campos del esquema JSON asociado se seleccionan automáticamente y se convierten en los correspondientes componentes de formulario adaptable, lo que optimiza el proceso de creación. El asistente ofrece la comodidad añadida de permitirle elegir selectivamente qué campos se deben incluir en el formulario adaptable mediante el uso de casillas de verificación.

6. En la pestaña Envío, seleccione una acción de envío:

   • Al seleccionar una plantilla, la acción de envío especificada en la plantilla se selecciona automáticamente. Puede seleccionar una acción de envío diferente en la pestaña Envío. La pestaña Envío muestra todas las acciones de envío disponibles.

   • Cuando la plantilla seleccionada no especifica una acción de envío, puede utilizar la pestaña Envío para seleccionar una acción de envío

7. (Opcional) En la pestaña Entrega, puede especificar una fecha de publicación o cancelación de publicación de un formulario adaptable.

8. Pulse Crear. Aparece un cuadro de diálogo para especificar el título, el nombre y la ubicación para guardar el Formulario adaptable:

   • El Título especifica el nombre que se muestra en el formulario. El título le ayuda a identificar el formulario en la interfaz de usuario de Experience Manager Forms.
   • Nombre: Especifica el nombre del formulario. Se crea un nodo con el nombre especificado en el repositorio. A medida que empieza a escribir un título, el valor del campo de nombre se genera automáticamente. Puede cambiar el valor sugerido. El campo de nombre solo puede incluir caracteres alfanuméricos, guiones y guiones bajos. Todas las entradas no válidas se sustituyen por guiones.
   • Ruta: Especifica la ubicación en la que se va a guardar el formulario adaptable. Puede guardar el Formulario adaptable directamente en /content/dam/formsanddocuments o crear una carpeta como /content/dam/formsanddocuments/adaptiveforms para guardar un Formulario adaptable. Asegúrese de crear la carpeta antes de utilizarla en la ruta. El campo Ruta no crea una carpeta automáticamente.

9. Pulse Crear. Se crea un formulario adaptable que se abre en el editor de formularios adaptables. El editor muestra el contenido disponible en la plantilla. En base al tipo de formulario adaptable, los elementos del formulario presentes en el esquema JSON o el modelo de datos de formulario asociado se muestran en la pestaña Objetos del modelo de datos del Explorador de contenido en la barra lateral. También puede arrastrar y soltar estos elementos para crear su formulario adaptable.

Ahora puede arrastrar y soltar los componentes principales de formularios adaptables en el contenedor de formularios adaptables para diseñar y crear el formulario. También puede visitar https://aemcomponents.dev/ para ver los componentes principales disponibles en acción.

Configuración de una acción de envío para un formulario adaptable

Una acción de envío permite elegir el destino de los datos capturados mediante un formulario adaptable. Se activa una acción de envío cuando un usuario hace clic en el botón Enviar en un formulario adaptable. Los formularios adaptables incluyen algunas acciones de envío listas para usar. También puede ampliar las acciones de envío predeterminadas para crear su propia acción de envío personalizada. Para configurar una acción de envío para el formulario:

1. Abra el Explorador de contenido y seleccione el componente Contenedor de guía del formulario adaptable.

2. Haga clic en el icono de propiedades del contenedor de guía . Se abre el cuadro de diálogo Contenedor de formulario adaptable.

3. Abra la pestaña Envío.

   

4. Seleccione y configure una acción de envío según sus necesidades. Para obtener información detallada sobre las acciones de envío, consulte Acción de envío del formulario adaptable

Redireccionamiento del usuario a una página o mostrar un mensaje de agradecimiento al enviar el formulario

Al enviar un formulario, puede redirigir al usuario a otra página web o a un mensaje. Para redirigir al usuario o configurar el mensaje de agradecimiento:

1. Abra el Explorador de contenido y seleccione el componente Contenedor de guía del formulario adaptable.

2. Haga clic en el icono de propiedades del contenedor de guía . Se abre el cuadro de diálogo Contenedor de formulario adaptable.

3. Abra la pestaña Envío.

   

   • Para configurar una URL de redireccionamiento, por ejemplo, en la opción Enviar, seleccione la opción Redirigir a URL y examine y seleccione una página de AEM Sites, o proporcione una URL de una página externa.

   • Para configurar un mensaje personalizado o de agradecimiento, por ejemplo, en la opción Enviar, seleccione la opción Mostrar mensaje y proporcione un mensaje en la casilla Contenido del mensaje. Es un cuadro de texto enriquecido, puede utilizar la opción de pantalla completa para ver todos los elementos de texto enriquecido disponibles.

Configuración de un esquema o un modelo de datos de formulario para un formulario adaptable

Puede utilizar el modelo de datos del formulario para conectar un formulario a una fuente de datos para enviar y recibir datos en función de las acciones del usuario. También puede conectar un formulario a un esquema JSON para recibir los datos enviados en un formato predefinido. En función del requisito, conecte el formulario a un esquema JSON o a un modelo de datos de formulario:

• Crear un esquema JSON y cargarlo en su entorno
• Crear modelo de datos de formulario

Configuración de un esquema JSON o un modelo de datos de formulario para su formulario

Para configurar un esquema JSON o un modelo de datos de formulario para su formulario:

1. Abra el Explorador de contenido y seleccione el componente Contenedor de guía del formulario adaptable.

2. Haga clic en el icono de propiedades del contenedor de guía . Se abre el cuadro de diálogo Contenedor de formulario adaptable.

3. Abra la pestaña Modelo de datos.

   

4. Seleccione y configure un esquema JSON o un modelo de datos de formulario según sus necesidades:

   • Al seleccionar la variable Modelo de formulario, utilice la opción Seleccionar modelo de datos de formulario para seleccionar un modelo de datos de formulario preconfigurado.
   • Al seleccionar la opción Esquema, utilice la opción Esquema para seleccionar un esquema JSON para el formulario.

5. Haga clic en Listo.

Configuración de un servicio de rellenado previo

Puede utilizar el servicio de cumplimentación previa para rellenar automáticamente los campos de un formulario adaptable utilizando los datos existentes. Cuando un usuario abre un formulario, los valores de esos campos ya han sido rellenados. Puede hacer lo siguiente:

• Crear un servicio de rellenado previo personalizado
• Servicio de rellenado previo de modelo de datos de formulario

Utilización del servicio de rellenado previo del modelo de datos de formulario para rellenar previamente los campos de un formulario adaptable

Puede utilizar el servicio de rellenado previo del modelo de datos de formulario para rellenar previamente los campos de un formulario adaptable mediante el uso de un modelo de datos de formulario o un servicio de rellenado previo personalizado. El servicio de rellenado previo del modelo de datos de formulario utiliza el Obtener servicio del modelo de datos de formulario configurado para recuperar datos. Para utilizar el servicio de rellenado previo del modelo de datos de formulario de un formulario adaptable, haga lo siguiente:

1. Abra el Explorador de contenido y seleccione el componente Contenedor de guía del formulario adaptable.
2. Haga clic en el icono de propiedades del contenedor de guía . Se abre el cuadro de diálogo Contenedor de formulario adaptable.
3. Haga clic en el icono de las . Se abre el cuadro de diálogo Contenedor de formulario adaptable para configurar modelos de datos.
   
4. Seleccionar modelo de datos de formulario. Abra la pestaña Básico. En el servicio de rellenado previo, seleccione Servicio de rellenado previo del modelo de datos de formulario.
5. Haga clic en Listo. El formulario adaptable ahora está configurado para utilizar el rellenado previo del modelo de datos de formulario. Ahora puede usar el editor de reglas para crear reglas para rellenar previamente los campos del formulario.

Edición de las propiedades del modelo de formulario de un formulario adaptable

1. Seleccione el formulario adaptable y pulse > Abrir propiedades. Se abre la página Propiedades del formulario.

2. Vaya a la pestaña Modelo de formulario y elija un modelo de formulario. Si el formulario adaptable no cuenta con un modelo de formulario, tiene la posibilidad de elegir un esquema JSON o un modelo de datos de formulario. Por otro lado, si el formulario adaptable ya se basa en un modelo de formulario, tiene la opción de cambiar a otro modelo de formulario del mismo tipo. Por ejemplo, si el formulario utiliza un esquema JSON, puede cambiar fácilmente a otro esquema JSON y, del mismo modo, si el formulario utiliza un modelo de datos de formulario, puede cambiar a otro modelo de datos de formulario.

3. Pulse Guardar para guardar las propiedades.

Vea también

• Crear un formulario adaptable de AEM
• Agregar un formulario adaptable de AEM a la página de AEM Sites
• Aplicar temáticas a un formulario adaptable de AEM
• Añadir componentes a un formulario adaptable de AEM
• Usar el servicio Captcha en un formulario adaptable de AEM
• Generar la versión en PDF (DoR) de un formulario adaptable de AEM
• Traducir un formulario adaptable de AEM
• Habilitar Adobe Analytics para un formulario adaptable con el fin de hacer un seguimiento del uso del formulario
• Conectar el formulario adaptable a Microsoft SharePoint
• Conectar formularios adaptables a Microsoft Power Automate
• Conectar el formulario adaptable a Microsoft OneDrive
• Conectar el formulario adaptable al almacenamiento de Microsoft Azure Blob
• Conectar el formulario adaptable a Salesforce
• Uso de Adobe Sign en un formulario adaptable de AEM
• Agregar una nueva configuración regional para un formulario adaptable
• Enviar datos de formulario adaptable a una base de datos
• Enviar datos de formulario adaptable a un punto final REST
• Enviar datos de formulario adaptable al flujo de trabajo de AEM
• Utilizar el portal de Forms para ver una lista de Formularios adaptables de AEM en un sitio web de AEM
• Adición de un comportamiento dinámico a los formularios mediante el editor de reglas
• Definición del diseño de los formularios para diferentes tamaños de pantalla y tipos de dispositivos