Otro Gratis

Inyector de código Header/Footer (CSS/JS)

Inyecta CSS, JS y HTML en el header y el footer, sin tocar el tema.

Añade scripts de seguimiento, etiquetas de verificación, estilos y código de terceros en la etiqueta head, al inicio o al final del body, desde el back-office. Cada snippet tiene su ubicación, sus páginas y su orden. El modo prueba limita una etiqueta nueva a las IP de mantenimiento mientras la compruebas en la tienda en línea.

De un vistazo
  • Tres ubicaciones: etiqueta head, justo después de la apertura del body, justo antes de su cierre.
  • Funciona con todos los temas: si el tema no llama a los hooks del body, el código se inserta directamente en el HTML de la página.
  • Segmentación por página en tres modos (todas, solo, todas excepto), con la confirmación de pedido y las páginas de módulos.
  • Modo prueba: el snippet solo se inyecta para las direcciones IP de mantenimiento.
  • Gratis, PrestaShop 8 y 9, multitienda, back-office en 8 idiomas.
Gratis PrestaShop 8 y 9 Multitienda Todos los temas
  • Reembolso de 30 días
  • 12 meses de actualizaciones
  • Soporte 24h
www.datafirefly.com/es/
Inyección de código CSS y JS en la cabecera y el pie de página de PrestaShop
v1.1.0 · actualizado 2026-10-11
Qué hace

La versión corta.

01

Header & Footer

Código inyectado en la etiqueta head, justo después de la apertura del body o justo antes de su cierre, aunque el tema no llame a los hooks correspondientes.

02

CSS · JS · HTML

Estilos, scripts, etiquetas de verificación, píxeles de seguimiento: el código se inyecta tal cual, sin cambios.

03

Segmentación por página

Todas las páginas, solo algunas, o todas excepto algunas. Confirmación de pedido y páginas de módulos incluidas.

04

Modo prueba

Comprueba una etiqueta nueva en la tienda en línea: solo se sirve a las IP de mantenimiento hasta que la publiques.

La versión larga

Todo lo que querrías saber antes de instalar.

Una mirada detallada a cómo funciona Inyector de código Header/Footer (CSS/JS), por qué lo construimos así y la lógica detrás de las características anteriores.

§ 01

Tu código en la página, sin tocar el tema

Pegar una etiqueta de Google Tag Manager o de verificación en una plantilla obliga a modificar el tema, y el cambio se pierde con la siguiente actualización. Aquí, cada bloque de código es un snippet guardado en la base de datos e inyectado mediante los hooks de PrestaShop. El tema queda intacto y los snippets sobreviven a sus actualizaciones.

§ 02

Tres ubicaciones, sea cual sea el tema

La etiqueta head recibe los estilos, las etiquetas meta y el script principal de GTM. El inicio del body acoge la parte noscript de GTM y el final del body los scripts de seguimiento y de chat. Algunos temas no llaman a los hooks del body: en ese caso el módulo inserta el código directamente en el HTML final de la página, justo después de la etiqueta body de apertura o justo antes de la de cierre. No hace falta ningún ajuste.

§ 03

El código correcto en las páginas correctas

Cada snippet se muestra en todas las páginas, solo en una selección, o en todas salvo una selección. La lista cubre 30 páginas de PrestaShop, entre ellas la confirmación de pedido para los píxeles de conversión, y un campo libre acepta las páginas de módulos con el formato module-nombredelmodulo-controlador. El orden de inyección se ajusta por ubicación y la duplicación crea una copia desactivada que conviene revisar antes de activarla.

§ 04

Probar en la tienda en línea antes de publicar

El modo prueba reserva un snippet a las direcciones IP de mantenimiento definidas en PrestaShop. Compruebas la etiqueta en la tienda real sin que ningún visitante la reciba y luego desactivas el modo prueba. El módulo lee todos los snippets con una sola consulta SQL por página, funciona en multitienda y su interfaz está traducida a ocho idiomas.

€0,00
Pago único · 12 meses de actualizaciones
Leer la documentación
  • Instalaciones dev y staging ilimitadas
  • Código fuente incluido
  • Reembolso de 30 días
  • Soporte 24h · EN / FR
5,0/5 20 reseñas