Shift4Shop

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);