Créer des pages web avec AI Studio

Créez une page de destination, une page unique, une fiche produit ou un aperçu social, puis testez le résultat en direct et choisissez comment les utilisateurs peuvent l'ouvrir.

Un document peut décrire une page de destination. Une image peut en montrer une vue. Aucun des deux n'indique ce qui se passe à l'ouverture, comment la hiérarchie fonctionne sur un téléphone ni si l'appel à l'action reste évident après le premier défilement.

Choisissez Page web lorsque l'expérience elle-même doit constituer le brouillon. AI Studio crée un objet d'aperçu en direct sur le canvas. Vous pouvez ainsi ouvrir et tester la page, l'examiner à côté de ses sources et la partager sous forme d'aperçu autonome lorsqu'elle est prête.

Résumé

Ouvrez un canvas modifiable, choisissez Page web et sélectionnez les objets sources. Choisissez un Type, puis précisez dans l'invite le public, l'objectif, les sections et l'action principale avant de sélectionner Envoyer. Ouvrez Aperçu, testez les vues ordinateur et mobile, puis vérifiez chaque affirmation et chaque lien. Le propriétaire de la page peut ouvrir Partager l'aperçu, activer Lien public et sélectionner Copier le lien lorsque des personnes extérieures au canvas doivent y accéder.

Choisir une page web pour une expérience vérifiable

Les pages web AI Studio conviennent aux prototypes, revues client, concepts de campagne, pages uniques interactives et autres travaux qui doivent être ouverts plutôt que simplement décrits.

BesoinChoixPourquoi
Texte modifiable, recherche ou brief structuréDocumentLe texte est le livrable.
Comparaison, suivi ou grille de donnéesTableLes lignes et les colonnes portent la logique.
Visuel principal ou composition statiqueImageUne vue suffit pour évaluer l'idée.
Point d'information ou récit audioAudio fileL'écoute fait partie de la transmission.
Page à ouvrir, faire défiler, cliquer et testerPage webLa mise en page et l'interaction font partie du livrable.

Une page générée est un aperçu, pas l'hébergeur de votre site de production ni votre système de gestion de contenu. Utilisez-la pour valider la direction et recueillir des retours. Transférez ensuite les textes, médias, mesures, formulaires, mentions légales et intégrations approuvés dans le système propriétaire du site final.

Vérifier les droits d'accès avant de commencer

ÉlémentDétails
Disponible surLes canvases modifiables et non intégrés dans les applications web et de bureau.
Qui peut générerLes membres de l'espace de travail disposant d'un accès en modification au canvas.
Qui peut ouvrir l'aperçu du canvasLes personnes qui peuvent consulter l'objet final sur le canvas.
Qui peut créer un lien publicLe propriétaire de la session de page générée.
Ce qui lance le travailUne vérification réussie des crédits IA de l'espace de travail lors de la soumission.
Forme du résultatUn objet d'aperçu de page web en direct sur le canvas actuel.

Les invités, collaborateurs externes et personnes disposant uniquement d'un accès en lecture ou en commentaire ne peuvent pas générer de nouvelle page. Ils peuvent examiner l'objet terminé lorsque leurs droits sur le canvas le permettent.

Construire la page à partir du canvas

  1. Ouvrez le canvas sur lequel doivent figurer le brief, les références et la page générée.
  2. Sélectionnez les notes, images, fichiers, tableaux ou résultats précédents sur lesquels la page doit s'appuyer.
  3. Dans AI Studio, choisissez Page web.
  4. Choisissez un Type.
  5. Rédigez l'invite. Nommez le public, l'objectif de la page, l'action principale, les sections obligatoires, les limites des sources et toute priorité d'appareil ou de plateforme.
  6. Joignez des fichiers ou collez des liens HTTPS lorsque la source n'est pas déjà sur le canvas. Attendez la fin des importations.
  7. Sélectionnez Envoyer. Un objet de page web affiche l'état de la génération pendant qu'AI Studio effectue les recherches, définit la direction et construit la page.
  8. Ouvrez Aperçu lorsque l'objet est prêt.

Cette démonstration montre comment des contenus sélectionnés sur le canvas deviennent une page web, puis ouvre le résultat pour le vérifier et le partager.

Le résultat reste sur le canvas sous forme de carte avec son titre, sa description, sa vignette et son lien d'aperçu. Gardez-le à côté du brief et des références pendant la vérification. Les preuves restent ainsi visibles et le lien d'aperçu ne se retrouve pas isolé de son contexte.

