Ajouter une deuxième page cohérente avec votre site
Ajouter une page supplémentaire à un site fonctionnel sans qu'elle donne l'impression ou ne se comporte comme un mini-site distinct.
Quand l'utiliser
Lorsque votre site initial fonctionne déjà et que vous avez besoin d'une page supplémentaire sans créer l'effet d'un mini-site séparé.
Avant de commencer
- Un site fonctionnel avec au moins une page dont vous souhaitez conserver le design.
- Le nom de la nouvelle page, son objectif et l'intitulé que les visiteurs doivent voir dans le menu.
- Le texte réel et les images réelles que vous souhaitez inclure sur la page. Si les images ne sont pas prêtes, utilisez des espaces réservés clairement étiquetés plutôt que des photos inventées.
- Une page de référence de votre site existant possédant l'en-tête, le pied de page, l'espacement, les boutons et le comportement mobile appropriés.
- Une décision concernant l'endroit où les visiteurs doivent trouver la nouvelle page : le menu principal, le pied de page, un bouton existant ou plusieurs de ces options.
Le prompt
Ces prompts fonctionnent mieux en anglais — collez-les tels quels, même sur les pages traduites.
Add a new page called [PAGE NAME] to this existing site. Its purpose is [WHAT THIS PAGE HELPS A VISITOR UNDERSTAND OR DO]. The menu label should be [NAVIGATION LABEL], and the main action on the page should be [PRIMARY ACTION]. Use [REFERENCE PAGE] as the design reference. Reuse the same header, footer, navigation, colors, fonts, button styles, content width, spacing rhythm, corners and mobile menu. Do not create a second version of shared site elements and do not restyle any existing page. Build the new page with these sections in this order: [SECTION NAMES AND WHAT EACH SHOULD CONTAIN]. Use my real wording wherever I provide it: [PASTE REAL CONTENT]. Keep any missing image as a labelled placeholder for [REAL IMAGE NEEDED]. Do not add stock photography or generate fake examples, customers, products, food, places or results. Add the page to [MAIN MENU / FOOTER / EXISTING BUTTON OR LINK]. Make the current page clear in the navigation. Check that every new link opens the intended destination and that the browser Back button behaves normally. Give the page one clear main heading, a unique browser title and a short search description based on [PAGE TOPIC AND AUDIENCE]. Use a short readable page address based on [PREFERRED PAGE ADDRESS]. Add the page to the site's list of public pages for search engines, but keep it out if [THIS PAGE SHOULD BE PRIVATE]. Make the page comfortable to use on a phone, including readable text, tap-friendly buttons and no sideways scrolling. Preserve all existing forms, logins, payments, tracking and connections. The visual feeling should remain [THREE BRAND ADJECTIVES]. When finished, tell me where you linked the page, what information is still a placeholder, and which existing pages you checked to confirm nothing else changed.
Vous construisez déjà ? Collez ceci dans votre projet. Vous partez de zéro ? Ouvrez un compte gratuit sur un outil compatible ci-dessous.
Créez-le sur
Ce que cela crée
- Une nouvelle page complète reprenant le design existant du site
- Le menu, le pied de page ou les liens de boutons appropriés pour y accéder
- Une mise en page mobile cohérente avec le même en-tête et pied de page partagés
- Un titre de navigateur unique, une description de recherche et une adresse de page lisible
- Une liste claire de tout texte ou image que le propriétaire doit encore fournir
Vérifiez que ça a marché
Collez le prompt, attendez la fin de la construction, puis vérifiez ceci — en langage simple, sans contrôle technique :
- La nouvelle page apparaît là où vous avez demandé aux visiteurs de la trouver
- Son ouverture donne l'impression de passer à une autre page du même site, et non à un modèle différent
- Le logo, le menu et le pied de page mènent toujours aux mêmes endroits qu'auparavant
- La page est facile à lire et à utiliser sur mobile sans avoir à zoomer ou à faire défiler latéralement
- Chaque nouveau bouton ouvre la destination que vous avez indiquée
- Les pages, formulaires et zones de compte existants conservent leur apparence et fonctionnement d'origine
Il manque quelque chose ? C'est normal — demandez-le dans un court message de suivi plutôt que de relancer tout le prompt.
Étapes suivantes
Connecter la nouvelle page aux endroits pertinents
Lorsque la page existe mais que les visiteurs pourraient encore la manquer
Review the existing site and add natural links to [PAGE NAME] from [RELEVANT EXISTING PAGES OR SECTIONS]. Use descriptive link wording that tells visitors what they will find. Do not add the link everywhere and do not change the page content.
Vous saurez que ça a marché quand : Un visiteur peut atteindre la nouvelle page depuis chaque emplacement pertinent sans que le site ne semble surchargé de liens répétés.
Optimiser la version mobile
Après avoir ouvert la nouvelle page sur un vrai téléphone
Improve only the phone layout of [PAGE NAME]. Fix [DESCRIBE WHAT FEELS WRONG], keep the desktop version unchanged, preserve the site's existing mobile menu, and test every button and form on a narrow screen.
Vous saurez que ça a marché quand : La nouvelle page est agréable à lire et à utiliser d'une seule main, sans défilement latéral ni commandes masquées.
Rendre la page plus facile à trouver dans les recherches
Une fois que la formulation finale est présente sur la page
Review only [PAGE NAME] for search basics. Give it one accurate main heading, a unique browser title and description using [TOPIC PEOPLE SEARCH FOR], descriptive image text where real images exist, and useful links to [RELATED PAGES]. Keep the writing natural and do not repeat keywords unnaturally.
Vous saurez que ça a marché quand : La page possède son propre titre et sa propre description de recherche précis, et ses liens aident les visiteurs à poursuivre leur navigation vers des pages pertinentes.
Attention à
- Une page copiée peut conserver des détails erronés. Vérifiez les titres, les coordonnées, les boutons et les descriptions de recherche pour détecter le texte hérité de la page de référence.
- Une apparence cohérente peut masquer des doublons dans le site. Si le constructeur crée un second en-tête ou pied de page au lieu de réutiliser l'actuel, les modifications ultérieures divergeront. Demandez-lui de réutiliser la version partagée.
- L'ajout d'un élément de menu peut casser l'en-tête mobile. Un menu de bureau chargé peut se couper ou masquer des commandes sur un petit écran. Testez le menu réel, et pas seulement le corps de la nouvelle page.
- Changer l'adresse d'une page plus tard peut casser les liens enregistrés. Choisissez une adresse courte et stable dès maintenant ; si elle doit être modifiée ultérieurement, redirigez automatiquement l'ancienne adresse vers la nouvelle.
- Un espace réservé doit ressembler à une tâche, pas à une image finale. Indiquez clairement quelle image réelle doit y figurer afin qu'une image générique ou inventée ne soit pas prise pour du contenu définitif.
Notes par plateforme
<ul><li><strong>Base44 :</strong> Base44 peut créer la page, la connecter à la navigation existante et gérer la page publique depuis la même application. Demandez-lui explicitement de réutiliser les éléments partagés actuels et de garder les pages privées hors de la navigation publique.</li><li><strong>Lovable :</strong> Lovable gère bien l'ajout de pages lorsque vous nommez une page de référence ou joignez une capture d'écran. La publication utilise une version enregistrée du projet ; publiez donc une mise à jour après la validation de la nouvelle page, sinon le site en ligne affichera toujours l'ancienne version.</li><li><strong>v0 :</strong> v0 peut ajouter une page au sein du projet existant, mais la navigation, les informations de page pour les moteurs de recherche et le déploiement doivent être demandés explicitement. Vérifiez la version déployée ainsi que l'aperçu.</li></ul>
Dépensez moins de crédits
Chaque plateforme vous facture le travail que fait son IA — la habitude la moins chère est donc de réfléchir avant de construire. Ces six règles éliminent l'essentiel du gaspillage, quelle que soit la plateforme.
- Planifiez d'abord dans un chat gratuit. Esquissez le tout dans ChatGPT, Claude ou Gemini — pages, fonctionnalités, ce que chaque formulaire collecte, l'apparence voulue. Réfléchir là-bas est gratuit ; réfléchir dans un builder est facturé.
- Partez d'un prompt écrit, pas d'une phrase. « Fais-moi un site » est la phrase la plus chère de la construction avec l'IA. Un premier prompt complet — comme ceux de ce site — évite des dizaines de corrections.
- Ne soyez pas paresseux sur les détails. Chaque détail omis revient en correction payante. Nom de l'entreprise, couleurs, chaque page, chaque champ de formulaire, ce qui se passe après l'envoi — mettez tout dans le premier prompt.
- Ensuite, un changement par message. « Corrige l'en-tête, et le formulaire, et les couleurs » crée un enchevêtrement plus coûteux à démêler que ce qu'il a économisé.
- Bloqué ? Arrêtez de rustiner. Si la même correction échoue environ trois fois, n'en envoyez pas une quatrième — décrivez plutôt l'état final souhaité de toute la section dans un nouveau message.
- Commencez gratuitement. Passez au payant quand il vous en faut plus. Utilisez le quota gratuit pour créer et explorer votre première version. Passez au payant quand vous avez besoin de plus d’utilisation ou de fonctionnalités payantes, et vérifiez le coût des services connectés avant le lancement.
Les prompts de cette page sont écrits pour faire l'essentiel de ce travail à votre place — c'est tout leur intérêt.
Lire le guide completPlaybooks associés
Dernière vérification: 2026-07-27