Personnaliser le Widget

Adaptez le widget à l'identité de votre marque et aux besoins de vos clients.

Accéder à la Personnalisation

1. Allez dans Agents > Sélectionnez l'agent
2. Cliquez sur l'onglet Widget
3. Vous trouverez toutes les options de personnalisation

Options de Thème

Couleurs

| Option | Description | |--------|-------------| | Couleur Primaire | Couleur du bouton et de l'en-tête | | Arrière-plan | Arrière-plan de la fenêtre de chat | | Texte | Couleur du texte | | Bulle Utilisateur | Couleur du message du visiteur | | Bulle Bot | Couleur de la réponse de l'agent |

Position

Choisissez où afficher le widget :

• Bas Droite (par défaut)
• Bas Gauche

Taille

• Standard : 380x600px
• Compact : 320x500px
• Grand : 420x700px

Textes

Personnalisez tous les textes affichés :

Titre de Bienvenue : "Bonjour ! 👋"
Message de Bienvenue : "Comment pouvons-nous vous aider ?"
Placeholder du Champ : "Écrivez un message..."
Bouton Envoyer : "Envoyer"

Bouton (Launcher)

Le bouton qui ouvre le chat :

• Icône : Choisissez parmi les icônes disponibles
• Texte : Texte optionnel à côté de l'icône
• Animation : Pulsation, rebond ou aucune
• Délai : Temps avant l'apparition

Comportement

Ouverture Automatique

Ouverture automatique : Oui/Non
Délai : 5 secondes
Première Visite Uniquement : Oui/Non

Messages de Bienvenue

Configurez les messages de bienvenue automatiques :

1. Premier message : Salutation immédiate
2. Deuxième message : Après X secondes
3. Actions rapides : Boutons suggérés

Son

• Activer/désactiver le son de notification
• Volume
• Son personnalisé (Pro)

Branding

Logo

Chargez le logo de votre entreprise :

• Format : PNG, JPG, SVG
• Taille recommandée : 120x40px
• Apparaît dans l'en-tête

Nom de l'Entreprise

Nom affiché dans l'en-tête.

Supprimer "Powered by"

Disponible dans les plans Pro.

CSS Avancé

Pour une personnalisation avancée :

/* Exemple de CSS personnalisé */
.leader24-widget {
  --l24-primary: #votre-couleur;
  --l24-radius: 12px;
}

Aperçu

Utilisez l'aperçu pour voir les changements en temps réel avant d'enregistrer.

Bonnes Pratiques

Enregistrer et Publier

1. Effectuez les changements souhaités
2. Utilisez l'Aperçu pour vérifier
3. Cliquez sur Enregistrer
4. Les changements sont actifs immédiatement

Prochaines étapes

• Obtenir le code d'intégration
• Surveiller les conversations
• Gérer les leads