Styles

Pour vos visiteurs, le chat fait partie de votre site : mêmes couleurs, même allure.
La page Styles accorde le chat à votre site en quelques clics : couleur, icône, bulles, police, hauteur.
Un aperçu, le chat lui-même, montre le résultat avant l'enregistrement.

Réglages

• Couleur principale : liens, boutons et question du visiteur.
  • Choisissez une pastille, une couleur libre, ou saisissez son code (#rrggbb).
  • Une couleur trop claire pour des liens sur fond blanc est signalée.
• Icône du chat :
  • Logo DigiSeerDigiSeer (par défaut) ;
  • les initiales du nom de l'agent (réglé sur la page Textes) sur la couleur de votre choix ;
  • ou une image : collez l'adresse de votre logo (https://…) ou, dans l'administration WordPress, cliquez sur Utiliser l'icône de mon site.
• Bulles :
  • arrondi (Carré, Arrondi, Très arrondi) : il s'applique aussi aux questions suggérées, au champ de saisie et au contour du chat ;
  • ombre (Aucune, Réponses, Questions et réponses).
• Texte :
  • police (DigiSeerDigiSeer, police de l'appareil, avec empattements, humaniste) : aucune police chargée depuis un service externe ;
  • taille (Petite, Normale, Grande) ;
  • sur téléphone, le texte est un peu plus grand (14, 15 et 17 px) et le champ de saisie passe à 16 px, ce qui évite le zoom automatique de l'iPhone.
• Hauteur du chat :
  • Automatique (par défaut) : le chat s'agrandit à chaque réponse ;
  • hauteur fixe (400, 500, 600 ou 750 px) : la conversation défile dans le chat et la page de votre site ne s'allonge plus, la dernière question monte en haut du chat ;
  • le plein écran prend la même hauteur ;
  • sur téléphone, le chat garde une hauteur automatique.
• Couleurs de fond :
  • Fond du chat (blanc par défaut) colore le chat lui-même, aperçu compris ; Transparent laisse voir ce qu'il y a derrière ;
  • Fond autour du chat (transparent par défaut : le fond de la page de votre site reste visible) ne s'applique qu'au chat affiché sur votre site ;
  • choisissez Transparent, une pastille, une couleur libre ou saisissez son code.

Enregistrer

• Cliquez sur Enregistrer.
• Revenir au style par défaut remet tous les réglages d'origine (à enregistrer ensuite).
• Par défaut, à côté d'une couleur, remet cette seule couleur.

Aperçu

À droite (sous les réglages sur mobile, avec le lien Voir l'aperçu), le chat affiche un échange d'exemple avec le style en cours.
Vous pouvez aussi y poser une vraie question : ces essais ne sont pas comptés dans les statistiques.

Avancé : règles CSS

Vous êtes à l'aise avec le CSS ?
Pour aller plus loin, cliquez sur Avancé : règles CSS :

1. Saisissez un sélecteur (par exemple .e-chat-send).
2. Saisissez les valeurs CSS (par exemple color: #2e7d32;).
3. Cliquez sur Ajouter une règle.

• Ces règles s'appliquent après les réglages ci-dessus et l'emportent sur eux.
• Cliquez sur une règle pour la modifier (✓ pour enregistrer, ↻ pour annuler), ✕ pour la supprimer.
• Les règles créées par les réglages apparaissent en gris : elles se modifient avec les réglages.

Formule Free

Vous pouvez régler les styles et les essayer dans l'aperçu.
L'enregistrement demande une formule payante : le bouton Enregistrer est grisé, avec un lien vers la page Abonnement.

Vos réglages ne sont pas perdus : si un site repasse en Free, ses styles sont gardés mais ne s'appliquent plus.
Ils reviennent avec un abonnement payant.

Votre chat parle plusieurs langues ? Voir Langues.