Publier votre formulaire et commencer à collecter des données

1. Ouvrez votre compte Microsoft SharePoint ou votre compte Google Drive et accédez au répertoire de votre projet AEM Edge Delivery.

2. Ouvrez la feuille de calcul qui contient votre formulaire. Par exemple, le classeur Microsoft Excel de formulaire enquiry.

3. Utilisez AEM Sidekick pour prévisualiser la feuille.

   

   Une fois la prévisualisation réussie, le contenu de la feuille de calcul est converti au format JSON. La page de prévisualisation affiche ensuite ce contenu sous forme de tableau structuré. Par exemple, l’image ci-contre illustre le contenu d’un formulaire de type « demande ».

   

4. Utilisez AEM Sidekick pour publier la feuille. Assurez-vous de noter l’URL de publication, car elle est nécessaire pour le rendu du formulaire dans la section suivante. Le format de l’URL se présente comme suit :

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

   • <branch> fait référence à la branche de votre référentiel GitHub.
   • <repository> indique votre référentiel GitHub.
   • <owner> fait référence au nom d’utilisateur ou d’utilisatrice de votre compte GitHub qui héberge votre référentiel GitHub.

   Par exemple, si le référentiel de votre projet est nommé « portal », qu’il se trouve dans le compte « wkndforms » et que vous utilisez la branche « main », l’URL ressemble à ceci :

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

Ajoutez <form>.json à une page web pour faciliter l’interaction client, ce qui permet aux utilisateurs et aux utilisatrices de remplir et d’envoyer le formulaire sans effort.

Pour ajouter le formulaire à votre page web :

1. Accédez à votre compte Microsoft SharePoint ou à votre compte Google Drive et accédez à votre [AEM Edge Delivery project directory].

2. Ouvrez un document dans lequel vous avez l’intention d’incorporer le formulaire. Vous pouvez, par exemple, ouvrir le fichier index.docx ou créer un nouveau document.

3. Identifiez la section du document dans laquelle vous souhaitez insérer le formulaire puis accédez-y.

4. Ajoutez un bloc nommé « Formulaire » au fichier, comme dans l’exemple ci-dessous :

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

   

   Ce bloc sert d’espace réservé à l’emplacement où le formulaire est incorporé. Dans la deuxième ligne du bloc, ajoutez l’URL de votre fichier <form>.json comme lien hypertexte.

   note important
   IMPORTANT
   Assurez-vous que l’URL est formatée en tant que lien hypertexte et non sous forme de texte brut.

   Utilisez l’URL de prévisualisation (URL .page) à des fins de développement ou de test, ou l’URL de publication (.live) pour la production. Voici quelques exemples d’URL de prévisualisation et de publication :

   URL de prévisualisation

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

   URL de publication

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

5. Utilisez AEM Sidekick pour prévisualiser la page web. La page affiche désormais le formulaire. Par exemple, voici le formulaire basé sur la feuille de calcul de demande :

   

6. Utilisez AEM Sidekick pour publier le formulaire. Désormais, vos clientes et clients peuvent remplir le formulaire et l’envoyer.

Si vous rencontrez une erreur similaire au message suivant, cela indique que la feuille de calcul n’est pas encore configurée pour accepter les données envoyées.