--- title: Codes et widgets: CSS et scripts personnalisés description: Comment ajouter du CSS personnalisé, du code à l'en-tête et au corps (compteurs, chats, pixels), des restrictions et de la sécurité. section: account keywords: CSS personnalisé, code d'en-tête, code de corps, compteur, Google Analytics, pixel, widget de chat updated: 2026-09-16 --- La section «Codes et widgets» des Paramètres vous permet d’insérer votre propre code dans votre site web: compteurs, pixels publicitaires, widgets de chat, bannières de cookies, ainsi que votre propre CSS pour peaufiner l’apparence. ![Bloc Codes et Widgets](/wiki/img/settings-code.webp "Du code dans la tête et au bout du corps") ## Code dans la tête et le corps - **En-tête ()** — inséré dans `` de chaque page web. Sert à Google Analytics, au pixel Meta et aux balises méta de vérification. - **Le code situé à la fin du corps de la page** est inséré avant ``. Ceci concerne les widgets de chat, les bannières de cookies et les scripts nécessitant le chargement d'une page. Collez l'intégralité du code fourni par le service et cliquez sur «Enregistrer». Chaque champ est limité à 20 000 caractères. Ce code fonctionne uniquement sur le site web public, et non dans votre compte. Exemples: - Google Analytics 4 - Fragment `gtag.js` dans l'en-tête. - Meta Pixel est un fragment de pixel dans l'en-tête. - Widget de chat (Tawk, Crisp, JivoChat) - script dans le corps. - La vérification des droits Google/Bing/Yandex est plus pratique via le bloc SEO → «Vérification des droits». ## CSS personnalisé L'ajout de CSS personnalisé se fait via l'assistant IA ou le chat IA connecté: «Ajouter du CSS: arrondir complètement les boutons». L'assistant vérifie le code et l'applique au site. Pour une personnalisation précise, utilisez les attributs des éléments du site, tels que `[data-asd="card"]` pour la carte, `[data-asd="header"]` pour l'en-tête et `[data-asd="block-hero"]` pour le bloc principal. L'assistant vous proposera une liste. Votre CSS est stocké séparément du style CSS du catalogue: lorsque vous modifiez le style, vos modifications sont conservées. ## Limitations et sécurité - Dans votre CSS, les balises et expressions `