WPBeginner - WordPress Tutorials for Beginners

Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Cup
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Comment ajouter le code de l’en-tête et du pied de page dans WordPress (de manière simple)

By Editorial Staff | | Reader Disclosure

ChatGPT Perplexity X LinkedIn WhatsApp

Chez WPBeginner, nous écrivons de nombreux tutoriels qui nécessitent d’insérer du code dans les sections <header> ou <footer> de votre site WordPress. Cela peut sembler être une tâche décourageante, d’autant plus que WordPress ne fournit pas d’option intégrée pour ajouter des extraits de code dans l’en-tête et le pied de page.

Mais, l’ajout de code d’en-tête et de pied de page dans WordPress est nécessaire lorsqu’on essaie d’intégrer des services web tels que Google Analytics, Google Search Console, Facebook Pixel, et plus encore.

Vous pouvez également rencontrer des tutoriels WordPress qui vous demandent d’ajouter du CSS personnalisé ou du code JavaScript à votre en-tête ou pied de page WordPress.

Heureusement, il existe une solution simple pour les débutants. Avec l’extension gratuite WPCode, vous pouvez ajouter le code en toute sécurité sans modifier directement les fichiers de votre thème WordPress.

Dans cet article, nous allons vous afficher comment ajouter facilement le code de l’en-tête et du pied de page dans WordPress.

How to Add Header and Footer Code in WordPress

La meilleure façon d’ajouter le code de l’en-tête et du pied de page de WordPress

Si vous souhaitez ajouter le code de l’en-tête et du pied de page de WordPress, trois solutions sont possibles :

  1. Manuellement, en modifiant les fichiers header.php et footer.php de votre thème.
  2. Avec la fonctionnalité de code d’en-tête et de pied de page intégrée à votre thème.
  3. Utilisation d’une extension WordPress

La première option n’est pas adaptée aux débutants car elle requiert l’ajout du code de l’en-tête et du pied de page en modifiant directement les fichiers header.php et footer.php à la main.

Un autre inconvénient de l’utilisation de cette méthode est que votre code sera retiré si vous installez une mise à jour de votre thème.

La deuxième option consiste à utiliser la fonctionnalité intégrée de votre thème. Certains thèmes WordPress comme Elegant Themes et Genesis Framework de StudioPress offrent une option intégrée pour ajouter rapidement du code et des scripts à votre en-tête et pied de page WordPress.

Si vous utilisez un thème avec une fonctionnalité en avant, alors cela semble être une solution sûre et simple. Cependant, si vous modifiez votre thème, alors tous les extraits de code ajoutés à votre site disparaîtront. Cela inclut la vérification du site dans Google Search Console, l’analyse du site via Google Statistiques, etc.

C’est pourquoi nous recommandons toujours aux utilisateurs/utilisatrices d’utiliser la troisième option, une extension d’en-tête et de pied de page. Cette option est de loin la méthode la plus simple et la plus sûre pour ajouter du code d’en-tête et de pied de page dans WordPress.

Suite à de nombreuses demandes de la part des Lecteurs, notre équipe a développé l’extension WPCode.

WPCode

WPCode (anciennement Insert Headers and Footers) est une extension d’extraits de code 100% gratuite. Vous pouvez l’utiliser pour ajouter facilement du code à l’en-tête et au pied de page dans WordPress.

Voici quelques avantages de l’utilisation de l’extension WPCode :

1. Facile, rapide et organisé: Il vous permet d’ajouter du code à l’en-tête et au pied de page de votre site facilement et rapidement. De plus, il vous permet de stocker tous vos codes d’en-tête et de pied de page en un seul endroit.

2. Prévient les erreurs: La validation intelligente des extraits de code aide à prévenir les erreurs susceptibles de se produire si vous modifiez manuellement les fichiers de votre thème.

3. Passer à la version ou changer de thème sans souci: L’extension enregistrera le code de votre en-tête et de votre pied de page dans un endroit séparé, de sorte que vous pouvez mettre à jour ou modifier votre thème sans vous soucier de l’effacement du code.

Outre les scripts d’en-tête et de pied de page, vous pouvez également utiliser WPCode pour insérer facilement des extraits de code PHP, JavaScript, CSS, HTML et texte personnalisés sans modifier les fichiers de votre thème.

