DocsÉdition & PublicationGuide de Personnalisation

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.

1.Cliquez sur Intégrations (icône prise) dans la barre d'outils.
2.Entrez vos identifiants :
- Google Analytics 4 : ID de mesure (G-XXXXXXXXXX)
- Google Tag Manager : ID de conteneur (GTM-XXXXXXX)
- Facebook Pixel : ID pixel à 15 chiffres
- Script d'en-tête personnalisé : tout bloc <script> (HTTPS uniquement)
3.Cliquez sur Enregistrer les intégrations.
4.Les scripts sont injectés automatiquement à la prochaine génération.

Ajouter un Formulaire de Contact

Chaque site Draftly peut inclure un formulaire de contact fonctionnel.

1.Cliquez sur Intégrations.
2.Activez Activer le formulaire de contact.
3.Cliquez sur Enregistrer les intégrations.
4.Générez ou régénérez — le formulaire est ajouté automatiquement.

Les soumissions sont stockées dans votre compte Draftly et vous recevez une notification par e-mail. Toutes les données restent dans Draftly.