--- title: Códigos e widgets: CSS e scripts personalizados description: Como engadir CSS personalizado, código á cabeceira e ao corpo (contadores, chats, píxeles), restricións e seguridade. section: account keywords: CSS personalizado, código principal, código do corpo, contador, Google Analytics, píxel, widget de chat updated: 2026-09-16 --- A sección "Códigos e widgets" en Configuración permíteche inserir o teu propio código no teu sitio web: contadores, píxeles publicitarios, widgets de chat, banners de cookies, así como o teu propio CSS para axustar a aparencia. ![Bloque de códigos e widgets](/wiki/img/settings-code.webp "Código na cabeza e ao final do corpo") ## Código na cabeza e no corpo - **Código de encabezamento**: inserido no `` de cada páxina web. Para Google Analytics, Meta Pixel e metaetiquetas de verificación. - **O código ao final do corpo** insírese antes de ``. Para widgets de chat, banners de cookies e scripts que requiren unha páxina cargada. Pega o código completo tal e como o proporciona o servizo e fai clic en "Gardar". O límite de caracteres é de 20.000 caracteres por campo. O código só funciona no sitio web público, non na túa conta. Exemplos: - Google Analytics 4: fragmento `gtag.js` na cabeceira. - Un metapíxel é un fragmento dun píxel na cabeza. - Widget de chat (Tawk, Crisp, JivoChat): script no corpo. - Verificar os dereitos de Google/Bing/Yandex é máis cómodo a través do bloque SEO → "Verificación de dereitos". ## CSS personalizado O CSS personalizado engádese a través do asistente de IA ou do chat de IA conectado: "Engadir CSS: facer que os botóns sexan completamente redondos". O asistente comproba o código e aplícao ao sitio. Para unha personalización precisa, use atributos do elemento do sitio, como `[data-asd="card"]` para a tarxeta, `[data-asd="header"]` para a cabeceira e `[data-asd="block-hero"]` para o bloque hero. O asistente suxerirá unha lista. O teu CSS almacénase por separado do estilo CSS do catálogo: cando cambias o estilo, as túas edicións consérvanse. ## Limitacións e seguridade - No teu CSS, as etiquetas e expresións `