Comment ajouter Intastellar Consents à ma boutique Shopify ?

Cet article s’adresse aux boutiques Shopify. Il n’y a pas encore d’application sur l’App Store, vous ajoutez donc le même petit script que sur un site classique, dans la mise en page Liquid de votre thème.

Choisissez autre chose si :

Votre boutique n’est pas Shopify → Guide d’installation JavaScript ou WordPress.
Seul Google Tag Manager charge les scripts → Google Tag Manager.

Quelqu’un qui peut modifier le code du thème (vous, un partenaire Shopify ou un collègue technique) doit faire le collage.

Pour la présentation produit et les intégrations, voir Intastellar Consents.

Ce que cela fait sur la vitrine

Le même script Intastellar Consents que sur un site classique s’exécute dans le <head> de votre thème : les visiteurs voient un bandeau et leur choix est enregistré pour votre domaine. Le suivi non essentiel doit rester silencieux jusqu’au consentement et jusqu’à ce que vos balises analytiques / publicitaires soient câblées pour respecter ce choix (même idée que dans le guide d’installation JavaScript).

Pas un conseil juridique — votre conseil décide de ce dont votre boutique a besoin.

Ce qu’il faut avoir prêt

Une URL de politique de confidentialité qui fonctionne sur votre boutique (souvent Réglages → Politiques ou la page politique de votre thème).
Le domaine de la boutique (ou domaine personnalisé principal) pour les réglages du script.
Une image de logo hébergée en https (par exemple depuis Contenu → Fichiers ou les assets du thème — Shopify utilise souvent des liens cdn.shopify.com).
L’accès à Boutique en ligne → Thèmes → Modifier le code.

Que faire (checklist simple)

Dans l’admin Shopify, allez à Boutique en ligne → Thèmes.
Sur votre thème actif, choisissez ⋯ → Modifier le code.
Sous Mise en page, ouvrez theme.liquid (ou la mise en page utilisée par votre thème pour la vitrine).
Copiez l’extrait complet du guide d’installation JavaScript — section Extrait complet à coller — et collez-le immédiatement après la ligne d’ouverture <head>.
Remplacez les espaces réservés par votre vrai domaine boutique, le nom de l’entreprise, policy_link pointant vers votre URL de confidentialité en ligne, le logo, les couleurs et l’ID de mesure Google optionnel.
Enregistrez, puis vérifiez la vitrine dans une fenêtre navigation privée.

La forme correspond à l’article site web et à la référence window.INTA pour les équipes qui ont besoin des noms de champs.

Exemple de forme (espaces réservés uniquement — copiez le bloc complet depuis l’article) :

<head>
  <script>
    window.INTA = {
      policy_link: "https://votre-boutique.com/policies/privacy-policy",
      settings: {
        rootDomain: "votre-boutique.com",
        company: "votreentreprise",
        arrange: "ltr",
        color: "#000000",
        logo: "https://cdn.shopify.com/.../votre-logo.png",
        design: "overlay",
        gtagId: "G-XXXXXXXXXX",
        requiredCookies: [],
        keepInLocalStorage: [],
      },
    };
  </script>
  <script src="https://consents.cdn.intastellarsolutions.com/uc.js"></script>
  {{ content_for_header }}

Le placer avant {{ content_for_header }} convient tant que les deux scripts s’exécutent dans <head>.

Après enregistrement : à quoi s’attendre

En navigation privée, sur la vitrine :

Le bandeau s’affiche à la première visite lorsque policy_link et le placement sont corrects.
Le choix persiste d’une page à l’autre sur le même domaine.
Les requêtes tierces / analytiques dépendent de votre configuration de balises : de nombreux marchands doivent encore ajuster comment GA ou Meta est injecté (applications thème, scripts supplémentaires) pour que ces outils respectent le consentement.

Le paiement et certains parcours compte peuvent utiliser d’autres domaines — l’installation classique dans theme.liquid couvre le front Boutique en ligne, pas toutes les surfaces Shopify. Traitez le checkout comme une vérification distincte avec Shopify ou votre agence.

Vérifier dans le navigateur

Utilisez les Outils de développement → Réseau en navigation privée : rechargez avant d’accepter les cookies, notez les appels analytiques ou publicitaires, puis acceptez et comparez. Si les gros acteurs partent avant le consentement, corrigez le chargement des balises, pas seulement l’extrait du bandeau.

Questions courantes

Pourquoi le bandeau ne s’affiche-t-il pas sur ma boutique ?

policy_link doit être une URL en ligne (testez-la dans un navigateur).
L’extrait doit être dans theme.liquid (ou équivalent) du thème Boutique en ligne, pas seulement sur une page personnalisée.
Cache — essayez la navigation privée ou attendez le vidage du cache CDN / thème.

S’affichera-t-il au checkout ?

Le checkout et les nouveaux comptes clients utilisent d’autres domaines ou surfaces. La configuration standard theme.liquid couvre uniquement la Boutique en ligne. Des étapes supplémentaires peuvent nécessiter Shopify Plus ou des extensions de checkout prises en charge — traitez le checkout comme un projet à part et adressez-vous au support Shopify ou à votre agence.