Installez TickAI en quelques minutes
Installez, configurez et vérifiez en quatre étapes courtes. Quelle que soit la technologie de votre site, l'idée est la même : collez un petit extrait, puis stylisez vos badges depuis le tableau de bord.
Aperçu
Installer TickAI est identique sur chaque plateforme : vous ajoutez un extrait dans le <head> de votre site. Il se charge de façon asynchrone (aucun ralentissement), ne modifie jamais vos fichiers sources, et vous pouvez le retirer à tout moment pour supprimer tous les badges.
- Créez un compte gratuit et ajoutez votre site dans Sites.
- Ouvrez Paramètres -> Installer et copiez votre extrait unique - il ressemble à ceci (le vôtre contient votre projet et l'ID de votre site) :
<script src="https://www.tickai.co/api/badge-overlay" data-config="https://<your-project>.supabase.co/storage/v1/object/public/badge-configs/<your-site-id>.json" async ></script>
L'URL data-config pointe vers un petit fichier que nous tenons à jour avec les badges que vous avez approuvés - l'extrait lui-même n'a plus jamais besoin d'être modifié.
Comment installer
Choisissez votre plateforme - chacune nécessite simplement de coller l'extrait au bon endroit.
Shopify
Option A - Modifier le code du thème (fonctionne aujourd'hui)
- Dans l'admin Shopify, allez dans Boutique en ligne -> Thèmes.
- Trouvez le thème sur lequel vous voulez installer TickAI. Si vous voulez une sauvegarde de sécurité, dupliquez le thème avant de le modifier.
- Sur ce thème, cliquez sur ... et choisissez Modifier le code.
- Dans la liste de fichiers à gauche, ouvrez
layout/theme.liquid. C'est généralement le fichier de mise en page partagé pour toute la boutique. - Trouvez la balise de fermeture
</head>et collez votre extrait TickAI juste au-dessus. - Cliquez sur Enregistrer.
- Ouvrez votre boutique et, pour vérifier, affichez le code source de la page pour confirmer que l'extrait apparaît désormais dans le
<head>.
Si vous ne savez pas quel fichier Shopify utiliser, commencez par layout/theme.liquid car il se charge généralement sur tout le thème.
Option B - Intégration d'app de thème
- Dans l'admin Shopify, allez dans Boutique en ligne -> Thèmes -> Personnaliser.
- Ouvrez Intégrations d'apps, trouvez TickAI et activez-le.
- Enregistrez vos modifications.
La voie d'intégration en un clic arrive bientôt. En attendant, utilisez l'option A.
WordPress & WooCommerce
Option A - Extension de scripts d'en-tête (le plus simple)
- Installez une extension comme WPCode ou Insert Headers and Footers.
- Collez votre extrait dans le champ En-tête de l'extension. Enregistrez.
Option B - En-tête du thème
- Dans un thème enfant, modifiez
header.phpet collez l'extrait avant</head>.
Les boutiques WooCommerce ne sont que du WordPress - l'une ou l'autre option fonctionne.
Wix
- Dans votre tableau de bord Wix, allez dans Paramètres -> Code personnalisé.
- Cliquez sur + Ajouter du code personnalisé et collez votre extrait.
- Réglez Placer le code dans : Head, appliquez à Toutes les pages, chargez-le une fois, puis appliquez.
Squarespace
- Allez dans Paramètres -> Avancé -> Injection de code.
- Collez votre extrait dans le champ En-tête et enregistrez.
L'injection de code est disponible sur les formules Business et Commerce.
Tout autre site (personnalisé, ou via GTM)
Pour un site sur mesure, collez l'extrait dans le <head> de chaque page, généralement dans un modèle d'en-tête ou un fichier de mise en page partagé.
Vous utilisez Google Tag Manager ? Créez une balise HTML personnalisé, collez l'extrait et réglez-la pour se déclencher sur Toutes les pages.
Vous utilisez un agent IA ?
Si vous créez ou maintenez votre site avec un assistant de codage IA, vous pouvez le laisser faire l'installation. Le plus rapide est dans l'application : ouvrez Paramètres -> Installer et cliquez sur « Copier les instructions pour l'agent » - vous obtiendrez une invite prête à l'emploi avec le vrai extrait de votre site déjà rempli.
Vous préférez copier ici ? Utilisez l'invite ci-dessous et remplacez d'abord votre URL data-config depuis Paramètres -> Installer.
You are helping install the "TickAI" disclosure widget on my website. Task: add the following script tag to the <head> of every page - ideally in the shared site-wide layout, header template, or theme header so it loads on all pages. Insert it just before the closing </head> tag. Do not modify, remove, or reformat any other code. <script src="https://www.tickai.co/api/badge-overlay" data-config="PASTE_YOUR_DATA_CONFIG_URL_HERE" async ></script> Notes: - Replace PASTE_YOUR_DATA_CONFIG_URL_HERE with the data-config URL from my TickAI dashboard (Settings -> Install). Keep the rest exactly as-is. - If the site uses Google Tag Manager, instead create a Custom HTML tag containing this snippet and set it to fire on All Pages. - The script must load on every page, only once. When done: tell me exactly which file(s) you changed and how to deploy/publish the change.
L'agent n'ajoute qu'une balise de script à votre en-tête - il n'a jamais besoin d'accéder à votre compte TickAI. Une fois terminé, déployez ou publiez votre site et activez la superposition dans Paramètres pour que les badges approuvés apparaissent.
Comment configurer
Une fois installé, vous contrôlez l'apparence des divulgations et l'endroit où elles apparaissent - tout depuis votre tableau de bord, sans code. Votre extrait ne change jamais ; les mises à jour s'appliquent automatiquement.
Activer la superposition
Dans Paramètres, activez « Appliquer les badges en direct sur mon site ». Rien n'apparaît publiquement tant que ce n'est pas activé, vous pouvez donc tout examiner en privé d'abord. Disponible sur les formules payantes.
L'apparence de vos badges
Deux étiquettes officielles sont appliquées automatiquement - IA Générée pour un contenu entièrement synthétique et IA Modifiée pour un contenu réel substantiellement altéré.
Pour le style, gardez « Choisir automatiquement le meilleur style » activé et nous choisissons le plus lisible des quatre styles officiels pour chaque image - ou imposez un seul style pour correspondre à votre marque.
Contrôle par image
Vous gardez toujours le contrôle par image. Lorsque vous examinez une ressource, vous confirmez son étiquette, ce qui décide de l'icône affichée - et rien n'est mis en ligne tant que vous ne l'avez pas approuvé.
Badges UE uniquement
Vous préférez n'afficher les badges qu'aux visiteurs de l'UE ? Activez le ciblage géographique UE dans Paramètres (Pro et au-dessus). La région est résolue en périphérie et aucune donnée de visiteur n'est stockée.
Comment finaliser
Vérifier que ça marche
- Approuvez au moins une ressource pour divulgation dans votre tableau de bord.
- Visitez une page de votre site en direct qui montre cette image - le badge apparaît en une à deux minutes (propagation CDN).
- Il n'apparaît pas ? Vérifiez que l'extrait est dans le
<head>de cette page et que le service est activé dans Paramètres.
Dépannage
Les badges n'apparaissent pas
Vérifiez trois choses : le service est activé (Paramètres), la décision de la ressource est approuvée, et vous avez laissé une à deux minutes au CDN pour se rafraîchir. Confirmez aussi que l'extrait est dans le <head> de cette page.
L'extrait est en place mais rien ne se passe
Assurez-vous que l'URL data-config est exactement celle de Paramètres -> Installer - une seule faute de frappe casse la recherche. Ouvrez cette URL dans votre navigateur ; elle devrait renvoyer du JSON, pas une erreur.
Le test indique que le site est bloqué ou protégé
Certains sites bloquent les vérifications automatiques de serveur à serveur même quand la page est en ligne. Si vous utilisez Cloudflare, un WAF ou une protection anti-bot, confirmez que l'extrait est présent dans le code source de votre page d'accueil, puis testez dans un onglet de navigateur normal.
Un badge est mal placé ou chevauche le contenu
Les badges s'ancrent en haut à droite de chaque image. Un thème très personnalisé peut décaler cela - indiquez-nous la page et nous vous aiderons à le positionner.
Je ne veux afficher les badges qu'aux visiteurs de l'UE
Activez le ciblage géographique UE dans Paramètres (Pro et au-dessus). Il résout la région en périphérie et ne stocke aucune donnée de visiteur.
Une politique de sécurité du contenu (CSP) bloque le script
Autorisez https://www.tickai.co dans script-src et connect-src. Autorisez aussi https://*.supabase.co dans connect-src pour que la superposition puisse récupérer votre JSON de configuration.
J'ai retiré l'extrait - reste-t-il quelque chose ?
Non. Retirer l'extrait supprime immédiatement tous les badges ; il n'a jamais modifié vos fichiers, il n'y a donc rien d'autre à nettoyer.

