For the complete documentation index, see llms.txt. Markdown versions of documentation pages are available by appending .md to the page URL.
Navigation principale
Theme

Suggestions

Workflows

Capacités

Sites

dots

Espace ChatGPT

Référence

Tableau de bord de l’API
Essayez ChatGPT

Créer un site

Décrivez, créez et améliorez un site web dans ChatGPT ou Codex

Commencez par décrire dans ChatGPT ou Codex le site que vous souhaitez créer. Examinez la première version, puis ajustez-la au fur et à mesure.

Premiers pas avec Sites

Ouvrez ChatGPT sur le Web ou dans l’application de bureau ChatGPT. Incluez le mot « website » dans votre prompt ou mentionnez @Sites pour lancer la création d’un site avec Sites. Vous pouvez, par exemple, demander un tableau de bord pour gérer les demandes de projet d’une équipe chargée des opérations :

Créez un site web où mon équipe chargée des opérations pourra gérer les demandes de projet dans un tableau de bord. Permettez aux membres de l’équipe de soumettre des demandes, de voir qui est responsable de chacune, d’en modifier le statut et de filtrer la liste. Exigez que chaque personne se connecte avec le compte de son espace de travail et conservez les données des demandes d’une visite à l’autre.

Si vous utilisez ChatGPT Enterprise : un administrateur de votre espace de travail doit activer Sites pour cet espace ou pour votre rôle avant que vous puissiez créer un site. Si Sites ne s’affiche pas, renseignez-vous auprès de votre administrateur pour y accéder. Consultez le guide d’administration de Sites.

Le tableau de bord est un exemple. Adaptez les étapes suivantes au site que vous souhaitez créer.

  1. Décrivez le site

    Indiquez à ChatGPT à qui le site s’adresse et ce que les visiteurs doivent pouvoir y faire. Fournissez les documents ou les données nécessaires. Pour un tableau de bord de suivi des demandes, vous pouvez fournir des exemples de demandes, les noms des responsables et les libellés des statuts.

  2. Vérifiez le site

    Testez les actions demandées et comparez le contenu et les résultats avec vos sources. Dans le tableau de bord, vous pouvez soumettre une demande, en modifier le statut ou filtrer les demandes par responsable. Vérifiez comment le site utilise et enregistre les informations.

  3. Ajustez le site

    Indiquez à ChatGPT ce que vous souhaitez modifier. Si nécessaire, joignez une capture d’écran ou un lien vers un site de référence. Pour le tableau de bord, vous pouvez demander : « Placez les filtres par responsable et par statut au-dessus de la liste des demandes. »

  4. Gérez et partagez le site

    Revenez dans Sites pour rouvrir ou modifier le site. Avant de le publier, effectuez les vérifications préalables au partage. Choisissez qui peut consulter le site et testez le lien publié avec les droits d’un visiteur autorisé.

Retrouver vos sites et les modifier dans l’aperçu

Dans l’application de bureau ChatGPT, ouvrez Sites. Vous pouvez créer un site à partir d’un prompt ou d’un projet local compatible, puis revenir dans la vue Sites pour le gérer.

Sur le Web, sélectionnez Plus > Sites ou accédez directement à Sites dans ChatGPT pour retrouver les sites que vous avez créés. Dans l’aperçu, sélectionnez Modifier. Sous Décrivez les modifications à apporter au site web, précisez les changements souhaités. Utilisez Capture d’écran ou Ajouter des fichiers et plus encore pour fournir du contexte si nécessaire.

Sites ne dispose pas d’une vue de gestion dédiée dans la CLI de Codex ni dans l’extension pour IDE. Utilisez ChatGPT sur le Web ou dans l’application de bureau ChatGPT pour créer, enregistrer, déployer et gérer un site. Vous pouvez toutefois utiliser la CLI ou l’extension pour IDE pour modifier et tester un projet local avant de le publier.

Chaque URL de déploiement de Sites correspond à un déploiement en production. Pour vérifier une version avant sa mise en ligne, demandez à ChatGPT de l’enregistrer sans la déployer.

Enregistrer les données et la progression

Enregistrer une version du site permet de conserver son contenu, son apparence et son fonctionnement. Les demandes des visiteurs, les changements de statut, les fichiers importés et la progression de chaque personne nécessitent un stockage distinct. Indiquez à ChatGPT ou à Codex quelles données enregistrer et qui doit pouvoir les consulter ou les modifier.

