PrestaShop n’a pas de champ dans le back-office pour les scripts de tout le site. La méthode propre est un thème enfant : il ajoute le code d’intégration à la mise en page principale et résiste aux mises à jour du thème parent. Ce guide s’adresse aux personnes à l’aise avec les fichiers de thème.
Copier le code d’intégration
Dans Notiamo, ouvrez Clients, puis le client, puis le site. Dans la carte Code d’intégration, cliquez sur le bouton de copie. La ligne ressemble à ceci :
<script src="https://my.notiamo.com/widget.js" data-site="pk_…" defer></script>
Vérifiez que l’adresse de la boutique figure dans les Origines autorisées sur la même page. Plus de détails dans Installer le widget.
Créer le thème enfant
- Créez un thème enfant de votre thème actuel, comme le décrit le guide PrestaShop : un dossier dans
/themes/avecconfig/theme.yml(qui nomme le parent) etpreview.png. - Dans le thème enfant, créez
templates/layouts/layout-both-columns.tplavec ce contenu et votre propre clé :
{extends file='parent:layouts/layout-both-columns.tpl'}
{block name='hook_before_body_closing_tag'}
{$smarty.block.parent}
<script src="https://my.notiamo.com/widget.js" data-site="pk_…" defer></script>
{/block}
Les thèmes Classic et Hummingbird ont tous deux cette mise en page et ce bloc, juste avant </body>. Leurs autres mises en page principales (pleine largeur, colonne de gauche, contenu seul) l’étendent. Les pages de commande et d’erreur utilisent des mises en page à part : le bouton de relecture n’y apparaît pas. Si votre thème est différent, cherchez son fichier de mise en page principal.
L’activer et vider le cache
Les noms de menus sont ceux de la documentation officielle en anglais ; votre back-office peut les afficher en français.
- Dans le back-office, allez dans « Design » > « Theme & Logo », cliquez sur « Add new theme » et téléversez le thème enfant en fichier .zip.
- Sélectionnez-le et cliquez sur « Use this theme ».
- Dans « Advanced Parameters » > « Performance », cliquez sur « Clear cache ».
Vérifier que cela marche
Ouvrez la boutique en ajoutant ?review=1 à la fin de l’adresse. Le bouton de relecture apparaît en bas à droite. Sinon, voyez Résoudre les problèmes courants.
Documentation de la plateforme
- Documentation développeur PrestaShop 9 : Creating a child theme (en anglais)
- Documentation développeur PrestaShop 9 : Quick start, activer le thème (en anglais)
- Guide utilisateur PrestaShop 8 : Performance, vider le cache (en anglais)
Étapes vérifiées dans la documentation officielle le 15 octobre 2026. Les menus changent : s’ils diffèrent chez vous, suivez la page officielle.