Integrando o Carrinho de Compras com Shopify

Última atualização: 9 de outubro de 2024


A integração com o carrinho de compras do Lead Gen & CRM permite que você registre automaticamente transações da web de sua loja online e atribua essas vendas a leads e campanhas do Lead Gen & CRM. Isso permite que você meça seu ROI de marketing de ponta a ponta para negócios baseados em eCommerce diretamente no Lead Gen & CRM. Este artigo detalhará o processo para integrar seu carrinho de compras com Shopify.

Conteúdos do Artigo

 
 
Usuários:
Administradores ✓  
Gerentes de Empresa    
Gerentes de Marketing    
Gerentes de Vendas    
Vendedores    
Vendedores Jr.    
 

Integrando Shopify

Para integrar o Lead Gen & CRM com Shopify, você deve ter acesso de administrador tanto à sua conta Shopify quanto à conta do Lead Gen & CRM.

Para adicionar o código necessário que precisa ser colocado na configuração de Scripts Adicionais no Shopify, faça o seguinte: 

  1. Faça login no Shopify como administrador.
  2. Clique em Configurações > Checkout.
  3. Localize a caixa de texto Scripts Adicionais na seção Processamento de Pedidos.
  4. Cole o código de rastreamento do seu domínio associado a este carrinho de compras na área de texto.
  5. Cole o seguinte código abaixo de onde você colocou o código de rastreamento:
      
    <script type='text/javascript'>
    _ss.push(['_setTransaction', {
        'transactionID': '{{ order.order_number }}',
        'storeName': '{{ shop.name }}',
        'total': '{{ order.total_price | money_without_currency }}',
        'tax': '{{ order.tax_price | money_without_currency }}',
        'shipping': '{{ order.shipping_price | money_without_currency }}',
        'city': '{{ order.billing_address.city }}',
        'state': '{{ order.billing_address.province }}',
        'zipcode': '{{ order.billing_address.zip }}',
        'country': '{{ order.billing_address.country }}',
        'firstName' : '{{ order.customer.first_name }}',
        'lastName' : '{{ order.customer.last_name }}',
        'emailAddress' : '{{ order.customer.email }}'
    }]);

    {% for line_item in order.line_items %}
    _ss.push(['_addTransactionItem', {
        'transactionID': '{{ order.order_number }}',
        'itemCode': '{{ line_item.product_id }}',
        'productName': '{{ line_item.product.title }}',
        'category': 'Geral',
        'price': '{{ line_item.product.price | money_without_currency }}',
        'quantity': '{{ line_item.quantity }}'
    }]);
{% endfor %}

    _ss.push(['_completeTransaction', {
        'transactionID': '{{ order.order_number }}'
    }]);
</script> 

Importante: Embora o Abandono de Carrinho de Compras tenha sido criado para funcionar com uma variedade de plataformas, a implementação e a facilidade de uso podem variar de acordo com a plataforma. O Lead Gen & CRM recomenda que um desenvolvedor cuide da implementação do abandono.

Embora isso funcione como está para a maioria dos usuários, outros podem precisar que um desenvolvedor o modifique ligeiramente, já que algumas configurações do Shopify podem exigir o uso de variáveis diferentes. Nesse caso, este ainda é um excelente ponto de partida com a maior parte do trabalho já feito.

Nota: Constant Contact oferece Serviços Profissionais para auxiliar com codificação personalizada.

Código de Exemplo

O seguinte código é um exemplo de um trecho de código completo que integrará seu Carrinho de Compras do Lead Gen & CRM com Shopify. Certifique-se de incluir o código de rastreamento para seu domínio no topo do trecho, já que o código de rastreamento neste trecho de código é um exemplo e deve ser substituído pelo seu código de rastreamento.
 

<script type="text/javascript">
var _ss = _ss || [];
_ss.push(['_setDomain', 'https://koi-XXXXXXXXXX.marketingautomation.services/net']);
_ss.push(['_setAccount', 'KOI-XXXXXXXXXX']);
_ss.push(['_trackPageView']);
(function() {
    var ss = document.createElement('script');
    ss.type = 'text/javascript'; ss.async = true;

    ss.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'koi-3QN8DY6N0K.marketingautomation.services/client/ss.js?ver=1.1.1';
    var scr = document.getElementsByTagName('script')[0];
    scr.parentNode.insertBefore(ss, scr);
})();
</script>

// Algumas variáveis podem precisar ser alteradas dependendo do processo de checkout
<script type='text/javascript'>
    _ss.push(['_setTransaction', {
        'transactionID': '{{ order.order_number }}',
        'storeName': '{{ shop.name }}',
        'total': '{{ order.total_price | money_without_currency }}',
        'tax': '{{ order.tax_price | money_without_currency }}',
        'shipping': '{{ order.shipping_price | money_without_currency }}',
        'city': '{{ order.billing_address.city }}',
        'state': '{{ order.billing_address.province }}',
        'zipcode': '{{ order.billing_address.zip }}',
        'country': '{{ order.billing_address.country }}',
        'firstName' : '{{ order.customer.first_name }}',
        'lastName' : '{{ order.customer.last_name }}',
        'emailAddress' : '{{ order.customer.email }}'
    }]);

    {% for line_item in order.line_items %}
    	_ss.push(['_addTransactionItem', {
      	  'transactionID': '{{ order.order_number }}',
       	 'itemCode': '{{ line_item.product_id }}',
       	 'productName': '{{ line_item.product.title }}',
       	 'category': 'Geral',
      	 'price': '{{ line_item.product.price | money_without_currency }}',
      	  'quantity': '{{ line_item.quantity }}'
   		}]);
    {% endfor %}

    _ss.push(['_completeTransaction', {
        'transactionID': '{{ order.order_number }}'
    }]);
</script>
 

Outros artigos