Personnalisation visuelle

Le widget Trustdio doit se fondre dans votre identité visuelle, pas l'inverse. Tous les éléments sont personnalisables — soit depuis le dashboard (no-code), soit via window.trustdioConfig pour les overrides programmatiques.

Personnalisation depuis le dashboard

Allez dans Paramètres → Widget → Apparence. Modifications appliquées en temps réel (preview en direct, propagation sur votre site sous 5 minutes).

Options disponibles

Override via JavaScript

Pour des cas avancés (couleurs dynamiques selon le thème de votre site, par exemple), vous pouvez passer un objet de config avant le chargement du script :

1<script>
2  window.trustdioConfig = {
3    // Apparence
4    primaryColor: "#7C3AED",
5    position: "bottom-right",
6    locale: "fr",  // ou "en", "es", "de", "it", "ar"
7 
8    // Texte
9    greeting: "Salut 👋 Une question sur nos prestations ?",
10    placeholder: "Écrivez votre message...",
11    sendButtonLabel: "Envoyer",
12 
13    // Comportement
14    hideOnMobile: false,
15    openOnLoad: false,
16    showBranding: true,  // "Powered by Trustdio" en footer
17 
18    // Identification (si user connecté)
19    user: {
20      email: "client@exemple.fr",
21      name: "Sophie Dupont",
22      externalId: "user_42",  // matching CRM
23    },
24  };
25</script>
26<script src="https://app.trustdio.fr/widget.js?id=VOTRE_ID" defer></script>

White-label complet (plan Elite)

Le plan Elite permet de retirer toutes les mentions « Trustdio » du widget :

• showBranding: false dans la config
• Domain custom : chat.votreentreprise.fr au lieu de app.trustdio.fr
• Logo bot personnalisé sans watermark
• Email transactionnels envoyés depuis votre domaine (DKIM custom)

Localisation

Le widget détecte automatiquement la langue du navigateur. Forçage possible via locale. Tous les labels UI sont traduits dans 6 langues natives : FR, EN, ES, DE, IT, AR.

Le greeting peut être un objet multilingue :

1window.trustdioConfig = {
2  greeting: {
3    fr: "Bonjour 👋",
4    en: "Hello 👋",
5    es: "Hola 👋",
6    de: "Hallo 👋",
7  },
8};

Et après ?

• 👉 Déclencheurs et comportement — apparition au scroll, exit intent
• 👉 Pré-chat et capture de leads