Pour les données partagées ou personnelles, demandez que le serveur fasse appliquer les règles d’accès. Vérifiez que les modifications sont conservées après le rechargement de la page. Utilisez des comptes distincts pour vérifier les droits d’accès de chaque personne. Masquer un bouton ne protège pas les données auxquelles il donne accès.

Pour les fichiers fournis, précisez si le site doit en utiliser une copie ou actualiser les données à partir de la source. Vérifiez la date de la dernière mise à jour des informations.

Pour connaître les options de stockage et d’authentification, consultez Données et connexions.

Conseils pour créer votre site

  • Appuyez-vous sur vos sources. Fournissez les fichiers, les liens, les définitions et les formules que le site doit utiliser. Demandez à ChatGPT ou à Codex de signaler les informations manquantes plutôt que de les compléter.
  • Précisez quoi afficher en cas d’erreur ou en l’absence de résultat. Décrivez ce que les visiteurs doivent voir lorsqu’une recherche ne donne aucun résultat, qu’un formulaire est incomplet ou qu’une application connectée est indisponible. Prévoyez un moyen de réessayer ou de corriger le problème.
  • Fournissez un exemple visuel. Joignez une capture d’écran ou un lien vers une page et indiquez les détails à reprendre, par exemple le format compact des cartes ou l’emplacement du champ de recherche. Précisez les couleurs, les polices et les consignes de rédaction propres à votre marque.
  • Prévoyez l’affichage sur téléphone. Décrivez comment les cartes, les tableaux et les formulaires doivent s’adapter à un écran étroit. Vérifiez que la navigation, les filtres et les commandes des formulaires restent utilisables sans défilement horizontal.
  • Identifiez les données d’exemple. Si le contenu définitif n’est pas prêt, demandez que les données fictives soient clairement indiquées comme des exemples. Remplacez-les avant de partager le site.
  • Ciblez chaque modification. Demandez un seul changement à la fois et précisez ce qu’il faut conserver. Par exemple, demandez de déplacer un filtre sans modifier les données enregistrées, les règles d’accès ni les actions existantes. Après chaque modification, testez l’interaction concernée.

La galerie Sites présente des exemples d’applications web que vous pouvez créer avec Sites.

Exemples de prompts

Pour créer un site qui regroupe des ressources, commencez par un prompt court :

Créez un site web où les responsables de projet pourront rechercher, par tâche, les ressources dont nous disposons pour lancer un projet. Utilisez la liste de ressources que je joins. Enregistrez une version sans la déployer pour que je puisse la vérifier.

Vous pouvez compléter cette demande en précisant les actions accessibles aux visiteurs, les règles de recherche et vos préférences de présentation :

Créez un site web qui regroupe des ressources pour les responsables de projet qui préparent une réunion de lancement. Utilisez la liste de ressources que je joins, avec les titres, les descriptions, les libellés des tâches et les liens vers les sources. Actions à proposer aux visiteurs : - Choisir une tâche, par exemple préparer un ordre du jour. - Effectuer une recherche parmi les ressources associées à cette tâche. - Sélectionner un résultat pour ouvrir le lien vers sa source. Règles de recherche : - Si le champ de recherche est vide, affichez toutes les ressources associées à la tâche sélectionnée. - Si aucune tâche n’est sélectionnée, affichez la liste complète. - Si la recherche ne donne aucun résultat, proposez un moyen d’effacer les filtres et affichez les coordonnées du contact d’assistance indiqué dans ma liste. - Signalez-moi les entrées sans titre ou sans lien pour que je puisse les vérifier. - Les filtres de recherche peuvent être réinitialisés à la prochaine visite. Préférences de présentation : - Utilisez un fond blanc et du texte foncé. Limitez chaque description à une phrase et prévoyez une mise en page adaptée aux téléphones. - Si je fournis une capture d’écran de référence, reprenez l’emplacement du champ de recherche et le format compact des cartes de ressources. - Si je fournis une charte graphique, utilisez sa couleur d’accentuation. Enregistrez une version sans la déployer pour que je puisse vérifier la mise en page et tester la recherche.

Pour un projet existant, demandez à ChatGPT de vérifier sa compatibilité et de le préparer à la publication :

Déployez ce projet avec Sites. Vérifiez sa compatibilité, apportez les modifications nécessaires et donnez-moi l’URL de déploiement.

Si le site doit conserver des données ou des fichiers importés, précisez-le dans votre demande :

Ajoutez à ce jeu un suivi des scores et permettez aux joueurs d’importer leur avatar. Conservez les scores et les avatars importés d’une visite à l’autre.