Ir al contenido principal

Incrusta código personalizado en tu sitio web o configuración de página

Aprende cómo agregar HTML personalizado, CSS o incrustar widgets de terceros en tu sitio web Durable

Stu avatar
Escrito por Stu
Actualizado hoy

Agrega píxeles de seguimiento, etiquetas de verificación o scripts personalizados a tu sitio insertando código directamente en el encabezado o pie de página de tu sitio web, o en páginas individuales para una funcionalidad específica.

Aquí se explica cómo agregar código personalizado en su editor de sitios web Durable:

  1. Abrir configuración del sitio web

    • Desde tu panel de control, haz clic en Sitio web en la barra lateral izquierda.

    • Seleccione la pestaña Configuración en la parte superior.

  2. Agregar código global en el encabezado o en el pie de página

    • En Código personalizado, localice Código de cabecera para insertar el marcado al final de su etiqueta <head> (para metaetiquetas o CSS).

    • Pegue su código en el cuadro Código del encabezado.

    • Localice Código del pie de página para insertar scripts antes de la etiqueta de cierre (para herramientas de análisis o widgets de chat).

    • Pegue su script en el cuadro Footer Code.

  3. Habilitar renderizado forzado (Opcional)

    • Si tu bloque de inserción o personalizado no se muestra correctamente, activa Forzar renderizado de código personalizado en la parte inferior.

  4. Guardar sus cambios

    • Haga clic en Guardar para aplicar su código personalizado en todo el sitio.


Código personalizado a nivel de página

Aplicar scripts o incrustaciones solo a una página específica para pruebas A/B o funcionalidad dirigida:

  1. Editar la página

    • En el editor de su sitio web, haga clic en Páginas, luego pase el cursor sobre la página que desea y seleccione Configuración.

  2. Insertar código personalizado

    • Desplázate a la sección de código personalizado en el panel de Configuración de la página.

    • Pegue su código en Head Code o Footer Code tal como lo haría en la configuración global.

  3. Forzar renderizado de código personalizado (Opcional)

    • Activa Forzar renderizado de código personalizado si es necesario.

  4. Guardar y Publicar

    • Haga clic en Guardar, luego en Publicar en su editor principal para hacer los cambios en vivo.


Al incrustar código personalizado, puede integrar herramientas de terceros, verificar dominios o añadir seguimiento sin la ayuda de un desarrollador.Si te encuentras con algún desafío o necesitas orientación adicional, nuestro equipo está aquí para apoyarte, ¡solo contáctanos en cualquier momento!

¿Ha quedado contestada tu pregunta?