L'onglet Javascript personnalisé exécute votre propre JavaScript sur votre boutique. Utilisez-le pour de petits comportements que les réglages du constructeur et les applications ne couvrent pas.
Où le trouver
Ouvrez le constructeur, cliquez sur l'icône en forme d'engrenage et ouvrez l'onglet Javascript personnalisé. La zone s'appelle Code Javascript : S'applique à toute la boutique. Collez votre code sans balises <script>. Écrivez uniquement du JavaScript simple.
Quand votre code s'exécute
- Il s'exécute une fois quand un client ouvre votre boutique, après l'affichage de la page.
- Il ne se relance pas à chaque page. Quand un client passe à une autre page de votre boutique, la page change sans rechargement complet : votre code n'est donc pas exécuté une deuxième fois. Si votre code modifie des éléments d'une page, faites-lui gérer les changements de page, ou utilisez plutôt une section Code personnalisé sur cette page.
- Dans l'aperçu du constructeur, le code s'exécute aussi, et se relance quand vous le modifiez.
- Votre code s'exécute dans son propre espace : les noms que vous déclarez n'entrent pas en conflit avec la boutique. Si votre code provoque une erreur, celle-ci est interceptée et ne casse pas votre boutique. L'erreur est cachée : si rien ne se passe, testez votre code étape par étape.
Utilisez plutôt une application quand c'est possible
Beaucoup de scripts que les marchands collent ici ont une application dédiée qui fait mieux le travail :
- Suivi Facebook, TikTok, Snapchat, Pinterest, X ou Google Ads : utilisez les applications de pixels. Voir Pixels et API de conversion.
- Google Analytics ou balises gérées dans Google Tag Manager : utilisez l'application Google Tag Manager.
- Codes de vérification pour Google Search Console, Meta, TikTok ou Snapchat : utilisez l'application Domain Verifier. Le code de cet onglet n'arrive pas dans le head de votre page comme la vérification l'exige.
- Chat en direct : voir Chat en direct Crisp.
Ces applications envoient pour vous les événements comme les achats au bon moment.
Code pour toute la boutique ou section Code personnalisé
- Onglet Javascript personnalisé : toutes les pages, s'exécute une fois par visite.
- Section Code personnalisé : une seule page, avec son propre HTML, CSS et JavaScript, et s'exécute chaque fois que la section est affichée. Voir Code personnalisé.
Conseils
- Ne collez jamais de clés secrètes ni de mots de passe. N'importe qui peut lire ce code dans son navigateur.
- Testez votre boutique en ligne sur un téléphone et sur un ordinateur après avoir publié.
- Les scripts tiers peuvent ralentir votre boutique. N'ajoutez que ce dont vous avez besoin.
- Si quelque chose casse, videz la zone, publiez, puis remettez votre code morceau par morceau.
- Un assistant IA connecté à votre boutique a besoin de votre autorisation pour modifier le code personnalisé. Voir Gérer l'accès des assistants.
Bon à savoir
Le Javascript personnalisé appartient au marché que vous modifiez. Répétez-le dans chaque marché qui en a besoin. Les modifications sont mises en ligne quand vous cliquez sur Publier.