Exercice : générer une seule page web à l’aide de Copilot

  • 20 minutes

Dans cet exercice, vous allez générer une page pour votre site web à l’aide de Copilot. Vous allez également ajouter des données Dataverse existantes à la page. Ensuite, vous allez finaliser et publier le site.

Générer une page web

  1. Connectez-vous à votre environnement Power Pages.

  2. Sur la page d’Accueil, sous Sites actifs, identifiez le site Power Pages Contoso Real Estate que vous avez créé précédemment, puis cliquez sur Modifier.

    Capture d’écran affichant le site web Contoso Real Estate sous la section Sites actifs.

  3. Dans le studio de conception Power Pages, cliquez sur Pages dans le volet gauche pour accéder à l’espace de travail Pages.

    Capture d’écran affichant l’espace de travail Pages du studio de conception Power Pages.

  4. Ouvrez la fenêtre de conversation instantanée Copilot et tapez Create a new page for scheduling a real estate property showing.

  5. Une fois la page générée, examinez-la et cliquez sur Conserver.

  6. Ajoutez une bannière de titre similaire à celle des pages Nous contacter et Annonces.

    Capture d’écran affichant la bannière de titre sur la page venant d’être générée.

  7. Supprimez toutes les sections après la bannière de titre.

  8. Ajoutez une section permettant d’envoyer une demande de visite de bien à l’aide de Copilot. Tapez Add a section with a one third left layout, puis appuyez sur Entrée.

  9. Générez un titre accrocheur pour la section et un paragraphe de texte à l’aide de Copilot. Utilisez les invites suivantes :

    • Titre : A catchy title for scheduling a property showing
    • Paragraphe : Describe the benefits of scheduling a real estate showing

    La section résultante devrait ressembler à la capture d’écran suivante :

    Capture d’écran illustrant la section de planification de la visite d’un bien.

  10. Ajoutez un composant Formulaire à la section. Au lieu de générer un formulaire à l’aide de Copilot, cliquez sur + Nouveau formulaire sous Autres moyens de démarrer.

    Capture d’écran illustrant le volet Ajouter un formulaire avec le bouton Nouveau formulaire cliqué.

  11. Vous allez tirer parti de la table Real Estate Showings que vous avez générée dans un module précédent. Cela relie non seulement l’ensemble de la solution, mais déclenche aussi automatiquement le flux d’approbation que vous avez créé dans un module précédent.

    Dans le volet Ajouter un formulaire sous l’onglet Formulaire, configurez les éléments suivants :

    • Choisir une table : Real Estate Showings
    • Sélectionner un formulaire : Information
    • Attribuer un nom à votre copie du formulaire sélectionné : Information (Website)

  12. Cliquez sur l’onglet Lors de l’envoi, puis configurez les éléments suivants :

    • Lorsque le formulaire est envoyé : Display a message
    • Afficher ce message : Thank you for scheduling a property showing. We will be in touch shortly.

    Capture d’écran affichant le volet de configuration du formulaire avec la table Real Estate Showings sélectionnée.

    Cliquez sur OK.

  13. Cliquez sur + Nouvelle autorisation pour configurer les autorisations pour le formulaire :

    • Nom : Real Estate Showings (Website)
    • Table : Real Estate Showings
    • Type d’accès : Global Access
    • Autorisations de : Create
    • Rôles : Anonymous users et Authenticated users

    Cliquez sur Enregistrer.

    Désormais, les utilisateurs peuvent envoyer une demande de visite d’un bien sur votre site web.

    Remarque

    Vous pouvez configurer les champs de formulaire de plusieurs façons pour répondre à vos besoins, mais cela n’entre pas dans le cadre de cet exercice.

    Si vous souhaitez en savoir plus sur les formulaires dans Power Pages, consultez la documentation officielle.

Organiser la navigation principale du site

  1. Une fois que vous avez terminé le site web et exploré Copilot dans Power Pages, il est temps de définir la visibilité du site sur Publique afin que tout le monde puisse y accéder. Mais d’abord, organisons les pages du site.

    Dans le studio de conception Power Pages, cliquez sur Pages dans le volet gauche pour accéder à l’espace de travail Pages.

  2. Sous Navigation principale, survolez la page Services, puis cliquez sur les points de suspension (…) pour accéder au menu contextuel.

    Sélectionnez Déplacer vers le haut jusqu’à ce que la page Services se trouve sous la page À propos de nous.

    Capture d’écran affichant la page Services déplacée sous la page À propos de nous.

  3. Répétez le même processus pour la page Annonces, en la déplaçant sous la page Services. Répétez à nouveau le processus pour la page Visites de biens, en la déplaçant sous la page Annonces.

    Remarque

    La page Visites de biens fait référence à la page que vous avez générée avec Copilot pour demander des visites. Elle peut être nommée différemment dans votre environnement en raison de la nature imprévisible de Copilot.

  4. À présent, survolez la page Visites de biens, puis cliquez sur les points de suspension (…) pour accéder au menu contextuel.

    Sélectionnez Convertir en sous-page.

    Notez que la page Visites de biens est imbriquée sous la page Annonces.

    Capture d’écran affichant la page Visites de biens imbriquée sous la page Annonces.

  5. L’organisation de la navigation du site modifie également l’ordre des pages dans son en-tête.

    Cliquez sur Aperçu pour afficher les modifications apportées à la navigation du site.

    Capture d’écran illustrant le nouvel ordre de navigation du site en mode Aperçu.

Définir la visibilité du site sur Publique

  1. Dans le studio de conception Power Pages, cliquez sur Sécurité dans le volet gauche pour accéder à l’espace de travail Sécurité.

  2. Sous Gérer, cliquez sur Visibilité du site.

  3. Sélectionnez Publique. Ensuite, dans la boîte de dialogue de confirmation, cliquez sur Définir sur Publique.

    Capture d’écran illustrant la visibilité du site définie sur Publique.

    Une fois la visibilité définie sur Publique, vous pouvez cliquer sur Aperçu, puis copier l’URL du site pour la partager avec d’autres utilisateurs.