Sonstige Kostenlos

Header/Footer Code-Injektor (CSS/JS)

CSS, JS und HTML in Header und Footer einfügen, ohne das Theme anzufassen.

Fügen Sie Tracking-Skripte, Verifizierungs-Tags, Styles und Drittanbieter-Code im Back-Office in den head-Tag, an den Anfang oder an das Ende des body ein. Jedes Snippet hat seine Position, seine Zielseiten und seine Reihenfolge. Der Testmodus beschränkt ein neues Tag auf die Wartungs-IP-Adressen, solange Sie es im Live-Shop prüfen.

Auf einen Blick
  • Drei Positionen: head-Tag, direkt nach dem öffnenden body-Tag, direkt vor dem schließenden body-Tag.
  • Funktioniert mit jedem Theme: Ruft das Theme die body-Hooks nicht auf, wird der Code direkt in das HTML der Seite eingefügt.
  • Seiten-Targeting in drei Modi (alle, nur, alle außer), inklusive Bestellbestätigung und Modulseiten.
  • Testmodus: Das Snippet wird nur für die Wartungs-IP-Adressen eingefügt.
  • Kostenlos, PrestaShop 8 und 9, Multishop, Back-Office in 8 Sprachen.
Kostenlos PrestaShop 8 & 9 Multishop Jedes Theme
  • 30 Tage Rückgaberecht
  • 12 Monate Updates
  • 24-h-Support
www.datafirefly.com/de/
Einfügen von CSS- und JS-Code in Kopf- und Fußzeile von PrestaShop
v1.1.0 · aktualisiert 2026-10-11
Was es leistet

Die Kurzfassung.

01

Header & Footer

Code im head-Tag, direkt nach dem öffnenden oder direkt vor dem schließenden body-Tag, auch wenn das Theme die passenden Hooks nicht aufruft.

02

CSS · JS · HTML

Styles, Skripte, Verifizierungs-Tags, Tracking-Pixel: Der Code wird unverändert eingefügt.

03

Seiten-Targeting

Alle Seiten, nur bestimmte Seiten oder alle außer bestimmten. Bestellbestätigung und Modulseiten inklusive.

04

Testmodus

Prüfen Sie ein neues Tag im Live-Shop: Es wird nur an die Wartungs-IP-Adressen ausgeliefert, bis Sie es freigeben.

Die ausführliche Fassung

Alles, was Sie vor der Installation wissen wollen.

Ein detaillierter Blick darauf, wie Header/Footer Code-Injektor (CSS/JS) funktioniert, warum wir es so gebaut haben und der Gedanke hinter den Funktionen oben.

§ 01

Ihr Code in der Seite, das Theme bleibt unberührt

Wer ein Google-Tag-Manager-Tag oder ein Verifizierungs-Tag in ein Template einfügt, muss das Theme ändern, und die Änderung geht beim nächsten Update verloren. Hier ist jeder Codeblock ein Snippet, das in der Datenbank gespeichert und über die PrestaShop-Hooks eingefügt wird. Das Theme bleibt unverändert und die Snippets überstehen seine Updates.

§ 02

Drei Positionen, unabhängig vom Theme

Der head-Tag erhält Styles, Meta-Tags und das Hauptskript von GTM. Der body-Anfang nimmt den noscript-Teil von GTM auf, das body-Ende die Tracking- und Chat-Skripte. Manche Themes rufen die body-Hooks nicht auf: Dann fügt das Modul den Code direkt in das fertige HTML der Seite ein, direkt nach dem öffnenden oder direkt vor dem schließenden body-Tag. Eine Einstellung ist nicht nötig.

§ 03

Der richtige Code auf den richtigen Seiten

Jedes Snippet läuft auf allen Seiten, nur auf einer Auswahl oder überall außer auf einer Auswahl. Die Liste umfasst 30 PrestaShop-Seiten, darunter die Bestellbestätigung für Conversion-Pixel, und ein freies Feld nimmt Modulseiten im Format module-modulname-controller auf. Die Einfügereihenfolge wird pro Position festgelegt, und das Duplizieren erzeugt eine deaktivierte Kopie, die Sie vor dem Aktivieren prüfen.

§ 04

Im Live-Shop testen, bevor Sie veröffentlichen

Der Testmodus beschränkt ein Snippet auf die in PrestaShop hinterlegten Wartungs-IP-Adressen. Sie prüfen das Tag im echten Shop, ohne dass ein Besucher es erhält, und schalten den Testmodus danach aus. Das Modul liest alle Snippets mit einer einzigen SQL-Abfrage pro Seite, unterstützt Multishop und seine Oberfläche ist in acht Sprachen übersetzt.

0,00€
Einmalig · 12 Monate Updates
Dokumentation lesen
  • Unbegrenzte Dev- und Staging-Installationen
  • Quellcode inklusive
  • 30 Tage Rückgaberecht
  • 24-h-Support · EN / FR
5,0/5 20 Bewertungen