Crie sua loja ou site com uma avaliação sem riscos e sem necessidade de cartão de crédito.
Os carrinhos de compras da Shift4Shop são soluções completas de vitrine de e-commerce para seu site novo ou existente. Crie, edite e mantenha facilmente sua loja online e colete pedidos sem nenhum conhecimento de programação ou HTML! Esta integração integra o modelo para a página de agradecimento da Shift4Shop.
OBSERVAÇÃO: Sua instalação do Post Affiliate Pro deve estar disponível via HTTPS:// porque o checkout acontece em uma página segura.
Adicione o código de acompanhamento da venda
Vá para Configurações > Design > Temas e Estilos > No botão Mais, escolha Editar Modelo (HTML) e edite o arquivo “checkout-step4.html” para adicionar o seguinte código até o final:
{$TrackingScript}
<script type="text/javascript">
{$SetAccountJs}
{$CreateSaleJs}
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]');
{$ExtraDataJs}
PostAffTracker.register();
</script>
Se você precisar adicionar mais informações no código de rastreamento de vendas, consulte este guia no Shift4Shop: https://www.shift4shop.com/guide/.
Para utilizar o recurso de cupons, adicione logo abaixo:
sale.setOrderID('[invoice-prefix][invoice-number]');
a seguir:
sale.setCoupon('[coupon]');
Combinação com ID do produto
Se você deseja acompanhar as comissões por produto, deve usar este código de integração em vez do código acima. As instruções são quase as mesmas – edite o mesmo arquivo “checkout-step4.html” e adicione este código na primeira linha do arquivo:
<!-- {$PapAbbr} Integration snippet - part1 -->
<input type="hidden" id="itemNums" value="0">
{$TrackingScript}
<!-- 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>
<!-- /{$PapAbbr} Integration snippet - part1 -->
Agora encontre esta linha:
<!--START: items-->
e adicione este código abaixo dele:
<!-- {$PapAbbr} 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>
<!-- /{$PapAbbr} Integration snippet - part2 -->
A última parte do código vai para o final do mesmo arquivo:
<!-- {$PapAbbr} Integration snippet - part3 -->
<script type="text/javascript">
var discountPerItem = 0;
if (typeof numberDiscount != 'undefined') {
discountPerItem = numberDiscount / document.getElementById('itemNums').value;
}
{$SetAccountJs}
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>
<!-- /{$PapAbbr} Integration snippet - part3 -->
O aplicativo usará IDs de produtos definidos em seu Shift4Shop para que você possa verificar facilmente cada ID de produto em Produtos > Visualizar.
Comissões vitalícias
Dica: Se você deseja utilizar as Comissões Vitalícias, no arquivo “checkout-step4.html” encontre a seguinte linha:
<td class="item">[oemail]</td>
e logo abaixo dessa linha adicione este código:
<!-- {$PapFullname} integration snippet -->
<script type="text/javascript">
var customerEmail = '[oemail]';
</script>
<!-- {$PapFullname} integration snippet -->
A última etapa é adicionar esta linha ao código de acompanhamento da venda:
sale.setData1(customerEmail);