Tutorial WordPress affidabili, quando ne hai più bisogno.
Guida per principianti a WordPress
WPB Cup
25 Milioni+
Siti web che utilizzano i nostri plugin
16+
Anni di esperienza con WordPress
3000+
Tutorial WordPress di esperti

Come aggiungere codice nell'intestazione e nel piè di pagina di WordPress (il modo più semplice)

Su WPBeginner, creiamo molti tutorial che richiedono l'inserimento di codice nelle sezioni <header> o <footer> del tuo sito WordPress. Per molti utenti, questo può sembrare intimidatorio, soprattutto perché WordPress non dispone di un modo integrato per inserire codice in queste aree.

Tuttavia, aggiungere codice all'intestazione e al piè di pagina è essenziale per integrare servizi popolari come Google Analytics, Google Search Console, Pixel di Facebook e altro ancora. Potrebbe anche essere necessario aggiungere CSS o JavaScript personalizzati come parte di altri tutorial di WordPress.

La buona notizia? Non devi modificare direttamente i file del tuo tema o preoccuparti di rompere il tuo sito. Utilizzando il plugin gratuito WPCode, anche i principianti possono aggiungere in modo sicuro e semplice snippet di codice alla loro intestazione o piè di pagina.

In questa guida, ti spiegheremo passo dopo passo come aggiungere codice all'intestazione e al piè di pagina in WordPress.

Come aggiungere codice nell'intestazione e nel piè di pagina in WordPress

Il modo migliore per aggiungere codice all'intestazione e al piè di pagina di WordPress

Se desideri aggiungere codice all'intestazione e al piè di pagina di WordPress, ci sono tre soluzioni possibili:

  1. Manualmente, modificando i file header.php e footer.php del tuo tema
  2. Con la funzione integrata del tuo tema per il codice di intestazione e piè di pagina
  3. Utilizzando un plugin WordPress per intestazioni e piè di pagina

La prima opzione non è adatta ai principianti perché richiede di aggiungere codice all'intestazione e al piè di pagina modificando manualmente i file header.php e footer.php.

Un altro svantaggio di questo metodo è che il tuo codice verrà rimosso se installi un aggiornamento del tuo tema.

La seconda opzione è utilizzare la funzionalità integrata del tuo tema. Alcuni temi WordPress come Elegant Themes offrono un'opzione integrata per aggiungere rapidamente codice e script all'intestazione e al piè di pagina del tuo WordPress.

Se stai utilizzando un tema con una funzionalità integrata, sembra una soluzione sicura e semplice. Tuttavia, se cambi tema, tutti gli snippet di codice aggiunti al tuo sito web scompariranno. Ciò include la verifica del sito in Google Search Console, l'analisi del sito web tramite Google Analytics, e così via.

Ecco perché raccomandiamo sempre agli utenti di utilizzare la terza opzione, un plugin per intestazioni e piè di pagina. Questa opzione è di gran lunga il metodo più semplice e sicuro per aggiungere codice all'intestazione e al piè di pagina in WordPress.

Dopo molte richieste da parte dei lettori, il nostro team ha creato il plugin WPCode.

WPCode

WPCode (precedentemente chiamato Insert Headers and Footers) è un plugin gratuito al 100% per snippet di codice. Puoi usarlo per aggiungere facilmente codice all'intestazione e al piè di pagina in WordPress.

Ecco alcuni vantaggi dell'utilizzo del plugin WPCode:

1. 🚀 Facile, Veloce e Organizzato: Ti consente di aggiungere codice all'intestazione e al piè di pagina del tuo sito in modo facile e veloce. Inoltre, ti mantiene organizzato permettendoti di archiviare tutti i tuoi codici di piè di pagina e intestazione in un unico posto.

2. ✅ Previene Errori: La convalida intelligente degli snippet di codice aiuta a prevenire errori che potrebbero verificarsi se modifichi manualmente i file del tuo tema.

3. 😌 Aggiorna o Cambia il Tuo Tema Senza Preoccupazioni: Il plugin salverà il codice dell'intestazione e del piè di pagina in un posto separato, così potrai aggiornare o cambiare il tuo tema senza preoccuparti che il codice venga cancellato.