De plus, WPCode dispose d’une bibliothèque d’extraits intégrée où vous pouvez trouver tous les extraits de code WordPress les plus utiles. Cela vous permet de retirer rapidement les fonctionnalités de WordPress dont vous ne voulez pas comme les mises à jour automatiques, l’API REST, XML-RPC, les commentaires, et bien d’autres.

Note : Si vous souhaitez bénéficier de fonctionnalités avancées telles qu’une bibliothèque d’extraits dans le cloud privé, des pixels de conversion, des extraits planifiés, des révisions de code, et plus encore, vous pouvez mettre à niveau vers WPCode Pro.

Pour plus de détails, lisez notre guide sur la façon d’ajouter facilement du code personnalisé dans WordPress.

Ceci étant dit, voyons comment ajouter facilement du code d’en-tête et de pied de page dans WordPress à l’aide de l’extension WPCode.

Ajout de code dans l’en-tête et le pied de page de WordPress

La première chose à faire est d’installer et d’activer l’extension gratuite WPCode. Pour plus de détails, consultez notre guide étape par étape sur l’installation d’une extension WordPress.

Une fois l’extension activée, allez dans Extraits de code ” En-tête et pied de page depuis votre panneau d’administration WordPress. Après cela, vous verrez une boîte ” En-tête ” où vous pouvez ajouter votre code.

Add code to header and footer with WPCode

Si vous défilez vers le bas, vous verrez également un “corps” et un “pied de page”.

Header and footer script boxes WPCode

Il vous suffit de coller le code dans l’une des trois cases. Une fois que vous avez terminé, n’oubliez pas de cliquer sur le bouton “Enregistrer les modifications” pour stocker vos réglages.

L’extension va maintenant charger automatiquement le code dans les Emplacements respectifs de votre site WordPress.

Vous pouvez toujours modifier et retirer tout code que vous ne souhaitez pas conserver.

L’extension doit être installée et activée en permanence. En désactivant l’extension, vous cesserez d’ajouter tout le code personnalisé à votre site.

Si vous désactivez accidentellement l’extension, le code sera toujours stocké en toute sécurité dans votre base de données WordPress. Vous pouvez simplement réinstaller ou réactiver l’extension, et le code recommencera à apparaître.

Note : Il se peut que vous deviez vider votre cache WordPress après avoir enregistré les modifications, afin que le code apparaisse correctement sur l’interface publique de votre site.

Nous avons trouvé que la raison principale pour laquelle beaucoup de débutants utilisent l’extension WPCode est d’ajouter Google Analytics à leur site. Pour cela, nous recommandons d’utiliser l’extension gratuite MonsterInsights.

MonsterInsights est la meilleure extension Google Analytics pour WordPress. Il vous aide à configurer correctement le suivi de Google Statistiques en quelques clics, et il vous affiche des statistiques utiles directement dans votre tableau de bord WordPress.

Pour obtenir des instructions étape par étape, consultez ce tutoriel sur l ‘installation de Google Analytics dans WordPress.

Tutoriel vidéo

Si vous n’aimez pas suivre des instructions écrites, vous pouvez regarder notre tutoriel vidéo sur l’ajout de code d’en-tête et de pied de page dans WordPress :

Subscribe to WPBeginner

Nous espérons que cet article vous a aidé à apprendre comment ajouter facilement du code d’en-tête et de pied de page sur WordPress. Vous pouvez également consulter notre guide sur la façon d’afficher du code sur votre site WordPress, ou nos choix d’experts sur les meilleurs outils de développement WordPress.

Si vous avez aimé cet article, veuillez alors vous abonner à notre chaîne YouTube pour obtenir des tutoriels vidéo sur WordPress. Vous pouvez également nous trouver sur Twitter et Facebook.

Popular on WPBeginner Right Now!

Disclosure: Our content is reader-supported. This means if you click on some of our links, then we may earn a commission. See how WPBeginner is funded, why it matters, and how you can support us. Here's our editorial process.

The Ultimate WordPress Toolkit

Get FREE access to our toolkit - a collection of WordPress related products and resources that every professional should have!

Download Now

Reader Interactions

