0%

Page de suivi intégrée sur votre site avec Shopify

Page de suivi intégrée sur votre site avec Shopify

Rendez-vous dans l'onglet Page de Suivi > Paramètres de la page de suivi

Une fois sur cette page, cliquez sur "Injecté dans Shopify" (comme sur l'image de gauche).

👉 Cela va créer le bocal, et mettre la confiture dedans ! 🍓(cela va créer la page de suivi dans votre Shopify et y mettre le JavaScript. Mais c'est plus facile à comprendre avec la confiture).

Voici les informations nécessaires à nous fournir (2ᵉ image du carrousel) :

  • Store Shopify : l'url de votre boutique Shopify

  • Domaine public du Shop : l'url via laquelle vos client.es accèdent à votre site.

  • Handle (endpoint) de la page de suivi : nom barbare pour dire "ce que vous souhaitez afficher dans l'url après www.votre-site.com". Exemple www.votre-site.com/page-de-suivi

    Nous vous recommandons d'indiquer "page-de-suivi".

  • Cliquez sur "Créer la page"

Ensuite (vous y êtes presque) :

  • Copiez l'url de ladite page de suivi (www.votre-site.com/page-de-suivi)

  • Collez l'url de ladite page de suivi comme sur la 3ᵉ image du carrousel

  • ET ENFIN : cochez la case "Remplacer les liens de suivi"

Important : une fois les étapes ci-dessus effectuées, pensez à enlever le Shipup JS de toutes vos pages (en dehors de la page de suivi).

Cela signifie que notre bibliothèque sera chargée sur la page hébergeant la page de suivi, ce qui permettra de l'afficher (et ça c'est cool), mais aussi sur les autres pages telles que la page d'accueil où elle n'a pas d'utilité.

Cela peut provoquer le ralentissement du chargement de ladite page (et ça c'est moins cool).

Comment faire ?

  1. Dans votre compte Shopify admin, rendez-vous dans : page editor (Sales Channels > Online Store > Pages)

  2. Recherchez et cliquez sur la page qui a été précédemment créée pour la page de suivi afin d'ouvrir l'éditeur.

  3. Dans l'éditeur, cliquez sur : <> (Show HTML) et copiez-collez le snippet que vous trouverez ci-dessous.

  4. Vérifiez que la page de suivi fonctionne bien. Vous pouvez maintenant contacter l'équipe Shipup pour leur demander d'enlever ShipupJS des autres pages de votre site. Vous pouvez nous contacter via le formulaire de contact ci-dessous ou à l'adresse support@shipup.co

Snippet pour l'étape 3 :

<div id="shipup-root"> </div> <script> (function() {   var cssSrc = 'https://cdn.shipup.co/latest_v2/shipup.css';   var jsSrc = 'https://cdn.shipup.co/latest_v2/shipup-js.js';   var scriptDomId = 'shipup-script';   var loadShipupJS = function() {     var LoadedShipupJS =       'function' == typeof define && define.amd         ? require('ShipupJS')         : window.ShipupJS;     if (LoadedShipupJS && window.Shopify && window.Shopify.shop) {       var shipup = new LoadedShipupJS.default(null);       var element = document.getElementById('shipup-root');       if (element) {         var language;         var shopifyLocale = window.Shopify.locale;         if (shopifyLocale) {           language = shopifyLocale.slice(0, 2);         }         shipup.render(element, { language: language });       }     }   };   var addShipupCSS = function() {     var head = document.getElementsByTagName('head')[0];     var link = document.createElement('link');     link.rel = 'stylesheet';     link.type = 'text/css';     link.href = cssSrc;     link.media = 'all';     head.appendChild(link);   };   if (!document.getElementById(scriptDomId)) {     var script = document.createElement('script');     script.id = scriptDomId;     script.type = 'text/javascript';     script.async = true;     script.src = jsSrc;     script.onload = loadShipupJS;     var x = document.getElementsByTagName('script')[0];     x.parentNode.insertBefore(script, x);   }   var hasCssSrc = function(link) {     return link.href.indexOf(cssSrc) > -1;   };   var linkList = document.getElementsByTagName('link');   var links = Array.prototype.slice.call(linkList);   if (!Array.prototype.some || !links.some(hasCssSrc)) {     addShipupCSS();   } })(); </script>

0%