PrestaShop Grátis

Injetor de Código no Cabeçalho e Rodapé (CSS/JS)

Injete CSS, JS e HTML no cabeçalho e no rodapé, sem mexer no tema.

Adicione scripts de seguimento, etiquetas de verificação, estilos e código de terceiros à etiqueta head, ao início ou ao fim do body, a partir do back-office. Cada snippet tem a sua localização, as suas páginas e a sua ordem. O modo de teste limita uma etiqueta nova aos IP de manutenção enquanto a verifica na loja online.

Em resumo
  • Três localizações: etiqueta head, logo após a abertura do body, logo antes do seu fecho.
  • Funciona com qualquer tema: se o tema não chamar os hooks do body, o código é inserido diretamente no HTML da página.
  • Segmentação por página em três modos (todas, apenas, todas exceto), com a confirmação de encomenda e as páginas de módulos.
  • Modo de teste: o snippet só é injetado para os endereços IP de manutenção.
  • Gratuito, PrestaShop 8 e 9, multiloja, back-office em 8 idiomas.
Gratuito PrestaShop 8 & 9 Multiloja Qualquer tema
  • Reembolso em 30 dias
  • 12 meses de atualizações
  • Suporte em 24h
  • PrestaShop Certified Agency 2026
  • PrestaShop Expert Certification — Core Skills

Desenvolvido por uma agência certificada PrestaShop

www.datafirefly.com/pt/
Injeção de código CSS e JS no cabeçalho e no rodapé do PrestaShop
v1.1.0 · atualizado 2026-10-11
O que faz

A versão curta.

01

Header & Footer

Código injetado na etiqueta head, logo após a abertura do body ou logo antes do fecho, mesmo que o tema não chame os hooks correspondentes.

02

CSS · JS · HTML

Estilos, scripts, etiquetas de verificação, píxeis de seguimento: o código é injetado tal como está, sem alterações.

03

Segmentação por página

Todas as páginas, apenas algumas, ou todas exceto algumas. Confirmação de encomenda e páginas de módulos incluídas.

04

Modo de teste

Verifique uma etiqueta nova na loja online: só é servida aos IP de manutenção até a publicar.

A versão longa

Tudo o que quer saber antes de instalar.

Uma análise detalhada de como o Injetor de Código no Cabeçalho e Rodapé (CSS/JS) funciona, porque o construímos assim e o raciocínio por trás das funcionalidades acima.

§ 01

O seu código na página, sem mexer no tema

Colar uma etiqueta do Google Tag Manager ou de verificação num template obriga a modificar o tema, e a alteração perde-se na atualização seguinte. Aqui, cada bloco de código é um snippet guardado na base de dados e injetado através dos hooks do PrestaShop. O tema fica intacto e os snippets sobrevivem às suas atualizações.

§ 02

Três localizações, seja qual for o tema

A etiqueta head recebe os estilos, as etiquetas meta e o script principal do GTM. O início do body acolhe a parte noscript do GTM e o fim do body os scripts de seguimento e de chat. Alguns temas não chamam os hooks do body: nesse caso o módulo insere o código diretamente no HTML final da página, logo após a etiqueta body de abertura ou logo antes da de fecho. Não é preciso configurar nada.

§ 03

O código certo nas páginas certas

Cada snippet aparece em todas as páginas, apenas numa seleção, ou em todas exceto numa seleção. A lista cobre 30 páginas PrestaShop, incluindo a confirmação de encomenda para os píxeis de conversão, e um campo livre aceita páginas de módulos no formato module-nomedomodulo-controlador. A ordem de injeção define-se por localização e a duplicação cria uma cópia desativada para rever antes de a ativar.

§ 04

Testar na loja online antes de publicar

O modo de teste reserva um snippet aos endereços IP de manutenção definidos no PrestaShop. Verifica a etiqueta na loja real sem que nenhum visitante a receba e depois desativa o modo de teste. O módulo lê todos os snippets com uma única consulta SQL por página, funciona em multiloja e a sua interface está traduzida em oito idiomas.

0,00€
Pagamento único · 12 meses de atualizações
Ler a documentação
  • Instalações ilimitadas em dev e staging
  • Código-fonte incluído
  • Reembolso em 30 dias
  • Suporte em 24h · EN / FR
5,0/5 20 avaliações