Blog WisyLink

Créateur de site IARédaction de promptsModèles de promptsVibe codingTutoriel

Prompts pour créer un site avec l'IA : modèles efficaces

Rédigez un prompt pour créateur de site IA qui marche du premier coup : formule en 6 parties, 5 modèles à copier, retouches précises et erreurs à éviter.

13 min de lecture
Prompts pour créer un site avec l'IA : modèles efficaces

Un bon prompt pour un créateur de site IA énonce l'objectif, le public, les pages, les fonctionnalités qui enregistrent des données ou demandent une connexion, les paiements ou e-mails éventuels, et le style voulu. Un message clair accompagné de fichiers de référence vaut mieux que dix messages vagues, car chaque génération consomme une partie du quota de votre forfait.

  • Utilisez six parties : objectif, public, pages, données et fonctionnalités, intégrations, style.
  • Détaillez chaque fonctionnalité qui enregistre des données ou exige une connexion, et qui peut voir quoi. C'est là que les prompts vagues échouent.
  • Nommez les services externes que vous utiliserez, comme Stripe ou votre compte e-mail, pour que la génération les prépare à recevoir vos clés.
  • Joignez vos propres fichiers et dites à quoi sert chacun.
  • Demandez les modifications par page, élément et résultat attendu, et regroupez-les dans un seul message.

Pourquoi le premier message compte

Dans WisyLink, chaque génération puise dans le quota glissant de votre forfait, qui comporte une fenêtre de 5 heures et une fenêtre hebdomadaire. Avec le forfait gratuit Community, une génération remplit à elle seule la fenêtre de 5 heures. Un premier message qui oublie la moitié des exigences vous coûte une génération, puis une attente avant de pouvoir corriger.

Le premier message fixe aussi la structure du site : quelles pages existent, ce qui est enregistré, quels types d'utilisateurs il y a et ce que chacun peut voir. Les couleurs, les textes et la mise en page se changent facilement ensuite. La structure, elle, coûte cher à reprendre, car un nouveau rôle ou un nouveau type de fiche touche de nombreuses pages à la fois. Mettez-la dans le premier message.

Un message complet, c'est aussi moins de questions. Wisy, l'assistant du chat, pose une question courte dès qu'il manque un élément important, et ne lance la génération qu'une fois qu'il a ce qu'il lui faut. Plus le message répond d'emblée, plus la génération démarre tôt. L'écart entre ce que vous voulez dire et ce qui est construit est bien réel ; notre article sur la fidélité d'intention explique où il se creuse.

La formule du prompt en 6 parties

Couvrez ces six parties, dans cet ordre, et la première génération aura beaucoup moins à deviner :

  1. Objectif. Ce que le site doit accomplir, en une phrase. « Recueillir des inscriptions sur liste d'attente avant le lancement », pas « un site pour ma start-up ».
  2. Public. Qui l'utilise, avec chaque type d'utilisateur : visiteurs, membres, clients, salariés, administrateurs.
  3. Pages. Listez-les, ou listez les sections d'un site d'une seule page.
  4. Données et fonctionnalités. Ce qui est enregistré, qui peut le voir ou le modifier, et les règles : nombre de places, champs obligatoires, limites de dates, statuts.
  5. Intégrations. Paiements, envoi d'e-mails, connexion via Google ou GitHub, ou tout autre service doté d'une API. Dites à quoi sert chacun ; vous ajouterez les clés dans Intégrations après la génération, jamais dans le chat.
  6. Style. Deux ou trois adjectifs, vos couleurs, votre logo joint, et la ou les langues du site.
