Avanzado: código, seguimiento y CSS

La mayoría de los sitios nunca necesitan esta página. Cuando la necesites, Configuración tiene un solo lugar para el código que se aplica a todas las páginas: CSS de todo el sitio, etiquetas de seguimiento y verificación, y el HTML del encabezado y pie de página.

Abrir Avanzado

1. Abre tu sitio, elige Configuración en la barra lateral y luego Avanzado (descrito como HTML compartido, CSS personalizado y eliminación).
2. La página se abre con Estos cambios afectan a todas las páginas. Usa el editor de IA para el contenido de páginas individuales.
3. Edita un cuadro y luego pulsa Guardar cambios en la barra inferior. La barra muestra cuántos cambios no se han guardado, y Descartar los elimina.

Todo lo que guardes aquí se aplica de inmediato a tus páginas publicadas. Cada parte mantiene su propio historial, para que puedas retroceder (consulta Historial y deshacer).

Añade tu propio CSS

La tarjeta CSS del sitio es para los estilos que quieras en todas las páginas, como el aspecto de un botón o una tarjeta. Se añade a cada página después del tema, por lo que puede perfeccionar los colores y las fuentes del tema. Para el tema en sí, usa en su lugar Diseño y tema.

1. En CSS del sitio, escribe CSS normal en el cuadro CSS, por ejemplo .btn { border-radius: 4px; }.
2. Pulsa Guardar cambios. Tus páginas publicadas se actualizan; la barra indica cuántas páginas se están actualizando.

On Rosa's Bakery, add site CSS so every link in the footer is underlined on hover. Show me the CSS you plan to add before you save it.

Añade código de seguimiento y verificación

La tarjeta Código de seguimiento y verificación es para analítica, widgets de chat y etiquetas de verificación de búsqueda. Tiene dos cuadros: En el encabezado de la página para etiquetas como <meta name="google-site-verification" content="...">, y Al final de la página para scripts. Los scripts se ejecutan solo en el sitio publicado, nunca en el editor.

1. Pega el fragmento que te dio tu herramienta en el cuadro que indica: En el encabezado de la página o Al final de la página.
2. Pulsa Guardar cambios.
3. Abre una página publicada de tu sitio y comprueba que la herramienta la detecta.

El código se aplica a todas las páginas publicadas. Para un sitio que se mantiene alojado en otro lugar, Lentil usa su propio fragmento de seguimiento; consulta Ya tengo un sitio web.

HTML del encabezado y pie de página

La tarjeta HTML del encabezado y pie de página muestra el código detrás del encabezado y pie de página compartidos, en un cuadro Encabezado y un cuadro Pie de página. Es más fácil cambiarlos en el editor de páginas; usa estos cuadros cuando necesites pegar marcado. Consulta El editor de páginas. Cada cuadro está limitado a 256 KB.

Historial y deshacer

El encabezado, el pie de página, el CSS del sitio y el código de seguimiento tienen cada uno un botón Historial en su tarjeta. Púlsalo para ver versiones anteriores y restaurar una. Restaurar conserva el historial, así puedes cambiar de opinión otra vez.

Quién puede usarlo

• Los propietarios, administradores, miembros y clientes pueden cambiar la configuración avanzada, incluido el CSS del sitio, el código de seguimiento, y el HTML del encabezado y pie de página. Consulta Equipo y roles.
• Disponible en los planes Gratis y Pro.

Límites y casos especiales

• El código del sitio (ambos cuadros de seguimiento juntos) está limitado a 512 KB. Si se supera el límite, el cuadro más grande muestra El código del sitio supera los 512 KB en total. Acorta este campo.
• El CSS del sitio está limitado a 128 KB, y el HTML del encabezado y pie de página a 256 KB cada uno.
• Los cuadros de seguimiento no pueden contener etiquetas <template>. El cuadro te indica que las elimines.
• Si alguien más cambió la misma parte desde que la abriste, el guardado se rechaza para que no se sobrescriba nada. Recarga e inténtalo de nuevo.

Desde un asistente de IA

Un asistente conectado a Lentil trabaja según tu rol. Consulta Asistentes de IA.

• get_shared_part con part establecido en header, footer, code (el código del sitio) o css: léelo junto con su currentVersionId.
• replace_shared_part: reemplaza una parte completa (encabezado y pie de página hasta 256 KB, código del sitio 512 KB, CSS 128 KB), pasando el baseVersionId que leyó. edit_shared_part edita elementos individuales del encabezado o pie de página.
• update_theme: cambia los colores y fuentes del tema, o el CSS del sitio (designLanguageCSS).
• list_shared_part_versions, get_shared_part_version, restore_shared_part_version: historial y deshacer.

Reglas de seguridad: los cambios en las partes compartidas, el tema y el CSS del sitio se publican de inmediato en las páginas publicadas, así que un asistente debe confirmarlo contigo primero.

Actualizado el 9 de noviembre de 2026