Skip to end of metadata
Go to start of metadata

You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 14 Next »

Pour intégrer SPREAD sur votre Shopify, vous devez insérer des scripts JavaScript à différents endroits. 

Vous pourrez ainsi bénéficier : 

  • Des widgets sur votre site
  • Des remontées de création de comptes et de commandes

Il n'y a pas de remontées de mises à jour de profil ni de commande car Shopify ne permet pas d'insérer du code à ce niveau. Pour le faire, il faudra passer par l'api v2 (uniquement des données profils, les commandes ne peuvent pas être remontées via api v2) et/ou de l'import (si vous pouvez récupérer automatiquement vos données, il est possible d'automatiser l'import par développement spécifique). 


Affichage des widgets

Dans votre Shopify, RDV dans Online Store > Themes > Customize Theme > Edit Code > footer.liquid

Insérez ce script juste avant la balise </body>.

Script d'affichage des widgets
<script>
	// Configuration du tracker SPREAD
    var spconfig = {
        public_key: "xxxx", // Remplacez xxxx par votre clé d'API publique (RDV dans votre back office, onglets "Paramétrage > Tracker")
        debug: false,
        set_cookie: true,
        track_order_enabled: true
    };

    // Procédure de chargement du tracker JS SPREAD
    function loadSpreadTracker(){window.domLoadEventFired=!0;var a=document.createElement("script");a.type="text/javascript",a.async=!0,a.charset="UTF-8",a.id="spread-tracker",a.src="//static-sb.com/js/sb-tracker.js",document.body.appendChild(a)}window.addEventListener?window.addEventListener("load",loadSpreadTracker,!1):window.attachEvent?window.attachEvent("onload",loadSpreadTracker):window.onload=loadSpreadTracker;
</script>


Remontée de création de compte

Dans votre Shopify, rendez vous dans Online Store > Themes > Customize Theme > Edit Code > Customers/account.liquid

Insérez ce code avant la fonction loadSpreadTracker du script d'affichage des widgets.

Remontée de création de compte
<script>
    var sporder = {
        email: "{{customer.email}}",
        name: "{{customer.last_name}}", // Si vous n'indiquez pas ce paramètre, nous y insérerons le début de l'email.
        firstname: "{{customer.first_name}}",
        action : "signup"
    };
</script>

Documentation pour les variables Shopify : https://help.shopify.com/themes/liquid/objects/customer

Remontée de création de commandes

Dans votre Shopify, rendez-vous dans Settings > Checkout > Additional scripts

Insérez ce code avant la fonction loadSpreadTracker du script d'affichage des widgets.

Remontée de création de commandes
<script>
    var sporder = {
        email: "{{customer.email}}",
        amount: "{{ order.total_price  | money_without_currency | replace: ',', '.'}}",
        idorder: "{{order.order_number}}",
        date: "{{order.created_at| date: '%Y-%m-%d %H:%M:%S'}}", // Y-m-d H:i:s
        state: "20", // 10:taken / 20:paid / 50:sent / 100:recieved
        name: "{{customer.last_name}}", // Si vous n'indiquez pas ce paramètre, nous y insérerons le début de l'email.
        firstname: "{{customer.first_name}}",
        address : "{{order.shipping_address.street}}",
        cp : "{{order.shipping_address.zip}}",
        city : "{{order.shipping_address.city}}",
        country : "{{order.shipping_address.country}}",
        action : "order"
	};

</script>


Doc variable : https://help.shopify.com/themes/liquid/objects/order

Doc adaptation date : https://help.shopify.com/themes/liquid/filters/additional-filters#date

+ changement format : http://ruby-doc.org/core-2.5.1/Time.html#method-i-strftime

Doc Adresse : https://help.shopify.com/themes/liquid/objects/address

  • No labels