Other Free

Header/Footer Code Injector (CSS/JS)

Inject CSS, JS and HTML into the header and footer, without touching your theme.

Add tracking scripts, verification tags, styles and third-party code to the head tag, the start or the end of the body, from the back office. Each snippet has its own location, target pages and order. Test mode keeps a new tag limited to the maintenance IP addresses while you check it on the live store.

At a glance
  • Three locations: head tag, right after the opening body tag, right before the closing body tag.
  • Works with every theme: when the theme does not call the body hooks, the code is inserted directly into the page HTML.
  • Page targeting in three modes (all, only, all except), order confirmation and module pages included.
  • Test mode: the snippet is only injected for the maintenance IP addresses.
  • Free, PrestaShop 8 and 9, multistore, back office in 8 languages.
Free PrestaShop 8 & 9 Multistore Any theme
  • 30-day refund
  • 12 months updates
  • 24h support
www.datafirefly.com/en/
Injecting CSS and JS code into the PrestaShop header and footer
v1.1.0 · updated 2026-10-11
What it does

The short version.

01

Header & Footer

Code injected into the head tag, right after the opening body tag or right before the closing one, even when the theme does not call the matching hooks.

02

CSS · JS · HTML

Styles, scripts, verification tags, tracking pixels: the code is injected as is, without any change.

03

Page targeting

All pages, only some pages, or all pages except some. Order confirmation and module pages included.

04

Test mode

Check a new tag on the live store: it is only served to the maintenance IP addresses until you release it.

The long version

Everything you'd want to know before you install.

A detailed look at how Header/Footer Code Injector (CSS/JS) works, why we built it the way we did, and the thinking behind the features above.

§ 01

Your code in the page, theme untouched

Pasting a Google Tag Manager tag or a verification tag into a template means editing the theme, and the change is lost at the next update. Here, each block of code is a snippet stored in the database and injected through the PrestaShop hooks. The theme stays intact and the snippets survive its updates.

§ 02

Three locations, whatever the theme

The head tag receives styles, meta tags and the main GTM script. The body start holds the GTM noscript part, the body end the tracking and chat scripts. Some themes do not call the body hooks: the module then inserts the code directly into the final page HTML, right after the opening body tag or right before the closing one. No setting is required.

§ 03

The right code on the right pages

Each snippet runs on all pages, only on a selection, or everywhere except a selection. The list covers 30 PrestaShop pages, including order confirmation for conversion pixels, and a free field accepts module pages in the module-modulename-controller format. The injection order is set per location, and duplication creates a disabled copy to review before enabling it.

§ 04

Test on the live store before publishing

Test mode keeps a snippet limited to the maintenance IP addresses set in PrestaShop. You check the tag on the real store without any visitor receiving it, then switch test mode off. The module reads every snippet in a single SQL query per page, supports multistore and its interface is translated into eight languages.

€0.00
One-time · 12 months updates
Read the docs
  • Unlimited dev & staging installs
  • Source code included
  • 30-day refund
  • 24h support · EN / FR
5.0/5 20 reviews