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 de encabezado o pie de página global

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

    • Pega tu código en el cuadro Head Code.

    • Ubique el código de pie de página para insertar scripts antes de la etiqueta de cierre </body> (para análisis o widgets de chat).

    • Pega tu script en el cuadro de Código de pie de página.

  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. Guarda tus 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 Código de encabezado o Código de pie de página tal como lo haría en la configuración global.

  3. Forzar la representación 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 integrar código personalizado, puedes integrar herramientas de terceros, verificar dominios o agregar 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?