Oltre agli script di intestazione e piè di pagina, puoi anche usare WPCode per inserire facilmente snippet di codice PHP personalizzati, JavaScript, CSS, HTML e testo senza modificare i file del tuo tema.

Inoltre, WPCode dispone di una libreria di snippet integrata dove puoi trovare tutti gli snippet di codice WordPress più utili. Questo ti permette di rimuovere rapidamente le funzionalità di WordPress che non desideri, come gli aggiornamenti automatici, l'API REST, XML-RPC, i commenti e altro ancora.

Nota: Il plugin gratuito WPCode ha tutto ciò di cui hai bisogno per aggiungere codice nell'header e nel footer di WordPress. Tuttavia, se desideri funzionalità avanzate come una libreria di snippet cloud privata, pixel di conversione, snippet pianificati e altro ancora, puoi passare a WPCode Pro.

Per maggiori dettagli, leggi la nostra guida su come aggiungere facilmente codice personalizzato in WordPress.

Detto questo, vediamo come aggiungere facilmente codice nell'header e nel footer di WordPress utilizzando il plugin WPCode.

Aggiungere codice all'header e al footer in WordPress

La prima cosa da fare è installare e attivare il plugin gratuito WPCode. Per maggiori dettagli, consulta la nostra guida passo passo su come installare un plugin di WordPress.

Una volta attivato il plugin, vai su Snippet di codice » Intestazione e piè di pagina dal tuo pannello di amministrazione di WordPress. Successivamente, vedrai una casella 'Intestazione' dove puoi aggiungere il tuo codice.

Aggiungi codice all'intestazione e al piè di pagina con WPCode

Scorrendo verso il basso, vedrai anche una casella 'Corpo' e una casella 'Piè di pagina'.

Caselle di script per intestazione e piè di pagina WPCode

Incolla semplicemente il codice in una delle tre caselle. Una volta terminato, non dimenticare di fare clic sul pulsante 'Salva modifiche' per memorizzare le tue impostazioni.

Il plugin caricherà ora automaticamente il codice nelle rispettive posizioni sul tuo sito WordPress.

Puoi sempre modificare e rimuovere qualsiasi codice che non desideri conservare.

Dovrai mantenere il plugin installato e attivato in ogni momento. La disattivazione del plugin interromperà l'aggiunta di tutto il codice personalizzato al tuo sito.

Se disattivi accidentalmente il plugin, il codice sarà comunque memorizzato in modo sicuro nel tuo database WordPress. Puoi semplicemente reinstallare o riattivare il plugin e il codice ricomincerà ad apparire.

Nota: Potrebbe essere necessario svuotare la cache di WordPress dopo aver salvato le modifiche, in modo che il codice appaia correttamente sul front-end del tuo sito web.

Abbiamo trovato il motivo principale per cui molti principianti utilizzano il plugin WPCode è per aggiungere Google Analytics al proprio sito web. Per questo, raccomandiamo di utilizzare il plugin gratuito MonsterInsights.

MonsterInsights è il miglior plugin di Google Analytics per WordPress. Ti aiuta a configurare correttamente il monitoraggio di Google Analytics con pochi clic e ti mostra statistiche utili direttamente nella tua bacheca di WordPress.

Per istruzioni passo passo, consulta questo tutorial su come installare Google Analytics in WordPress.

Tutorial video

Se non ti piace seguire istruzioni scritte, puoi guardare il nostro tutorial video su come aggiungere codice nell'intestazione e nel piè di pagina in WordPress:

Iscriviti a WPBeginner

Speriamo che questo articolo ti abbia aiutato a imparare come aggiungere facilmente codice nell'intestazione e nel piè di pagina in WordPress. Potresti anche voler consultare la nostra guida su come visualizzare il codice sul tuo sito WordPress, o le nostre scelte esperte dei migliori strumenti di sviluppo WordPress.

Se ti è piaciuto questo articolo, iscriviti al nostro canale YouTube per tutorial video su WordPress. Puoi anche trovarci su Twitter e Facebook.

Dichiarazione: Il nostro contenuto è supportato dai lettori. Ciò significa che se fai clic su alcuni dei nostri link, potremmo guadagnare una commissione. Vedi come è finanziato WPBeginner, perché è importante e come puoi supportarci. Ecco il nostro processo editoriale.

