---
title: Codis i widgets: CSS i scripts personalitzats
description: Com afegir CSS personalitzat, codi a la capçalera i al cos (comptadors, xats, píxels), restriccions i seguretat.
section: account
keywords: CSS personalitzat, codi principal, codi corporal, comptador, Google Analytics, píxel, widget de xat
updated: 2026-09-16
---

La secció "Codis i widgets" a Configuració us permet inserir el vostre propi codi al vostre lloc web: comptadors, píxels publicitaris, widgets de xat, bàners de cookies, així com el vostre propi CSS per ajustar l'aspecte.

![Bloc de codis i widgets](/wiki/img/settings-code.webp "Codi al cap i al final del cos")

## Codi al cap i al cos

- **Codi principal**: inserit al `<head>` de cada pàgina web. Per a Google Analytics, Meta Pixel i metaetiquetes de verificació.
- **El codi al final del cos** s'insereix abans de `</body>`. Per a widgets de xat, bàners de galetes i scripts que requereixen una pàgina carregada.

Enganxeu tot el codi tal com us ha proporcionat el servei i feu clic a "Desa". El límit és de 20.000 caràcters per camp. El codi només funciona al lloc web públic, no al vostre compte.

Exemples:

- Google Analytics 4: fragment `gtag.js` a la capçalera.
- Un metapíxel és un fragment d'un píxel al cap.
- Widget de xat (Tawk, Crisp, JivoChat): script al cos.
- Verificar els drets de Google/Bing/Yandex és més convenient a través del bloc SEO → “Verificació de drets”.

## CSS personalitzat

El CSS personalitzat s'afegeix a través de l'assistent d'IA o del xat d'IA connectat: "Afegeix CSS: fes botons completament rodons". L'assistent comprova el codi i l'aplica al lloc. Per a una personalització precisa, utilitzeu els atributs dels elements del lloc, com ara `[data-asd="card"]` per a la targeta, `[data-asd="header"]` per a la capçalera i `[data-asd="block-hero"]` per al bloc heroi. L'assistent suggerirà una llista.

El vostre CSS s'emmagatzema per separat de l'estil CSS del catàleg: quan canvieu l'estil, les vostres edicions es conserven.

## Limitacions i seguretat

- Al vostre CSS, les etiquetes i expressions `<style>`, `<script>`, `@import` estan prohibides; s'eliminen durant la validació.
- Els scripts de la capçalera i del cos s'executen al navegador del visitant. Només cal inserir codi de serveis de confiança.
- Si el lloc web "es trenca" després d'enganxar-lo, esborreu el camp i deseu-lo: el lloc web tornarà al seu aspecte normal.

## Preguntes i respostes

### El comptador no compta

Assegureu-vos que el codi estigui enganxat a la capçalera, que estigui desat i que el lloc web estigui obert en una adreça pública (no al vostre compte). Els bloquejadors d'anuncis poden interferir amb la verificació.

### És possible inserir un mapa o un formulari?

Sí, com a bloc "HTML personalitzat" a la pàgina a través de l'assistent d'IA. Vegeu [Inici i Menú](/wiki/ca/home-and-menu).

