Créez votre boutique ou votre site web avec un essai sans risque, sans carte de crédit.
Les paniers d’achat de Shift4Shop sont des solutions complètes de vitrine e-commerce pour votre site web nouveau ou existant. Construisez, éditez et maintenez facilement votre boutique en ligne et collectez les commandes sans aucune connaissance en programmation ou en HTML !
Cette intégration intègre le modèle de la page de remerciements de Shift4Shop.
NOTE : Votre installation de Post Affiliate Pro doit être disponible via HTTPS:// car le paiement se fait dans une page sécurisée.
Ajouter le code de suivi des ventes
Allez dans Settings > Design > Themes & Styles > Sous le bouton More, choisissez Edit Template (HTML) et éditez le fichier “checkout-step4.html” pour ajouter le code suivant à la toute fin :
<script id="pap_x2s6df8d" src="https://URL_TO_PostAffiliatePro/scripts/trackjs.js" type="text/javascript"></script>
<script type="text/javascript">
PostAffTracker.setAccountId('Account_ID');
var sale = PostAffTracker.createSale();
var discount='[discounts]';
var splitDiscount = discount.split("$");
var numberDiscount = splitDiscount[1];
var total='[osubtotal]';
var splitTotal = total.split("$");
var numberTotal = splitTotal[1];
var TotalLessDiscount = numberTotal - numberDiscount;
sale.setTotalCost(TotalLessDiscount);
sale.setOrderID('[invoice-prefix][invoice-number]');
PostAffTracker.register();
</script>
Si vous avez besoin d’ajouter plus d’informations dans le code de suivi des ventes, veuillez vous référer à ce guide sur Shift4Shop : https://www.shift4shop.com/guide/.
Pour utiliser la fonctionnalité des coupons, ajoutez le lien ci-dessous :
sale.setOrderID('[invoice-prefix][invoice-number]');
le suivant :
sale.setCoupon('[coupon]');
Correspondance du Product ID
Si vous voulez suivre les commissions par produit, vous devez utiliser ce code d’intégration au lieu de celui ci-dessus. Les instructions sont presque les mêmes – modifiez le même fichier “checkout-step4.html” et ajoutez ce code à la première ligne du fichier :
<!-- PAP Integration snippet - part1 -->
<input type="hidden" id="itemNums" value="0">
<script id="pap_x2s6df8d" src="https://URL_TO_PostAffiliatePro/scripts/trackjs.js" type="text/javascript"></script>
<!-- checking if any discount (not gift certificate!) has been applied -->
<script type="text/javascript">
var papItems = [];
var discount = '[discounts]';
var splitDiscount = discount.split('$');
if (splitDiscount[1]>0) {
var numberDiscount = splitDiscount[1];
}
</script>
<!-- /PAP Integration snippet - part1 -->
Maintenant, recherchez cette ligne :
<!--START: items-->
et ajoutez ce code en dessous :
<!-- PAP Integration snippet - part2 -->
<script type="text/javascript">
var i = document.getElementById('itemNums').value;
var iIncremented = ++i;
document.getElementById('itemNums').value=iIncremented;
var subTotal = '[subtotal]';
var splitSubTotal = subTotal.split('$');
subTotal = splitSubTotal[1];
papItems[i-1] = {"subTotal":subTotal, "id":'[id]', "orderId":"[invoice-prefix][invoice-number]("+iIncremented+")"};
</script>
<!-- /PAP Integration snippet - part2 -->
La dernière partie du code se trouve à la toute fin du même fichier :
<!-- PAP Integration snippet - part3 -->
<script type="text/javascript">
var discountPerItem = 0;
if (typeof numberDiscount != 'undefined') {
discountPerItem = numberDiscount / document.getElementById('itemNums').value;
}
PostAffTracker.setAccountId('Account_ID');
papItems.forEach(function (item, index) {
var sale = PostAffTracker.createSale();
sale.setTotalCost(item.subTotal - discountPerItem);
sale.setOrderID(item.orderId);
sale.setProductID(item.id);
PostAffTracker.register();
});
</script>
<!-- /PAP Integration snippet - part3 -->
L’application utilisera les ID des produits définis dans votre Shift4Shop afin que vous puissiez facilement vérifier chaque ID de produit dans Products > View.
Commissions à vie
Conseil : Si vous souhaitez utiliser les commissions à vie, alors dans le fichier “checkout-step4.html” recherchez la ligne suivante :
<td class="item">[oemail]</td>
et juste en dessous de cette ligne, ajoutez ce code :
<!-- Post Affiliate Pro integration snippet -->
<script type="text/javascript">
var customerEmail = '[oemail]';
</script>
<!-- Post Affiliate Pro integration snippet -->
La dernière étape consiste à ajouter cette ligne dans le code de suivi des ventes :
sale.setData1(customerEmail);