Versions faibles et fortes de chaque partie du prompt
Partie du promptVersion faibleVersion forte
Objectif« Un site pour mon studio de yoga »« Faire réserver un premier cours en ligne à de nouveaux élèves »
Public« Tout le monde »« Des débutants de 30 à 60 ans du quartier ; je suis la seule administratrice »
Pages« Les pages habituelles »« Accueil, Planning, Tarifs, À propos, Contact »
Données et fonctionnalités« Des réservations »« Réserver un cours de 10 personnes maximum ; nom et e-mail obligatoires ; pas de réservation après le début du cours »
Intégrations« Des paiements »« Paiement Stripe pour une carte de 10 cours ; reçu envoyé par e-mail via mon compte SMTP »
Style« Moderne et épuré »« Calme et aéré : blanc cassé, vert sauge, boutons arrondis, logo joint ; en français »

Quelle longueur pour le prompt ? Assez pour couvrir les six parties, soit en général quelques paragraphes courts. La longueur sans détails n'aide pas : le long récit de votre parcours ne donne rien à construire. À titre de plafond, l'API et la CLI de WisyLink acceptent des messages de 5 000 caractères maximum, largement assez pour un brief détaillé.

Peut-on écrire dans une autre langue ? Oui. Wisy répond dans la langue de votre dernier message, que ce soit le français, l'anglais ou une autre langue. La langue du site est une question à part : il reste dans la langue dans laquelle il a été construit, sauf si vous demandez explicitement une traduction. Si vous écrivez en français mais voulez un site en anglais, précisez donc « le site doit être en anglais ».

Modèles à copier-coller pour cinq sites courants

Remplacez tout ce qui est entre [crochets], supprimez les parties facultatives inutiles, joignez vos fichiers et envoyez. Chaque modèle suit la formule en six parties.

Landing page avec liste d'attente

Créez une landing page d'une seule page pour [nom du produit], [une phrase sur ce qu'il fait] destiné à [public visé].

Sections : titre et sous-titre, trois bénéfices clés, le fonctionnement en trois étapes, une courte FAQ et un formulaire de liste d'attente (e-mail obligatoire, [facultatif : taille de l'entreprise ou fonction]).

Enregistrez chaque inscription, refusez les e-mails en double et affichez un message de confirmation sur la page. Donnez-moi une page d'administration, réservée à moi, qui liste les inscriptions avec leur date et me permet de les télécharger en fichier CSV.

Style : [deux ou trois adjectifs], [couleurs], utilisez le logo joint. Langue : [langue].

Pourquoi ça marche : un seul objectif, un seul formulaire et une règle claire pour les doublons. Attention : un titre qui promet plus que votre produit. Réécrivez-le avec vos propres mots.

Site de prise de rendez-vous

Créez un site de réservation pour [nom de l'entreprise], [type d'activité] à [ville].

Les visiteurs voient les [rendez-vous ou cours] disponibles sur les [deux] prochaines semaines et réservent en indiquant nom, e-mail et téléphone. Prestations : [liste avec durée et prix, ou « voir la grille tarifaire jointe »]. Chaque créneau accepte [1] réservation ; une fois complet, personne d'autre ne peut le réserver. Affichez une page de confirmation après la réservation.

Page d'administration, réservée à moi : ajouter ou retirer des créneaux, voir et annuler les réservations. [Facultatif : m'envoyer un e-mail, ainsi qu'au client, à chaque réservation, via mon compte SMTP.]

Pages : Accueil, Prestations, Réserver, Contact. Style : [style]. Langue : [langue].

Pourquoi ça marche : la capacité et la règle « complet veut dire complet » sont explicites, donc les réservations ne peuvent pas se chevaucher. Attention : les fuseaux horaires et les horaires d'ouverture. Précisez-les si vos clients réservent depuis ailleurs.

Petite boutique en ligne

Créez une petite boutique en ligne pour [nom de la boutique], qui vend [quoi] à [qui].

Les produits sont dans le fichier joint [produits.csv] (colonnes : nom, catégorie, prix, stock, description, nom du fichier photo) ; utilisez les photos jointes. Chaque produit a sa propre page. La page boutique filtre par catégorie et par prix.

Paiement avec Stripe pour [livraison ou retrait sur place]. Enregistrez d'abord chaque commande et ne la marquez comme payée que lorsque Stripe le confirme. Diminuez le stock quand une commande est payée et affichez « épuisé » à zéro.

