--- title: Códigos y widgets: CSS y scripts personalizados description: Cómo agregar CSS personalizado, código al encabezado y al cuerpo (contadores, chats, píxeles), restricciones y seguridad. section: account keywords: CSS personalizado, código de encabezado, código de cuerpo, contador, Google Analytics, píxel, widget de chat updated: 2026-09-16 --- La sección "Códigos y widgets" en Configuración te permite insertar tu propio código en tu sitio web: contadores, píxeles publicitarios, widgets de chat, banners de cookies, así como tu propio CSS para ajustar la apariencia. ![Bloque de códigos y widgets](/wiki/img/settings-code.webp "Código en la cabeza y al final del cuerpo") ## Código en la cabeza y el cuerpo - **Código de encabezado**: se inserta en `` de cada página web. Para Google Analytics, Meta Pixel y metaetiquetas de verificación. - **El código al final del cuerpo** se inserta antes de ``. Para widgets de chat, banners de cookies y scripts que requieren que la página esté cargada. Pegue el código completo proporcionado por el servicio y haga clic en "Guardar". El límite de caracteres es de 20 000 por campo. El código solo funciona en el sitio web público, no en su cuenta. Ejemplos: - Google Analytics 4 - Fragmento `gtag.js` en la cabecera. - Meta Pixel es un fragmento de un píxel en la cabeza. - Widget de chat (Tawk, Crisp, JivoChat): script en el cuerpo. - Verificar los permisos de Google/Bing/Yandex es más sencillo a través del bloque SEO → “Verificación de permisos”. ## CSS personalizado El CSS personalizado se añade mediante el asistente de IA o el chat de IA conectado: «Añadir CSS: hacer que los botones sean completamente redondos». El asistente revisa el código y lo aplica al sitio. Para una personalización precisa, utilice atributos de elementos del sitio, como `[data-asd="card"]` para la tarjeta, `[data-asd="header"]` para el encabezado y `[data-asd="block-hero"]` para el bloque principal. El asistente le sugerirá una lista. Tu código CSS se almacena por separado del estilo CSS del catálogo: cuando cambias el estilo, tus modificaciones se conservan. ## Limitaciones y seguridad - En tu CSS, las etiquetas y expresiones `