Comment installer l'agent sur un site Tilda

Étape par étape : où insérer le code du widget dans Tilda, comment le lier au panier, quoi faire avec le cache et comment vérifier que l'agent fonctionne sur toutes les pages.

6 septembre 2026

Tilda est le cas le plus fréquent parmi nos boutiques : le site est beau, les produits sont là, mais personne pour répondre aux questions. L'installation prend cinq minutes et ne nécessite pas de programmeur.

Étape 1. Copiez le code#

Dans votre espace, ouvrez « Widget et lien » et cliquez sur « Copier le code ». C'est une seule ligne de code, du type <script src="…" async></script>.

Étape 2. Insérez-le dans Tilda#

1. Dans votre compte Tilda, ouvrez le projet concerné.
2. Cliquez sur « Paramètres du site ».
3. Allez dans la section « Plus » → « Code HTML à insérer dans head/body ».
4. Insérez le code dans le champ Code HTML pour body (pas dans head).
5. Enregistrez.

Vient ensuite une étape obligatoire souvent oubliée : republiez toutes les pages. Tilda applique le code lors de la publication, le widget n'apparaîtra donc pas sur les pages non publiées. Dans la liste des pages, un bouton permet de tout publier en une seule fois.

Étape 3. Connectez-le au panier#

Si vous avez une boutique Tilda avec son propre panier, il n'est pas nécessaire d'activer le paiement par chat. Indiquez plutôt le lien vers le panier dans les paramètres de la boutique : il s'agit généralement de l'adresse de la page du panier de votre site. L'agent guidera l'acheteur jusqu'à cette page, et la finalisation de la commande se fera de manière habituelle.

Si vous n'avez pas de panier et que les produits sont vendus « sur demande », activez le paiement par chat — tout le processus restera alors au sein de la conversation. Détails dans l'article Paiement par chat.

Étape 4. Créez votre catalogue#

Dans les paramètres, indiquez l'adresse du site et lancez l'analyse. Le crawler lit les fiches produits Tilda, y compris les prix, les caractéristiques et les photos, et détermine par la même occasion la devise de la boutique.

Si vos produits ne sont pas dans le catalogue Tilda, mais décrits par blocs sur les pages, le crawler trouvera tout de même les prix et les noms, mais les fiches seront moins détaillées. Dans ce cas, l'importation CSV depuis le « Catalogue » est utile — Tilda peut exporter les produits dans un fichier.

L'agent ne parle pas du produit — il y mène#

C'est là que le chat cesse d'être un simple chat. L'acheteur demande « qu'avez-vous jusqu'à trois mille », et l'agent répond non pas par un paragraphe de texte, mais par des fiches : photo, nom, prix, bouton. Un clic ouvre la page produit correspondante sur votre site — dans la même fenêtre, sans nouvel onglet et sans perte de contexte.

Ensuite, la personne se retrouve dans l'entonnoir habituel de Tilda : votre fiche, votre bouton « Acheter », votre panier. L'agent a guidé, la boutique a vendu.

Deuxième chose à laquelle on ne s'attend généralement pas : l'agent voit quelle page l'acheteur est en train de consulter. Il récupère le balisage du produit sur la page — nom, référence, prix — et comprend la question dans son contexte. Une personne est sur la fiche d'un fauteuil bleu et écrit « y a-t-il des coussins pour celui-ci ? » — l'agent sait de quel fauteuil il s'agit et propose ce qui convient réellement.

Le lien vers le produit fonctionne même là où il n'y a pas de site : si la fiche provient d'une publication Instagram ou TikTok, le bouton ouvrira la publication originale. Le catalogue est constitué de différentes sources, mais mène toujours là où l'achat est possible.

1. Ouvrez le site en mode incognito. Le bouton de chat devrait apparaître dans le coin inférieur droit après une ou deux secondes.
2. Posez une question sur un produit — l'agent devrait afficher une fiche.
3. Renseignez-vous sur la livraison — la réponse doit correspondre à vos conditions.
4. Vérifiez sur mobile : le bouton ne doit pas masquer le panier Tilda.

Si le bouton masque quelque chose d'important, changez sa position vers la gauche dans la section « Widget et lien ».

Un chat en harmonie avec le site#

Les sites Tilda peuvent être clairs ou résolument sombres, c'est pourquoi le widget propose trois modes de thème : clair, sombre et « comme le visiteur ». Ce dernier s'adapte aux réglages de l'appareil de l'utilisateur et est défini par défaut.

Si votre site est conçu dans une seule tonalité, définissez le même thème de manière fixe — le chat ne se distinguera plus comme une pièce rapportée dans le coin. La couleur d'accentuation reste la vôtre, quel que soit le thème.

Étape 5. Vérifiez#

Problèmes fréquents#

Le widget n'apparaît pas. Neuf fois sur dix, les pages n'ont pas été republiées après l'insertion du code. Republiez et actualisez la page en vidant le cache.

Le widget n'est pas visible sur toutes les pages. Le code n'a pas été inséré dans les paramètres du site, mais dans un bloc T123 séparé sur une seule page. Déplacez-le dans « Paramètres du site » → « Plus ».

Le bouton apparaît avec un délai. C'est normal : le script se charge de manière asynchrone, après le contenu principal, afin de ne pas ralentir la page.

Conflit avec un autre chat. Deux chats dans le même coin se chevauchent. Gardez-en un seul ou placez-les de chaque côté.

Questions fréquentes#

Faut-il un abonnement payant Tilda ?#

Le code s'insère dans les paramètres du site, ce qui est disponible avec les abonnements payants Tilda. L'insertion de code arbitraire n'est pas prise en charge avec l'abonnement gratuit — utilisez alors le lien vers l'agent et placez-le comme bouton sur la page.

Le widget va-t-il ralentir le site ?#

Non. Le script est léger et se charge de manière asynchrone ; la fenêtre de chat elle-même ne se charge qu'au clic sur le bouton. Cela n'affecte pas la vitesse de chargement de la page Tilda.

Peut-on installer l'agent sur une seule page ?#

Oui, insérez le code non pas dans les paramètres du site, mais dans le bloc « T123 HTML » sur la page souhaitée. C'est ce que l'on fait, par exemple, pour une page de destination d'un seul produit.

Cela fonctionne-t-il avec Tilda Store ?#

Oui. L'agent lit les fiches produits et le panier, et laisse la finalisation de la commande à la boutique Tilda : l'acheteur est redirigé vers votre panier avec le produit sélectionné.

Comment supprimer le widget du site ?#

Supprimez la ligne de code dans les paramètres du site et republiez les pages. Les données et les dialogues sont conservés, et le lien vers l'agent continuera de fonctionner.