Publier votre formulaire et commencer à collecter des données

Une fois que vous êtes en mesure de partager votre formulaire avec vos clientes et clients pour la collecte ou l’envoi de données, vous pouvez simplement le publier, ce qui le rend instantanément disponible pour une utilisation par vos clientes et clients.

Écosystème de création basé sur des documents

Conditions préalables

Publier votre formulaire

1. Publier votre feuille de calcul
  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.

    Utilisation d’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 ».

    Prévisualisation de formulaire au format JSON

  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

2. Ajouter le formulaire à votre page web

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

    Ajout d’un bloc nommé « Formulaire » au fichier

    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 :

    Exemple de formulaire EDS

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

Résolution des problèmes

Impossible d’envoyer les données au formulaire

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.

Erreur lors de l’envoi du formulaire

Voir également

recommendation-more-help
fbcff2a9-b6fe-4574-b04a-21e75df764ab