Pour intégrer SPREAD sur votre shopify, vous devez insérer des Scripts Javascript en 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
Affichage des widgets
Remontée de création de compte
Dans votre Shopify, rendez vous dans "Online Store > Themes > Customize Theme > Edit Code > Customers/account.liquid
<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"
<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" }; // Configuration du tracker SPREAD var spconfig = { public_key: "xxxxxxx", debug: false, set_cookie: true, track_order_enabled: true }; // Procédure de chargement du tracker js SPREAD function loadSpreadTracker() { window.domLoadEventFired=true; var e=document.createElement("script"); e.type="text/javascript"; e.async=true; e.charset="UTF-8"; e.id="spread-tracker"; e.src="//static-sb.com/js/sb-tracker.js"; document.body.appendChild(e) } // Appel du chargement du tracker js SPREAD if (window.addEventListener) { window.addEventListener("load",loadSpreadTracker,false); } else if(window.attachEvent) { window.attachEvent("onload",loadSpreadTracker); } else { window.onload=loadSpreadTracker; } </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