263 commentairesLeave a Reply

    • You would want to check with your specific theme’s support for the header not appearing on a specific page as it could be a page specific template causing you issues.

      Répondre

      Admin

  2. Thanks guys for your plugin! I used it to add FB Pixel to my site, but now I have a landing page and I need a different Pixel event (Lead) on the Thank You page after visitors confirm their details. Can I use the plugin to add the script to a specific page?

    Répondre

  3. Hi, is there a way to change the font size of the footer?
    I tried keying in a chunk of disclaimer text but it is too large.

    Thanks in advance!

    Répondre

  7. You need to change your messaging/advertising regarding header/footer plug-in being free to install. It is not free unless you have purchased the Business plan for your page.

    Répondre

  8. How many codes we can add in single header or footer section, I mean can i use two or three codes in single header section like facebook code google code etc.

    Répondre

  9. Was wondering if PHP can be added in the header section. Like adding Yoast’s Breadcrumb code to the header so I don’t have to go into my theme files.

    Répondre

  11. Can You add more than one header code, to the plug-in, for example
    AdSense code and YouTube Verification code.

    Répondre

    • You may want to try resaving your permalinks and checking with your hosting provider that they are not receiving an error on your site that would be preventing the page from saving.

      Répondre

      Admin

  13. Thank you so much for your video, although I have copied the code still I’m not able to enable my header. How to do it?

    Répondre

    • If the plugin is installed you should be able to add the code under Settings>Insert Headers and Footers

      Répondre

      Admin

  14. Hi. I already install the plugin and it’s work. But how to add more than 1 code? Just copy like that or I need to make 1 space to copy the code

    Répondre

  15. Cant update “Insert Headers and Footers Plugin”.
    Error message: Update Error: Not possible to eliminate previous version of plugin. (translation from spanish)

    When trying to remove the plugin: ” insert-headers-and-footers-old/ihaf.php could not be removed completely .” (translation from spanish)

    Répondre

  19. I have another plugin it seems to work almost exactly the same way only it can be used on a single page or customized as to which pages the script is added.

    I am trying the WpBeginner plugin just because I trust y’all.

    Am I likely to run into problems having both added to my site?

    Using yours for the whole site, and the other one for adding something only to the header or footer of an individual page?

    Répondre

  20. Hello,
    I’m trying to update something in my footer section.
    I have already downloaded and installed/ used this plug in previously and it is working currently. However, when I try to go edit it, when my cursor is hovering over settings…. no drop out menu appears to go to –>insert header and footer. It only takes me to my account setting page. Please help me because I need to update my mailing list options asap! Thank you!

    Répondre

    • If you go to your settings area, it should expand the other options for you to be able to see the Insert Headers and Footers menu item.

      Répondre

      Admin

  21. Thanks WPbeginer,

    I tried saving the plugin when I added my google search console code, it redirected me to error 404.

    What could be wrong?

    Répondre

  22. Should i deactivate and delete the plugin after inserting the code?

    Will the code be deleted as soon as the plugin is deactivated?

    Répondre

    • You would want to leave the plugin active, if you deactivate the plugin the code you’ve added will no longer be included.

      Répondre

      Admin

  23. Hello. I’ve been using this plugin for some time and find it invaluable.
    However, I am about to update to WordPress 5 but on the download page, it says ‘Compatible up to 4.9.9’. This makes me wary – will it work with 5 and are there plans to update it? Thank you.

    Répondre

  25. Hiya,

    Thanks for recommending the Header and Footer plugin, and I have added code to just a single post only to prevent any issues.

    I’ve noticed though, that my dropdown menu has stopped showing (just on the page with code). Do you have a Javascript fix, please?

    http://www.phhsolicitors.co.uk/calc/

    Hope you can help.

    Merry Xmas!!!!

    Répondre

  26. I have added this to my site. It reads it just fine, but prints the code across the top of my header bar EVERY time! Not sure how to fix this.

    Répondre

  27. Plsss explian in details how to add more than one code in the headers space, cos i have already inserted ,google search console code with the pluggin how am i going to add the adsene code in the same headers section

    Répondre

    • You would add the new code on the next line as if you copied the entire code for each they should close themselves.

      Répondre

      Admin

  28. How do I add a HTLM code in the header of my theme. I dont quite understand where it is. I use Xtheme and some people said to go to appearance and editor, but I dont have no editor.

    I need to add the Gtag in the heard of my website for Google analytics and I dont want to use a plug in

    Répondre

  29. I want to ask you about this plugin.
    Can I put more than one code from different sites (eg Google Analytics code, Webmaster’s code, and Adsense ad code) Will the number of codes affects their performance because I see a difference in terms of visitors Google Analytics and WordPress analytics(WP Statistics)?
    And the difference between placing the code in the header and in the footer?
    Thank you sorry for bothering you
    I hope you will respond quickly.

    Répondre

  30. Hi, is it possible use this plugin to add more scripts? For example i need to add the AdSense and PushCrew codes.

    If possible, just copy the code one under the other?

    Thanks

    Répondre

  32. So far so good. I’ve been trying to search your site for code to insert line breaks and center text. Any urls to these explanations?

    Répondre

  33. Thank you so so much. That solved my problem. I would also love to know if there’s a way to solve the error code I get in my theme codes. I’ve got 53 error when I view the source code.

    Répondre

  34. I wish this was available for Premium Accounts as well as Business. Is there another way to embed code in your site

    Répondre

  36. I’ve installed header and footer plugin, entered the relevant code and saved it. When I look in header script in header editor I can’t see the relevant code I’ve just entered. Please advise.
    Thank you.

    Répondre

  38. When I try to add header code using the plug in I get a 403 forbidden page. How do I get around this? I temporarily tried to turn off my security but that didn’t help.

    Répondre

  39. Hi, Iam looking for option like this but for a multi-site,

    but I need is like a general admin for network-wide option,
    where when i config this, it will show to the header on all sub-site,

    currently, I need to set this for every sub-site plugin config.

    is there any way to have the plugin option of this menu under network option or something and not per sub-site.

    is there any other option i can use/do.

    thanks

    Répondre

  40. Hey, is there anyway to check if the code has been inserted ? Can’t detect it in my site source code nor in the headers.php file. Is is possible for this plugin to not be working ?

    Répondre

    • Hi Riddhi,

      Once you add the code and save your changes you will be able to see the code in your site’s source code. For header code you will find it between <head> and </head> tags. Footer code will be added before the </body> tag.

      Répondre

      Admin

  41. Is there a way to use this to add an image in the header that does not replace the existing header? In other words, I already have a logo there on the left, and a search bar with social media links on the right. The center is empty. I want to add an image widget which links to the source page of the image. I have the widget code ready to insert, but there is no HTML showing in the header.php file. I do not know PHP (i do know HTML quite well).
    I added the widget to the footer, which was easy because in my theme there IS HTML (an HTML table) in the footer. But it is supposed to be at the top of the pages.

    Répondre

  43. Thank you so much for information. I have been so much problem with pasting html adsense code in header. This information helps me a lot

    Répondre

  44. So, can I disable this notification after install anywhere?
    I don’t need all my multisite clients to see this notification!!

    Répondre

  45. When I add my code into the header or footer section in the plugin, does it apply it across all my pages? Thanks.

    Répondre

  46. hi, I just re-added my footer widget embedded code, it’s from keyreply.
    I don’t know what’s went wrong, I could see my footer widget from my pc(while I am logged in WP), however any other devices(pc or mobile phone), the widget is not showing. any ideas?

    Répondre

  48. I installed the insert headers and footers plugin on my clients WordPress site but when I click on it under settings it just shows a blank page. There are no fields available for me to insert text into.

    Répondre

  49. Hi,
    I’m trying to install an html5 banner ad at the top of my home page and a few other page tops. I have a customer that wants to only deliver their banner ad in that format so that as a rotating banner each image links to a different url we’re promoting. Where do I put this code to make it show up? I’ve tried downloading some plugins to place it but nothing is working. We normally just accept jpgs and links but I don’t want to lose this sale as she won’t deliver other than in html5. Thanks for your help! Geraldine

    Répondre

  50. Hi, I love the simplicity of this plugin. There is one annoying point however.

    How can I disable the dashboard notice “Thank you for installing….” in a multisite set up.

    I don’t need all my client sites seeing that notice.

    A solution that doesn’t involve another plugin would be appreciated, preferably I can just remove an action or something.

    Répondre

Leave A Reply

Thanks for choosing to leave a comment. Please keep in mind that all comments are moderated according to our comment policy, and your email address will NOT be published. Please Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.

Copyright © 2009 - 2025 WPBeginner LLC. All Rights Reserved. WPBeginner® is a registered trademark.

Managed by Awesome Motive | WordPress hosting by SiteGround

The WordPress® trademark is the intellectual property of the WordPress Foundation. Uses of the WordPress®, names in this website are for identification purposes only and do not imply an endorsement by WordPress Foundation. WPBeginner is not endorsed or owned by, or affiliated with, the WordPress Foundation.

I need help with…

Popular searches:

Starting a Blog WordPress SEO WordPress Performance WordPress Errors WordPress Security Building an Online Store