Il Toolkit WordPress Definitivo

Ottieni l'accesso GRATUITO al nostro toolkit - una raccolta di prodotti e risorse relative a WordPress che ogni professionista dovrebbe avere!

Interazioni del lettore

267 CommentsLeave a Reply

  1. Questa guida è fantastica! Gestisco siti web per più clienti e sono così felice che tu abbia evidenziato l'uso del plugin WPCode invece di modificare direttamente i temi. Fidati di me su questo: ho imparato questa lezione a mie spese! Una volta ho avuto un aggiornamento del tema che ha cancellato i codici di tracciamento per tre dei miei clienti. Non è stato affatto divertente.
    Qualcosa che mi ha risparmiato un sacco di mal di testa è che tengo un semplice foglio di calcolo che traccia tutti i codici di intestazione e piè di pagina per ogni sito di un cliente. Mostra cosa fa ogni codice e dove viene utilizzato. È stato di grande aiuto durante le modifiche del tema e non devo più indovinare cosa è in esecuzione su quale sito.

  2. Da quando ho usato wpcode sul mio sito web, ha ridotto molti problemi di manipolazione del file functions.php.
    Ricordo di aver manipolato il codice nel 2017 ed è stato orribile.
    wpcode rende facile non solo inserire snippet di codice, ma aiuta anche nella facile manutenzione.
    Inoltre, dà la possibilità di evitare molti plugin per ottenere piccole funzionalità.

  3. Grazie per questa guida.
    Anche se aggiungere codice all'intestazione e al piè di pagina era una volta un grosso problema per me, dato che ho paura di perdere il codice personalizzato durante l'aggiornamento del mio tema, ho poi creato un tema figlio per questo, ma era in qualche modo tecnico.
    Ora, sto usando WPcode per aggiungere il codice e implementare altri codici personalizzati con facilità, è anche più veloce poiché ci sono alcuni codici personalizzati già pronti in WPcode stesso. Il plugin è molto utile, grazie.

  4. Uso il plugin WpCode da diversi anni ed è davvero fantastico. Soprattutto per i principianti che hanno paura di inserire codici nel sito web. Questo plugin è quasi un must su ogni sito web. Può davvero risparmiare molto lavoro e qui su wpbeginner ci sono molte soluzioni già pronte.

  5. Ciao
    Ho installato il plugin WPCode e ho inserito il codice nel campo dell'header nella scheda "Header e Footer Globali". Questo codice mostra un popup.
    Il sito web è multisito e WPCode è attivato su tutta la rete.
    Il popup viene visualizzato bene nella home page del mio sito web, ma non su altre pagine in cui le persone possono atterrare dopo aver cercato su Google.
    Cosa devo fare per far apparire il popup su qualsiasi pagina?
    Grazie

    • Per essere sicuri, il tuo tema ha uno stile per le tue altre pagine che utilizza un'intestazione diversa o rimuove l'intestazione?

      Amministratore

  6. C'è un modo per nascondere il codice dell'intestazione o del piè di pagina per alcuni post/pagine?

  7. Quanti codici possiamo aggiungere in una singola sezione di intestazione o piè di pagina, intendo se posso usare due o tre codici in una singola sezione di intestazione come il codice di Facebook, il codice di Google, ecc.

    • Finché il codice è aggiunto correttamente e non stai inserendo codice all'interno di altri blocchi di codice, puoi aggiungerne quanti ne desideri.

      Amministratore

  8. Ciao, ho aggiunto il codice e ho cliccato su Salva. Non è successo niente. C'è un pulsante di pubblicazione che devo premere?

    • Dipenderebbe dal codice che hai aggiunto, poiché non tutto il codice ha una componente visibile, potresti anche provare a svuotare la cache del tuo sito, un altro motivo comune per cui non vedi alcuna modifica sul sito.

      Amministratore

  9. Ciao — Domanda veloce. Ho installato il plugin. C'è un modo per selezionare su quali pagine devono apparire l'intestazione e il piè di pagina? Vedo solo un'installazione globale senza la possibilità di selezionare le pagine. Grazie!

    • Al momento il plugin serve per aggiungere codice all'intestazione del tuo sito e non per mostrare/nascondere la tua intestazione. I modelli del tuo tema deciderebbero dove la tua intestazione e il tuo piè di pagina appaiono sul tuo sito.

      Amministratore

  10. Ho installato il plugin (e risulta attivo nell'elenco dei plugin) ma non compare nel menu "Impostazioni". Ho saltato qualche passaggio? Potreste fornire una soluzione?
    Grazie

    • No, l'opzione dovrebbe essere disponibile una volta che il plugin è attivo, a condizione che tu abbia accesso per modificare le impostazioni del sito. Dovresti assicurarti di essere un amministratore del sito e, se non è ancora visibile, dovresti provare a disattivare gli altri tuoi plugin per vedere se c'è un possibile conflitto con uno di essi.

      Amministratore

  11. Ciao! Ho una domanda! Sto cercando di aggiungere il tag globale del sito e lo snippet del telefono al mio codice su ogni pagina in modo da poter tracciare le mie chiamate pubblicitarie di Google. Ho il plugin "Headers and Footers", posso semplicemente incollarlo qui e sono a posto? O fa differenza dove lo posto (Intestazione vs. Corpo. Piè di pagina)? Grazie mille!

  12. Così vicino a essere ciò che serve! Ma Google raccomanda vivamente di utilizzare metadati diversi per ogni pagina. “Descrizioni identiche o simili su ogni pagina di un sito non sono utili quando le singole pagine appaiono nei risultati del web. In questi casi è meno probabile che vengano visualizzati testi standard. Ove possibile, crea descrizioni che descrivano accuratamente la pagina specifica.” Si prega di considerare l'aggiornamento del plugin di conseguenza.

    • Our plugin is not for metadata, it is mainly for code to add things like Google Analytics tracking or for verification codes. If you want a plugin for adding metadata to individual posts, we would recommend taking a look at All in One SEO as that will give you far better control over your metadata :)

      Amministratore

  13. Ho una domanda. Come si rimuove il codice che ho aggiunto usando il plugin insert headers and footers? Quando apro l'editor del tema non riesco a trovare il codice che ho aggiunto usando questo plugin.

    • Il codice aggiunto tramite il plugin verrebbe rimosso quando rimosso dalle impostazioni del plugin o disinstallando il plugin.

      Amministratore

  14. Ciao, ho aggiunto il plugin sopra al mio sito e ho aggiunto il codice nella sezione header. Poi ho testato con il tuo sito e ha detto che è stato salvato con successo.

    Ma non vedo il bot quando vado sul sito live. Potresti dirmi cosa sto facendo di sbagliato? Grazie.

    • Dipenderebbe dal codice specifico che stai aggiungendo, ti consigliamo di verificare con il supporto del codice per sapere se l'hai aggiunto correttamente, poiché non tutto il codice è fatto per avere qualcosa di visibile.

      Amministratore

  15. Volevo cambiare il colore della mia barra degli indirizzi usando questo plugin ma ogni volta che incollo mi dà un messaggio di errore

    Il mio codice va bene?

    • Dipenderebbe dal codice specifico e da dove il codice è destinato ad essere aggiunto. Dovresti contattare chi ti ha fornito il codice per sapere dove posizionarlo.

      Amministratore

  16. Ho comprato un tema ma non mi permette di aggiungere alcuna azione di pulsante nell'intestazione né nel menu, pensi che questo plugin potrebbe aiutarmi???

  17. Come posso aggiungere il codice nell'intestazione il più in alto possibile? Ho bisogno di mettere il codice prima di poche righe nell'intestazione. Come posso controllare la posizione del codice?

    Grazie

    • Se hai bisogno di una posizione molto specifica per il codice, dovresti aggiungere manualmente il codice ai tuoi file.

      Amministratore

  18. INUTILE per un tema che non ha intestazioni in primo luogo, come wordpress 2021. Inutile.

    Si implicava che questo plugin facesse questo. Non lo fa. Tutto quello che fa è inserire una versione GIGANTE dell'immagine che scegli SOPRA il tuo menu e il nome del sito.

    • Il tema 2021 ha un'intestazione, ma il plugin Insert Headers and Footers serve per inserire codice come Google Analytics, non per aggiungere foto all'intestazione del tuo sito web. Non raccomanderemmo l'uso di questo plugin per aggiungere un'immagine di intestazione poiché ciò causerebbe gli errori che stai riscontrando.

      Amministratore

  19. Ciao,

    Ho già installato il plugin "Insert Footer and Header", se volessi rimuoverlo dal sito, il codice inserito verrebbe rimosso anche dalla sezione dell'intestazione o rimarrebbe salvato senza il plugin?
    Per favore, illuminami.

    • Se rimuovi il plugin, anche il codice aggiunto dovrebbe essere rimosso.

      Amministratore

  20. Google Analytics mi dice di aggiungere un codice Global Site Tag immediatamente dopo il tag . Questo plugin lo fa? Altrimenti, non ho idea di come aggiungere questo codice a *ogni* pagina del mio sito!

    • Sì, il plugin lo aggiungerà a tutte le tue pagine con un'intestazione.

      Amministratore

  21. Grazie MILLE per queste semplici istruzioni e per il plug-in. Non riuscivo a capire perché il mio sito web continuasse a essere eliminato da Pinterest!

  22. L'intestazione e il piè di pagina in ogni post del blog saranno diversi? Il plugin è per ogni post?

    • Il codice aggiunto tramite il plugin sarà presente su ogni post e pagina e non codici individuali per singoli post e pagine.

      Amministratore

  23. Ciao,

    Non riesco a trovare la sezione "Inserisci intestazioni" sotto l'editor del mio post? Quindi, come posso abilitare quella funzione che mi consente di inserire codice diverso per post specifici?

    • Il nostro plugin è per l'intero sito al momento e non per singoli post o pagine.

      Amministratore

  24. Come installo codice diverso per ogni tipo di pagina invece di mettere tutto il codice in ogni pagina?

    • Dovresti aggiungerlo manualmente se abbiamo capito cosa stai chiedendo.

      Amministratore

  25. Il plugin "Inserisci intestazioni e piè di pagina" è compatibile con la versione 5.5.1 di WordPress?

    • Sì, esamineremo l'aggiornamento della versione testata non appena saremo in grado

      Amministratore

  26. Ricevo il seguente errore quando premo SALVA da questo plugin:

    È stata rilevata un'operazione potenzialmente non sicura nella tua richiesta a questo sito

    • Dovresti verificare se hai plugin di sicurezza attivi sul tuo sito o se il tuo host ne ha uno configurato. Potresti anche voler assicurarti di aver copiato correttamente il codice che stai tentando di aggiungere.

      Amministratore

  27. Nella tua dimostrazione non è apparso nulla in alto.
    Queste sono le istruzioni del generatore di codice che sto usando;
    Incolla il codice copiato in fondo alla tua pagina HTML appena prima del tag di chiusura
    Ho testato il codice e non funziona, "Sto facendo qualcosa di diverso? "

    • Ti consigliamo innanzitutto di contattare il supporto di ciò che ha generato il codice per assicurarti che non ci sia nulla di specifico nel codice che debba essere impostato sulla tua pagina affinché funzioni correttamente.

      Amministratore

  28. Salve. Devo modificare il codice dell'intestazione solo su un insieme specifico di pagine. Attualmente ho aggiunto lo script di cui ho bisogno al file header.php, tuttavia questo applica il codice a tutte le pagine globalmente.

    C'è un modo per aggiungere lo script solo a un insieme specifico di pagine?

    • A meno che non senta diversamente, al momento non abbiamo un metodo consigliato per il codice specifico per pagina.

      Amministratore

  29. Grazie mille!!!

    Queste cose mi spaventano perché penso che condannerò per sempre il mio sito web!!

    Spiegato così facilmente, mi iscriverò sicuramente.

    Devo lavorarci ogni giorno.

  30. Se il mio tema non consente immagini di intestazione personalizzate, questo plugin mi permetterà di creare immagini di intestazione personalizzate. Perso su come fare questo. Abbiamo un vecchio tema con funzione di intestazione personalizzata

  31. Sarei in grado di usare un percorso relativo? così posso spostare il sito su un host diverso senza cambiare l'intestazione? se sì, qual è l'origine?

    ho provato a includere alcuni esempi ma sucuri ha bloccato il post come dannoso. immagino che non gli piaccia vedere i percorsi.

  32. Yaaaaaaay! Sono così emozionato. Ho avuto così tanti problemi a far funzionare il mio popup di Mailchimp, ma questo plugin ha fatto il lavoro facilissimo!

  33. Ciao, ho installato il plugin Headers and Footers e ho aggiunto il codice per il footer. Il testo che voglio visualizzare si trova in fondo, sotto la riga del copyright di Bento. C'è un modo per far apparire il mio footer in cima alla visualizzazione del footer? Grazie

    • Per personalizzazioni del footer, dovresti contattare il supporto del tuo tema per vedere se hanno opzioni consigliate che puoi utilizzare.

      Amministratore

  34. Ho già inserito il codice di Google Analytics nella sezione header usando il plugin Insert Headers and Footers, come posso aggiungere di nuovo il codice AdSense lì?

    • Sarebbe qualcosa che potresti fare, ma non tutti i principianti vogliono o capiscono come creare un child theme, ecco perché raccomandiamo questo metodo.

      Amministratore

  35. L'attivazione di questo plugin invia automaticamente email di massa dal mio server di hosting. Funziona come uno spam. Quindi devo eliminarlo dal mio sito web.

    • Questo plugin non ha nulla di simile, ti consigliamo di scansionare il tuo sito per assicurarti di non avere codice dannoso sul tuo sito.

      Amministratore

  36. Ho aggiunto questo plugin al mio sito ma non è apparso nulla quando ho cliccato sul plugin? Sto usando una vecchia versione di WP ma non sono sicuro se questo sia il motivo.

    • Dovresti trovare la sezione del plugin sotto Impostazioni>Inserisci Header e Footer

      Amministratore

  37. Ciao team,

    Il codice base del Pixel di Facebook è stato copiato e incollato nel tag header di quel plugin.
    Si applicherà automaticamente a ogni pagina del sito web? Per favore, rispondi!

  38. Come posso aggiungere un codice nella sezione body (non nelle sezioni header/footer) con questo plugin?
    Vorrei aggiungere un certo codice nella sezione body per evitare il blocco del rendering.

    • Il plugin dovrebbe attualmente avere una terza casella di inserimento dove puoi includere codice che dovrebbe trovarsi nel corpo del tuo sito.

      Amministratore

  39. Hi,
    My site was built by a web developer who already included all sorts of code snippets in the section of my site.
    If I add new snippets of code using this plugin, will it overwrite the code that’s already there or just add the new code to the existing code?
    I don’t want to make a mess of my site… :-)
    Thanks!

    • Se aggiungi codice usando questo plugin, verrebbe aggiunto al tuo sito, non sostituirebbe il codice esistente.

      Amministratore

  40. Ciao! Ho provato ad aggiungere il plugin al mio sito, ma è necessario avere una pagina aziendale per aggiungere plugin? Posso aggiungere il codice senza un plugin?

  41. ciao
    Prima ho installato il plugin header and footer e poi ho incollato il mio codice di Google Analytics. ma il mio problema è che una volta incollato il codice e visto il mio sito web, il codice risulta disabilitato? Come posso risolverlo?

    • Se il codice non viene aggiunto all'intestazione, dovresti svuotare la cache del tuo sito, poiché questa è la causa più comune di quel problema.

      Amministratore

  42. la mia intestazione e il mio piè di pagina non vengono visualizzati in una pagina specifica... come posso risolvere?

    • Dovresti verificare con il supporto del tuo tema specifico per l'intestazione che non appare su una pagina specifica, poiché potrebbe essere un modello specifico della pagina a causarti problemi.

      Amministratore

  43. Grazie ragazzi per il vostro plugin! L'ho usato per aggiungere FB Pixel al mio sito, ma ora ho una landing page e ho bisogno di un diverso evento Pixel (Lead) sulla pagina di ringraziamento dopo che i visitatori confermano i loro dettagli. Posso usare il plugin per aggiungere lo script a una pagina specifica?

    • Al momento no, per ora il plugin aggiunge il codice a tutte le pagine per impostazione predefinita

      Amministratore

Lascia un commento