Modifier votre site

Draftly vous offre trois modes d'édition distincts :

Pour les modifications de design, utilisez les modifications par chat. Pour les ajustements de texte, utilisez l'édition en ligne. Pour les modifications structurelles au-delà de ce que le chat peut gérer, utilisez l'éditeur de code.

Les modifications par chat sont l'outil d'itération principal. Lorsque vous tapez dans le chat après la génération, l'IA : 1. Analyse votre demande 2. Génère un ensemble minimal de correctifs HTML/CSS (0 à 8 opérations) 3. Les applique en direct dans l'aperçu 4. Déduit 0,5 crédit

Ce que les modifications par chat peuvent faire : - Modifier n'importe quelle couleur CSS, dégradé ou variable - Réécrire n'importe quel texte — titres, texte de corps, étiquettes de boutons - Restructurer des sections — colonnes de grille, liste vs. cartes - Ajouter ou supprimer des éléments dans les sections - Modifier les polices, l'espacement, le rembourrage, les styles de bordure - Insérer une nouvelle section à la fin de la page

Ce qui déclenche une régénération complète : - Refonte structurelle complète (modifie l'architecture de mise en page) - Demandes nécessitant de relancer le pipeline image ou vidéo - Modifications trop diffuses pour être exprimées comme des correctifs ciblés

Un avertissement clair apparaît avant toute régénération complète. Vous verrez le coût en crédits et pourrez annuler.

Cliquez sur n'importe quel texte visible dans l'aperçu du site pour le modifier. Un calque modifiable apparaît — tapez votre nouveau texte et appuyez sur Entrée ou cliquez ailleurs pour confirmer.

Ce que vous pouvez modifier en ligne : - Titre hero et sous-titre - Étiquettes des liens de navigation - Titres de sections et texte de corps - Étiquettes de boutons - Tagline du footer et informations de contact

Les modifications en ligne sont sauvegardées automatiquement dans votre projet. La republication les applique au site en direct.

L'édition en ligne est entièrement gratuite — zéro crédit.

Les Préréglages de design sont des transformations de style en un clic qui changent tout le caractère visuel de votre site sans toucher au contenu ni à la structure HTML.

Ouvrez le panneau de préréglages via l'icône pinceau dans le panneau gauche du constructeur.

Catégories de préréglages : - Secteur — Restaurant, SaaS, Portfolio, Agence, Santé, Fitness, Immobilier, Beauté - Palettes de couleurs — Sombre, Clair, Mélancolique, Vibrant, Minimal, Luxe, Braise, Océan, Forêt - Ensembles typographiques — Sans moderne, Serif classique, Géométrique, Monospace, Éditorial - Densité de mise en page — Aéré (espace blanc généreux), Standard, Compact

Appliquer un préréglage : Cliquez sur n'importe quel préréglage — l'aperçu se met à jour en direct. Cliquez sur un autre pour comparer. Appliquez pour confirmer.

Les préréglages modifient les variables CSS et les choix de polices — pas la structure HTML. Ils sont entièrement gratuits, aucun crédit consommé.

Les couleurs de votre site sont stockées comme variables CSS dans le bloc <style> :

Trois façons de modifier les couleurs : - Chat : "Changez l'accent principal en #FF6B35" ou "Rendez le fond bleu marine profond" - Préréglages de design : Choisissez une palette de couleurs coordonnée — change toutes les variables à la fois - Éditeur de code : Modifiez directement les variables CSS :root dans l'onglet Code

Les modifications de couleur par chat coûtent 0,5 crédit. Les modifications par préréglages et par code sont gratuites.

Chaque régénération complète et modification majeure crée un point de contrôle de version sauvegardé dans votre onglet Historique.

Pour revenir en arrière : 1. Ouvrez l'onglet Historique dans le constructeur 2. Cliquez sur n'importe quelle version précédente pour la prévisualiser dans le volet droit 3. Cliquez sur Restaurer pour en faire votre version actuelle

Revenir en arrière est gratuit — cela restaure le HTML sauvegardé sans consommer aucun crédit.

Les points de contrôle d'historique sont stockés dans Firestore et survivent aux rechargements du navigateur, aux changements d'appareils et aux déconnexions de session.