Guide de Personnalisation
Apprenez à modifier, styliser et étendre votre site Draftly sans toucher au code.
Comment Fonctionne la Personnalisation
Draftly vous offre trois façons de personnaliser votre site après la génération :
1. Édition Inline — Cliquez sur n'importe quel texte, couleur ou image dans le volet d'aperçu. Une superposition apparaît avec des contrôles pour le contenu, la police, la taille, le grammage et le sélecteur de couleur.
2. Chat-to-Modify — Tapez une instruction dans la barre de chat (ex. "change l'arrière-plan du hero en bleu marine", "ajoute une section tarifs"). Draftly ne corrige que la section concernée — coûte 0,5 crédit.
3. Préréglages de Design — Cliquez sur le panneau Styles. Choisissez parmi 25 préréglages d'industrie, 12 palettes de couleurs, 5 styles de navigation et 5 dispositions de hero.
Modifier le Texte et les Couleurs
Pour modifier un élément en ligne : 1. Assurez-vous d'être dans l'onglet Aperçu. 2. Cliquez sur un texte, un titre ou un bloc coloré. 3. La superposition Édition Inline s'ouvre avec : Texte, Couleur, Famille de police (26 polices), Taille, Grammage. 4. Cliquez sur Enregistrer ou Annuler.
Utilisez aussi Réécrire IA pour améliorer le texte ou Remplacer l'image pour changer une image.
Utiliser les Préréglages de Design
Les Préréglages changent le style visuel complet en un clic. 1. Cliquez sur Styles dans la barre d'outils. 2. Trois onglets : Vertical (25 préréglages), Couleurs (12 échantillons + hex personnalisé), Style (5 nav, 5 hero, 5 animations). 3. Cliquez pour prévisualiser, puis Appliquer.
Votre texte et vos sections restent inchangés ; seul le système visuel change.
Chat-to-Modify
Le chat-to-modify est le moyen le plus rapide d'apporter des changements structurels.
Tapez n'importe quelle instruction dans la barre de chat : - "Change le titre du hero pour quelque chose de plus accrocheur" - "Ajoute une section FAQ entre tarifs et contact" - "Rends le schéma de couleurs plus sombre"
Draftly corrige uniquement la section concernée — 0,5 crédit.
Ajouter Analytics et Suivi
Connectez Google Analytics, Google Tag Manager, Facebook Pixel ou tout script de suivi — sans code.
<script> (HTTPS uniquement)Ajouter un Formulaire de Contact
Chaque site Draftly peut inclure un formulaire de contact fonctionnel.
Les soumissions sont stockées dans votre compte Draftly et vous recevez une notification par e-mail. Toutes les données restent dans Draftly.