PrestaShop Gratuit

Injecteur de code Header/Footer (CSS/JS)

Injectez CSS, JS et HTML dans le header et le footer, sans toucher au thème.

Ajoutez vos scripts de suivi, balises de vérification, styles et codes tiers dans la balise head, au début ou à la fin du body, depuis le back-office. Chaque snippet a son emplacement, ses pages cibles et son ordre. Le mode test réserve un nouveau tag aux adresses IP de maintenance le temps de le vérifier sur la boutique en ligne.

En un coup d'œil
  • Trois emplacements : balise head, juste après l'ouverture du body, juste avant sa fermeture.
  • Fonctionne avec tous les thèmes : si le thème n'appelle pas les hooks du body, le code est inséré directement dans le HTML de la page.
  • Ciblage par page en trois modes (toutes, uniquement, toutes sauf), confirmation de commande et pages de modules comprises.
  • Mode test : le snippet n'est injecté que pour les adresses IP de maintenance.
  • Gratuit, PrestaShop 8 et 9, multiboutique, interface en 8 langues.
Gratuit PrestaShop 8 & 9 Multiboutique Tous thèmes
  • Remboursement 30 jours
  • 12 mois de mises à jour
  • Support 24h
  • PrestaShop Certified Agency 2026
  • PrestaShop Expert Certification — Core Skills

Développé par une agence certifiée PrestaShop

www.datafirefly.com/
Injection de code CSS et JS dans l'en-tête et le pied de page PrestaShop
v1.1.0 · mis à jour 2026-10-11
Ce que ça fait

La version courte.

01

Header & Footer

Code injecté dans la balise head, juste après l'ouverture du body ou juste avant sa fermeture, même si le thème n'appelle pas les hooks correspondants.

02

CSS · JS · HTML

Styles, scripts, balises de vérification, pixels de suivi : le code est injecté tel quel, sans transformation.

03

Ciblage par page

Toutes les pages, uniquement certaines, ou toutes sauf certaines. Confirmation de commande et pages de modules comprises.

04

Mode test

Vérifiez un nouveau tag sur la boutique en ligne : il n'est servi qu'aux adresses IP de maintenance jusqu'à ce que vous le libériez.

La version longue

Tout ce que vous voudriez savoir avant d'installer.

Un regard détaillé sur le fonctionnement de Injecteur de code Header/Footer (CSS/JS), pourquoi nous l'avons conçu ainsi, et la réflexion derrière les fonctionnalités ci-dessus.

§ 01

Votre code dans la page, sans toucher au thème

Coller un tag Google Tag Manager ou une balise de vérification dans un template oblige à modifier le thème, et la modification disparaît à la mise à jour suivante. Ici, chaque bloc de code est un snippet enregistré en base et injecté par les hooks de PrestaShop. Le thème reste intact et les snippets survivent à ses mises à jour.

§ 02

Trois emplacements, quel que soit le thème

La balise head reçoit les styles, les balises meta et le script principal de GTM. Le début du body accueille la partie noscript de GTM, la fin du body les scripts de suivi et de chat. Certains thèmes n'appellent pas les hooks du body : le module insère alors le code directement dans le HTML final de la page, juste après la balise body ouvrante ou juste avant la balise fermante. Aucun réglage n'est nécessaire.

§ 03

Le bon code sur les bonnes pages

Chaque snippet s'affiche sur toutes les pages, uniquement sur une sélection, ou partout sauf sur une sélection. La liste couvre 30 pages PrestaShop, dont la confirmation de commande pour les pixels de conversion, et un champ libre accepte les pages de modules au format module-nomdumodule-controleur. L'ordre d'injection se règle par emplacement, et la duplication crée une copie désactivée à relire avant activation.

§ 04

Tester sur la boutique en ligne avant de publier

Le mode test réserve un snippet aux adresses IP de maintenance définies dans PrestaShop. Vous vérifiez le tag sur la vraie boutique sans qu'aucun visiteur ne le reçoive, puis vous désactivez le mode test. Le module lit tous les snippets en une seule requête SQL par page, fonctionne en multiboutique et son interface est traduite en huit langues.

€0.00
Achat unique · 12 mois de mises à jour
Lire la documentation
  • Installations dev & pré-prod illimitées
  • Code source inclus
  • Remboursement 30 jours
  • Support 24h · EN / FR
5,0/5 20 avis