Altro Gratuito

Iniettore di codice Header/Footer (CSS/JS)

Inietta CSS, JS e HTML nell'header e nel footer, senza toccare il tema.

Aggiungi script di tracciamento, tag di verifica, stili e codice di terze parti nel tag head, all'inizio o alla fine del body, dal back-office. Ogni snippet ha la sua posizione, le sue pagine e il suo ordine. La modalità test limita un nuovo tag agli IP di manutenzione mentre lo verifichi sul negozio online.

A colpo d'occhio
  • Tre posizioni: tag head, subito dopo l'apertura del body, subito prima della sua chiusura.
  • Funziona con tutti i temi: se il tema non richiama gli hook del body, il codice viene inserito direttamente nell'HTML della pagina.
  • Targeting per pagina in tre modalità (tutte, solo, tutte tranne), con la conferma d'ordine e le pagine dei moduli.
  • Modalità test: lo snippet viene iniettato solo per gli indirizzi IP di manutenzione.
  • Gratuito, PrestaShop 8 e 9, multinegozio, back-office in 8 lingue.
Gratuito PrestaShop 8 & 9 Multinegozio Tutti i temi
  • Rimborso 30 giorni
  • 12 mesi di aggiornamenti
  • Supporto 24h
www.datafirefly.com/it/
Inserimento di codice CSS e JS nell'header e nel footer di PrestaShop
v1.1.0 · aggiornato 2026-10-11
Cosa fa

La versione breve.

01

Header & Footer

Codice iniettato nel tag head, subito dopo l'apertura del body o subito prima della chiusura, anche se il tema non richiama gli hook corrispondenti.

02

CSS · JS · HTML

Stili, script, tag di verifica, pixel di tracciamento: il codice viene iniettato così com'è, senza modifiche.

03

Targeting per pagina

Tutte le pagine, solo alcune, o tutte tranne alcune. Conferma d'ordine e pagine dei moduli incluse.

04

Modalità test

Verifica un nuovo tag sul negozio online: viene servito solo agli IP di manutenzione finché non lo pubblichi.

La versione lunga

Tutto quello che vorresti sapere prima di installare.

Uno sguardo dettagliato su come funziona Iniettore di codice Header/Footer (CSS/JS), perché l'abbiamo progettato così, e il ragionamento dietro le funzionalità qui sopra.

§ 01

Il tuo codice nella pagina, senza toccare il tema

Incollare un tag di Google Tag Manager o di verifica in un template obbliga a modificare il tema, e la modifica si perde con l'aggiornamento successivo. Qui ogni blocco di codice è uno snippet salvato nel database e iniettato tramite gli hook di PrestaShop. Il tema resta intatto e gli snippet sopravvivono ai suoi aggiornamenti.

§ 02

Tre posizioni, qualunque sia il tema

Il tag head riceve gli stili, i tag meta e lo script principale di GTM. L'inizio del body ospita la parte noscript di GTM, la fine del body gli script di tracciamento e di chat. Alcuni temi non richiamano gli hook del body: in quel caso il modulo inserisce il codice direttamente nell'HTML finale della pagina, subito dopo il tag body di apertura o subito prima di quello di chiusura. Non serve alcuna impostazione.

§ 03

Il codice giusto sulle pagine giuste

Ogni snippet compare su tutte le pagine, solo su una selezione, oppure ovunque tranne che su una selezione. L'elenco copre 30 pagine PrestaShop, tra cui la conferma d'ordine per i pixel di conversione, e un campo libero accetta le pagine dei moduli nel formato module-nomemodulo-controller. L'ordine di iniezione si regola per posizione e la duplicazione crea una copia disattivata da rileggere prima di attivarla.

§ 04

Testare sul negozio online prima di pubblicare

La modalità test riserva uno snippet agli indirizzi IP di manutenzione definiti in PrestaShop. Verifichi il tag sul negozio reale senza che alcun visitatore lo riceva, poi disattivi la modalità test. Il modulo legge tutti gli snippet con una sola query SQL per pagina, funziona in multinegozio e la sua interfaccia è tradotta in otto lingue.

€0.00
Acquisto unico · 12 mesi di aggiornamenti
Leggi la documentazione
  • Installazioni dev & staging illimitate
  • Codice sorgente incluso
  • Rimborso 30 giorni
  • Supporto 24h · EN / FR
5,0/5 20 recensioni