Page d'administration : modifier les produits et le stock, voir les commandes, les marquer comme expédiées. Style : [style]. Langue : [langue].

Pourquoi ça marche : les données arrivent dans un fichier propre, et la règle de paiement est énoncée. Attention : demander un champ de recherche sur un gros catalogue. WisyLink filtre sur des champs comme la catégorie et le prix mais n'a pas de recherche plein texte : ce sont donc des filtres qu'il faut demander.

Espace client

Créez un espace client pour [nom de l'agence ou du cabinet].

Je crée les comptes clients depuis une page d'administration ; les clients ne peuvent pas s'inscrire eux-mêmes. Chaque client se connecte et ne voit que ses propres projets : statut, prochaines étapes et fichiers que je téléverse pour lui, qui restent privés. Les clients peuvent me renvoyer des fichiers, jusqu'à [taille] Mo chacun, et commenter un projet.

Page d'administration : créer des clients et des projets, changer les statuts, téléverser des fichiers, lire les commentaires. [Facultatif : envoyer un e-mail au client quand le statut de son projet change, via mon compte SMTP.]

Style : [professionnel, minimaliste], [couleurs de la marque], le logo joint. Langue : [langue].

Pourquoi ça marche : il précise qui crée les comptes et que chaque client ne voit que ses propres données, les deux décisions dont dépend un espace client. Attention : la taille des fichiers. Les téléversements sont plafonnés à 25 Mo par fichier.

Outil interne

Créez un outil interne de suivi [des demandes, du stock ou du matériel] pour notre équipe de [effectif] personnes.

Les salariés se connectent avec des comptes que je crée. Ils peuvent [ajouter une demande ou emprunter un article] avec ces champs : [champs]. Statuts : [Nouveau, En cours, Terminé]. Les responsables changent le statut et attribuent les éléments à une personne ; les salariés voient [uniquement leurs éléments ou tous les éléments].

Une page de liste avec des filtres par statut, personne et date, et un récapitulatif du nombre d'éléments par statut. Utilisez le fichier joint [fichier.xlsx] pour la liste de départ des [éléments].

Épuré, compact, pensé d'abord pour ordinateur. Langue : [langue].

Pourquoi ça marche : rôles, statuts et visibilité sont tous nommés. Attention : tout ce qui doit s'exécuter à la minute près. Les tâches planifiées de WisyLink tournent à intervalle de 30 à 60 minutes, ce qui convient aux rappels et aux nettoyages, pas aux minuteries précises.

Prêt à en essayer un ? Commencez gratuitement avec Community, collez un modèle et joignez vos fichiers.

Comment utiliser les fichiers de référence

Les fichiers portent les détails qu'un prompt ne devrait pas avoir à contenir. WisyLink accepte 17 types de fichiers, jusqu'à 25 Mo chacun, dont les images (JPEG, PNG, WebP, GIF, HEIC, SVG), le PDF, Word, Excel, le CSV, le texte brut et le JSON. À quoi sert chacun :

  • Logo : en SVG, ou en PNG sur fond transparent, pour qu'il s'intègre proprement sur n'importe quelle couleur.
  • Carte ou brochure en PDF : la référence pour les articles, les descriptions et les prix.
  • Grille tarifaire ou catalogue en CSV : une ligne par article, une ligne d'en-tête avec des noms de colonnes simples, des catégories orthographiées toujours de la même façon, et des noms de fichiers photo identiques à ceux des photos que vous téléversez.
  • Textes existants : votre texte À propos ou vos descriptions de prestations actuels, en fichier Word ou texte, pour que la formulation reste la vôtre.
  • Captures de votre propre marque : votre flyer, vos emballages ou votre site actuel, pour reprendre les couleurs et l'ambiance.

Dites à quoi sert chaque fichier : « prenez les prix dans tarifs.csv, utilisez equipe.jpg sur À propos, reprenez les couleurs de flyer.pdf ». Les fichiers restent dans les Fichiers de référence du lien : les générations suivantes peuvent s'en servir sans nouveau téléversement. Pour les longues listes, comparez quelques entrées du résultat avec le fichier, et demandez une page d'administration pour corriger vous-même les fiches.

Utilisez votre propre matériel. Une capture du site d'une autre entreprise invite à copier son design, ce qui n'est ni original ni sans risque. Décrivez plutôt ce qui vous plaît : « de grandes photos, beaucoup d'espace blanc, une seule couleur d'accent marquée ».

Messages de suivi : demander des modifications précises

Une bonne demande de modification comporte quatre éléments : où, quoi, le changement et la règle qui le justifie. Comparez :

  • « Rendez-le plus percutant » devient « Sur la page d'accueil, agrandissez le bouton Réserver un cours, passez-le en vert foncé et affichez-le sans défilement sur mobile. »
  • « Corrigez le formulaire » devient « Sur la page Contact, le formulaire accepte un e-mail vide. Rendez l'e-mail obligatoire et affichez l'erreur sous le champ. »
  • « Les réservations ne marchent pas » devient « J'ai réservé le cours de 18 h mardi et il affiche toujours 10 places libres sur 10. Une réservation doit diminuer le compteur d'une place. »

Pour un bug, décrivez ce que vous avez fait, ce qui s'est passé et ce qui aurait dû se passer. Pour plusieurs corrections, envoyez une seule liste numérotée dans un seul message. Et vous pouvez toujours changer complètement de cap : « Refaites tout le site dans un style plus sombre et plus haut de gamme ; gardez le contenu et les pages » est un message de suivi parfaitement valable.

L'habitude qui sous-tend tout cela consiste à donner au créateur le bon contexte plutôt que des formulations astucieuses, une idée que nous développons dans l'ingénierie du contexte. C'est aussi ce qui distingue un prompt rigoureux d'un pari, comme le défend notre article sur la discipline du vibe coding.

Les erreurs qui gâchent des générations

  • Envoyer l'idée en morceaux. Cinq messages courts, ce sont cinq séries de questions ou de générations. Rédigez d'abord le brief complet.
  • Oublier qui voit quoi. « Les clients peuvent se connecter » sans « et ne voient que leurs propres fichiers » est un oubli fréquent dans les espaces clients et les espaces membres.
  • Demander ce que la plateforme ne fait pas. Applications natives pour l'App Store, photos ou vidéos générées par IA, recherche plein texte sur un gros catalogue et tâches planifiées à la minute près ne sont pas disponibles. Demandez plutôt l'application web, des photos de banques d'images ou les vôtres, des filtres et des tâches toutes les 30 à 60 minutes.
  • Coller des clés ou des mots de passe dans le chat. Leur place est dans Intégrations, et Wisy ne les accepte de toute façon pas dans le chat.
  • Changer de langue par accident. Écrire un message de suivi dans une autre langue ne traduit pas le site. Demandez une traduction si vous en voulez une.
  • Des adjectifs de style sans rien derrière. « Moderne » ne veut rien dire sans couleurs, ambiance et logo.
  • Demander une preuve sociale inventée. Faux avis, logos de clients ou « 10 000 clients satisfaits » trompent les visiteurs. Utilisez de vrais témoignages avec autorisation, ou supprimez la section.
  • Voir trop grand avec le forfait gratuit. Les générations gratuites se concentrent sur une première version qui fonctionne. Commencez par le parcours essentiel et ajoutez des fonctionnalités une fois qu'il marche.

La liste de contrôle avant envoi

Avant d'appuyer sur Envoyer, vérifiez que votre message couvre :

  • L'objectif, en une phrase
  • Chaque type d'utilisateur, y compris vous-même en tant qu'administrateur
  • La liste des pages ou des sections
  • Tout ce qui est enregistré, et qui peut le voir et le modifier
  • Les règles : nombre de places, champs obligatoires, limites, statuts
  • Les paiements, l'e-mail ou les autres services, avec le nom du prestataire
  • Le style : adjectifs, couleurs, logo joint
  • La ou les langues du site
  • Chaque fichier joint, avec son usage
  • Vos vrais contenus, à la place de tout ce que vous laisseriez sinon deviner

Envoyez votre premier message

Choisissez le modèle le plus proche de votre projet, remplissez les crochets, joignez vos fichiers et passez la liste de contrôle une fois. Pour le parcours complet, du premier message à votre propre nom de domaine, lisez notre guide pour créer un site internet avec l'IA, et pour une vue d'ensemble, ce qu'est un créateur d'applications IA. Pour d'autres idées de projets auxquels adapter ces modèles, parcourez les cas d'utilisation.

Décrivez-le en un message et obtenez un lien en ligne : commencez gratuitement avec Community, sans carte bancaire.

FAQ

Questions fréquemment posées

Quelle longueur doit faire mon prompt ?
Visez l'exhaustivité, pas la longueur. Un brief qui couvre l'objectif, les utilisateurs, les pages, les données enregistrées, les intégrations et le style dépasse rarement une page de texte. S'il s'allonge, déplacez les listes dans des fichiers joints : un CSV pour les produits, un PDF pour la carte, un fichier texte pour votre présentation. L'API et la CLI de WisyLink limitent un message à 5 000 caractères.
Puis-je écrire mon prompt en français ou dans une autre langue ?
Oui. Wisy répond dans la langue de votre dernier message : vous pouvez donc le briefer en français, en anglais, en espagnol ou dans toute autre langue. La langue du site se règle à part et ne suit pas celle du chat. Indiquez-la dans le prompt, par exemple « le site est en anglais », ou demandez plusieurs langues : chacune aura alors son propre chemin d'URL et les balises de langue adaptées pour les moteurs de recherche.
Faut-il téléverser des captures d'un site qui me plaît ?
Téléversez plutôt des captures de votre propre matériel de marque, comme votre flyer, vos emballages ou votre site actuel, pour que les couleurs et l'ambiance soient reprises. Évitez les captures du site d'une autre entreprise : copier son design présente un risque juridique et pour votre réputation, et cela colle rarement à votre contenu. Notez plutôt les qualités qui vous plaisent, comme un espace blanc généreux, de grandes photos ou une seule couleur d'accent.
Que se passe-t-il si Wisy me pose une question au lieu de lancer la génération ?
Cela signifie qu'un point qui changerait le résultat reste flou, par exemple si les réservations demandent un acompte ou qui peut créer des comptes. Wisy pose une seule question courte par tour, et ne pose jamais de question en lançant une génération dans le même tour. Répondez en une ou deux lignes et il poursuit. Les détails qu'il peut raisonnablement trancher seul, comme le libellé des boutons ou l'ordre des sections, il les décide sans demander.
Puis-je changer complètement le design plus tard ?
Oui. Demandez-le dans le même chat, par exemple : « Refaites tout le site dans un style sombre et haut de gamme ; gardez toutes les pages et tout le contenu. » Préciser ce qui doit rester est l'essentiel, car une refonte complète touche chaque page. Les données enregistrées, comme les réservations, les commandes et les inscriptions, sont stockées à part du design : une refonte les laisse en place. Si la nouvelle génération échoue, la version actuelle reste en ligne.
Combien de modifications puis-je demander ?
Il n'y a pas de nombre fixe de modifications par site. Chaque modification est une génération, et les générations puisent dans le quota glissant de votre forfait. Avec Community, cela signifie une génération par fenêtre de 5 heures, plus un plafond hebdomadaire ; les forfaits payants ont des quotas plus élevés, Growth offrant 5 fois et Scale 20 fois celui de Starter. Quand vous atteignez une limite, les nouvelles requêtes attendent la réinitialisation de la fenêtre : regroupez donc les modifications liées.
Partager
XLinkedInFacebook