Códigos y widgets: CSS y scripts personalizados
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.
Código en la cabeza y el cuerpo#
- Código de encabezado: se inserta en
<head>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
</body>. 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.jsen 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
<style>,<script>,@importestán prohibidas; se eliminan durante la validación. - Los scripts que aparecen en la cabecera y el cuerpo de la página se ejecutan en el navegador del visitante. Inserta únicamente código de servicios en los que confíes.
- Si el sitio web deja de funcionar después de pegar el contenido, borre el campo y guarde los cambios; el sitio volverá a su aspecto normal.
Preguntas y respuestas#
El contador no cuenta#
Asegúrate de pegar el código en la cabecera, guardarlo y de que el sitio esté abierto en una dirección pública (no en tu cuenta). Los bloqueadores de anuncios pueden interferir con la verificación.
¿Es posible insertar un mapa o un formulario?#
Sí, como un bloque "HTML personalizado" en la página a través del asistente de IA. Ver Inicio y Menú.