Choisir le type selon la fonction de la page

TypeQuand l'utiliserDirection de la page
AutoVous connaissez le résultat attendu sans vouloir imposer le format.AI Studio choisit le traitement à partir de l'invite et de la source.
Page de destinationUn nouveau visiteur doit comprendre l'offre et effectuer une action principale.En-tête principal, proposition de valeur, preuves ou signaux de confiance, enchaînement des sections et appels à l'action clairs.
Page uniqueUn brief, une proposition, un résumé de lancement ou un point de direction doit tenir sur une page compacte.Sections faciles à parcourir, hiérarchie forte, faits essentiels et peu de digressions.
Fiche produitUn concept produit doit être examiné dans une logique d'achat.Visuels produit, titre et prix, variantes, livraison et retours, preuves, ajout au panier ou achat immédiat.
Aperçu socialUne publication de campagne doit ressembler à la plateforme sociale sur laquelle elle apparaîtra.Maquette réaliste et mobile avec compte, média, action, légende et informations temporelles reconnaissables.

Si l'invite nomme une seule plateforme sociale, Aperçu social reste concentré sur celle-ci. Ne demandez une comparaison multiplateforme que si vous voulez réellement plusieurs traitements dans un même résultat.

Ne choisissez pas Page de destination pour toute page soignée. Un point au conseil d'administration en cinq sections est généralement une Page unique. Un lancement produit avec galerie, options, livraison et preuves d'achat relève de Fiche produit. Cette distinction évite de supprimer ensuite des sections inutiles.

Fournir un véritable brief

Le générateur peut utiliser les images sélectionnées, les images importées, les fichiers, PDF, contenus audio ou vidéo, tableaux, objets texte et liens web accessibles. Les images servent de références visuelles. Les documents, transcriptions, tableaux et textes servent à planifier et rédiger la page.

EntréeUtilisation
Objets du canvas sélectionnésReliez la page au brief, aux textes approuvés, aux tableaux et aux références visuelles déjà examinés.
Images jointesFournissez des photos produit, ressources de campagne, logos ou références de mise en page absents du canvas.
Documents et médias jointsFournissez des faits, caractéristiques, entretiens, transcriptions ou un brief existant.
Liens HTTPSAjoutez des pages sources publiques et des références accessibles au service.
InviteDéfinissez le public, la fonction de la page, l'ordre des messages, les appels à l'action, les faits obligatoires et les limites.

La meilleure invite ressemble à un petit brief créatif :

Crée une Fiche produit pour le concept de soin sélectionné. Utilise l'image produit sélectionnée comme visuel principal. Public : nouveaux clients ayant la peau sensible. Inclue les bénéfices, les ingrédients, le mode d'emploi, la livraison et les retours, trois emplacements d'avis et une action Ajouter au panier. Conserve le prix et les affirmations fournis. N'invente aucune certification.

Cette invite sépare les décisions de mise en page des autorisations factuelles. La page peut prendre des décisions visuelles fortes tout en restant dans les limites des preuves fournies.

Comprendre l'objet d'aperçu en direct

L'objet généré n'est pas un simple lien de site collé. L'action Aperçu ouvre la page dans une visionneuse dédiée. Celle-ci conserve le lien avec les versions générées et propose des vues ordinateur, mobile et code pour l'inspection.

Utilisez l'aperçu pour répondre à quatre questions :

  1. Le premier écran explique-t-il la page sans dépendre du brief placé à côté ?
  2. L'action principale reste-t-elle claire après le premier défilement ?
  3. La vue mobile conserve-t-elle la hiérarchie au lieu de simplement tout réduire ?
  4. Les liens, commandes, médias et sections interactives se comportent-ils comme le texte le promet ?

La page peut charger des images, polices, scripts, vidéos ou autres ressources HTTPS externes. Leur propriétaire peut les bloquer, les supprimer ou les modifier. Un aperçu qui en dépend doit être retesté avant une revue client. Remplacez les ressources externes fragiles dans l'implémentation de production.

Vérifier la page avant de transmettre le lien

Ouvrez vous-même la page et contrôlez :

