Modifier votre site

Draftly vous offre trois modes d'édition distincts :

Pour les changements de design, utilisez les modifications par chat. Pour les ajustements de texte, utilisez l'édition en ligne. Pour les changements structurels 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 à l'aperçu 4. Déduit 0,5 crédit

Ce que les modifications par chat peuvent faire : - Changer n'importe quelle couleur CSS, dégradé ou variable - Réécrire n'importe quel texte — titres, corps de texte, étiquettes de boutons - Restructurer des sections — colonnes de grille, liste vs cartes - Ajouter ou supprimer des éléments au sein des sections - Changer 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 la mise en page) - Demandes nécessitant de relancer le pipeline d'images ou de vidéos - Changements trop diffus pour être exprimés 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. Une superposition 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 principal et sous-titre - Étiquettes des liens de navigation - Titres de section et corps de texte - Étiquettes de boutons - Slogan de pied de page et informations de contact

Les modifications en ligne sont automatiquement enregistrées 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 modifient l'ensemble du caractère visuel de votre site sans toucher au contenu.

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

Catégories de préréglages : - Industrie — Restaurant, SaaS, Portfolio, Agence, Santé, Fitness, Immobilier, Beauté - Palettes de couleurs — Sombre, Clair, Ambiance, Vibrant, Minimal, Luxe, Braise, Océan, Forêt - Ensembles typographiques — Sans moderne, Serif classique, Géométrique, Monospace, Éditorial - Densité de la mise en page — Aéré (espacement 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 police — pas la structure HTML. Ils sont entièrement gratuits, aucun crédit n'est consommé.

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

Trois façons de changer les couleurs : - Chat : "Changez l'accent principal en #FF6B35" ou "Faites de l'arrière-plan un bleu marine profond" - Préréglages de Design : Choisissez une palette de couleurs coordonnée — modifie toutes les variables en une seule fois - Éditeur de code : Modifiez directement les variables CSS :root dans l'onglet Code

Les changements de couleur par chat coûtent 0,5 crédit. Les changements via les préréglages et le code sont gratuits.

Chaque régénération complète et modification majeure crée un point de contrôle de version enregistré 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 panneau de droite 3. Cliquez sur Restaurer pour en faire votre version actuelle

Revenir en arrière est gratuit — cela restaure le HTML enregistré sans consommer de crédits.

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