Ir al contenido

Construir

Guías por plataforma

Ver como Markdown

El snippet es HTML estándar: cualquier plataforma que permita insertar código personalizado en el <head> o en el <body> de tu web sirve. Los nombres de menú pueden cambiar entre versiones de cada plataforma; si un paso no coincide exactamente con lo que ves, busca la sección de código personalizado de tu plataforma — casi todas tienen una.

Pega el snippet directamente en la plantilla, antes de </head> o de </body>. Si tu sitio usa una plantilla compartida (un layout PHP, un include de cabecera o pie, un generador estático tipo Jekyll o Hugo), pégalo ahí para que se aplique a todas las páginas de una vez.

Dos caminos, según tu perfil:

  • Apariencia → Editor de temas: edita header.php o footer.php del tema activo y pega el snippet antes de </head> o </body>. Requiere un tema hijo (o similar) para que el cambio no se pierda al actualizar el tema.
  • Plugin de inserción de código (recomendado si no eres desarrollador): un plugin tipo WPCode («Insert Headers and Footers») añade el snippet a todas las páginas sin tocar los archivos del tema.

Si maquetas con Elementor: añade un widget de tipo «HTML» en la plantilla de pie de página global y pega el snippet ahí.

Ajustes del sitio → Código personalizado (en inglés, Settings → Custom Code). Añade un código nuevo, pega el snippet, marca que se aplique a todas las páginas y elige la posición (cabecera o final del <body>), y publica los cambios.

Configuración → Avanzado → Inyección de código (Settings → Advanced → Code Injection). Pega el snippet en el campo de Encabezado o en el de Pie de página, y guarda.

Configuración del proyecto → Custom Code (Project Settings → Custom Code). Pega el snippet en «Head Code» o en «Footer Code». Recuerda que en Webflow los cambios de código personalizado no salen en directo hasta que publicas el sitio.

Tienda online → Temas → Editar código (Online Store → Themes → Edit code), abre theme.liquid y pega el snippet antes de </head> o justo antes de </body>. Guarda el archivo.

Crea una etiqueta nueva de tipo «HTML personalizada», pega el snippet, elige el disparador «All Pages» (todas las páginas) y publica el contenedor.

Nota — Mejor fuera de GTM si puedes

Un chat que debe estar siempre disponible depende de que el contenedor de GTM se dispare correctamente y, si tienes gestión de consentimiento de cookies activada en el propio Tag Manager, de esa configuración de consentimiento. Si tu plataforma lo permite, es más robusto insertar el snippet directamente en la plantilla del sitio que a través de GTM.