ContrôlePoints à vérifier
MessageLa proposition de valeur, le public et l'action principale correspondent au brief.
FaitsLes noms, prix, dates, caractéristiques, affirmations et références correspondent à la source.
Ordinateur et mobileLes sections restent lisibles, ordonnées et utilisables dans les deux formats.
Liens et commandesChaque action visible mène à la bonne destination ou se présente clairement comme un prototype.
MédiasLes images se chargent, les recadrages sont pertinents et aucune source privée ou sans licence ne s'est glissée dans la page.
MétadonnéesLe titre, la description et la vignette du canvas identifient la bonne version.
Contenu sensibleLes notes internes, données clients, brouillons juridiques et promesses non étayées ont été supprimés.

Utilisez les commentaires sur l'objet du canvas pour les décisions humaines. Utilisez le point d'entrée IA de la page pour une révision ou une critique ciblée. Même un aperçu qui semble terminé doit faire valider ses affirmations par une personne responsable.

Partager l'aperçu avec le bon public

Seul le propriétaire de la page contrôle son lien public.

  1. Ouvrez l'aperçu de la page générée.
  2. Sélectionnez Partager l'aperçu.
  3. Activez Lien public lorsque toute personne disposant du lien doit pouvoir ouvrir l'aperçu.
  4. Sélectionnez Copier le lien et n'envoyez le lien qu'après la vérification de la page.

Lorsque Lien public est désactivé, seules les personnes ayant accès au canvas peuvent ouvrir l'aperçu. Lorsqu'il est activé, toute personne disposant du lien peut ouvrir la dernière version publiée. La désactivation de l'accès public empêche les ouvertures futures, mais n'efface pas les copies, captures d'écran ou informations déjà reçues.

Pour les relecteurs qui ont aussi besoin du contexte source, partagez le canvas au lieu d'envoyer uniquement l'aperçu. L'aperçu public montre le livrable. Le canvas explique sa raison d'être.

Laisser la génération se terminer avant de réessayer

La génération d'une page web prend plus de temps qu'un court Document, car elle prépare les sources, planifie l'expérience, crée ou sélectionne des visuels, construit la page et stocke l'aperçu. L'objet en cours de traitement indique l'état réel de la tâche.

Vous pouvez quitter le canvas une fois la demande acceptée. Revenez au même objet au lieu de soumettre un doublon. La suppression de l'objet en cours annule la tâche sur le canvas, mais ne garantit pas que le travail déjà effectué ne sera pas facturé. La suppression d'une page terminée ne restitue jamais de crédits.

Le coût d'une page web n'est pas un montant fixe indiqué par Type. La consommation reflète les sources et le travail réalisé. Consultez l'historique des crédits IA après l'exécution et corrigez une page presque aboutie au lieu de la reconstruire pour un petit changement de texte.

Si l'aperçu ne fonctionne pas comme prévu

La carte est toujours en cours de traitement. Laissez l'objet d'origine en place et revenez plus tard. Actualisez le canvas une fois avant de conclure que la tâche est bloquée.

Aperçu est absent. La génération est toujours en attente, a échoué, a été supprimée ou ne s'est pas terminée sous une forme prévisualisable. Ne créez pas de doublon avant d'avoir vérifié l'objet initial et l'état des crédits.

L'aperçu fonctionne, mais la carte a un titre ou une vignette générique. Actualisez le canvas. Si le titre, la description ou la vignette restent incorrects, contactez le support avec le lien du canvas, le type de sortie et l'heure approximative de fin.

Un lien, une image, une police ou une section interactive échoue. Vérifiez si la source externe se charge directement et exige une connexion. Remplacez les ressources privées ou instables, puis enregistrez une nouvelle version ou régénérez à partir de sources accessibles.

Le format de la page est incorrect. Choisissez le Type exact et décrivez l'anatomie requise dans l'invite. Pour une fiche produit, indiquez par exemple la galerie, les variantes, le prix, la livraison, les preuves et l'action d'achat.

Le lien public ne s'ouvre pas pour une personne extérieure au canvas. Le propriétaire de la page doit activer Lien public. Copier l'URL ne modifie pas sa politique d'accès.

La page contient des affirmations non étayées. Corrigez la source et l'invite, puis modifiez ou régénérez une seule fois. Un aperçu fluide n'est pas une preuve. Consultez Si un résultat d'IA ne convient pas.

La page reste bloquée après actualisation. Contactez le support avec le nom de l'espace de travail, le lien du canvas, le type de sortie, l'heure approximative de soumission, un résumé de l'invite, les types de pièces jointes et l'état des crédits. N'envoyez ni mots de passe, ni identifiants privés, ni données clients inutiles.

Donner un avis

Cet article vous a-t-il aidé ?