Publicar el formulario y empezar a recopilar datos

1. Abra su cuenta de Microsoft SharePoint o de Google Drive y vaya al directorio del proyecto de Edge Delivery de AEM.

2. Abra la hoja de cálculo que contiene el formulario. Por ejemplo, el formulario enquiry del libro de Excel de Microsoft.

3. Utilice AEM Sidekick para previsualizar la hoja.

   

   Una vez finalizada correctamente la operación de previsualización, el contenido de la hoja de cálculo se convierte a formato JSON. A continuación, la página de vista previa presenta este contenido en un formato de tabla estructurado. Por ejemplo, la imagen adjunta ilustra el contenido de un formulario de "consulta".

   

4. Utilice AEM Sidekick para publicar la hoja. Asegúrese de capturar la URL de publicación, ya que es necesaria para procesar el formulario en la siguiente sección. El formato de la dirección URL es el siguiente:

   code language-json
   https://<branch>--<repository>--<owner>.hlx.live/<form>.json

   • <branch> hace referencia a la rama del repositorio de GitHub.
   • <repository> indica su repositorio de GitHub.
   • <owner> hace referencia al nombre de usuario de la cuenta de GitHub que aloja el repositorio de GitHub.

   Por ejemplo, si el repositorio del proyecto se llama “portal”, está ubicado en la cuenta “wkndforms” y usa la rama “principal”, la dirección URL tiene el siguiente aspecto:

   https://main--portal--wkndforms.hlx.page/enquiry.json

Añada <form>.json a una página web para facilitar la interacción con los clientes, lo que permite a los rellenadores de formularios rellenar y enviar fácilmente el formulario.

Para añadir el formulario a la página web:

1. Acceda a su cuenta de Microsoft SharePoint o Google Drive y navegue hasta su [AEM Edge Delivery project directory].

2. Abra un archivo de documento donde quiera incrustar el formulario. Por ejemplo, puede abrir el archivo index.docx o, alternativamente, crear un nuevo documento.

3. Identifique la sección deseada dentro del documento en la que quiere insertar el formulario y navegue hasta ella según corresponda.

4. Añada un bloque denominado "Form" al archivo, similar al ejemplo que se proporciona a continuación:

   table 0-row-1 1-row-1
   Formulario
   https://main–wefinance–wkndforms.hlx.live/enquiry.json

   

   Este bloque sirve como marcador de posición donde está incrustado el formulario. En la segunda fila del bloque, añada la dirección URL de su archivo <form>.json como hipervínculo.

   note important
   IMPORTANT
   Asegúrese de que la dirección URL tenga formato de hipervínculo en lugar de mostrarse como texto sin formato.

   Utilice la URL de vista previa (URL .page) con fines de desarrollo o prueba o la URL de publicación (.live) para producción. Estos son ejemplos con URL de vista previa y publicación:

   URL de vista previa

   table 0-row-1 1-row-1
   Formulario
   https://main–wefinance–wkndforms.hlx.page/enquiry.json

   URL de publicación

   table 0-row-1 1-row-1
   Formulario
   https://main–wefinance–wkndforms.hlx.live/enquiry.json

5. Utilice AEM Sidekick para obtener una vista previa de la página web. La página ahora muestra el formulario. Por ejemplo, este es el formulario basado en hoja de cálculo de consulta:

   

6. Utilice el AEM Sidekick para publicar el formulario. Ahora, sus clientes pueden rellenar el formulario y enviarlo.

Si aparece un error similar al siguiente mensaje, indica que la hoja de cálculo no está configurada aún para aceptar los datos enviados.