Recuperação de carrinho

Objetivo

Sistema de recuperação de carrinho integrado com pagamento parcelado Koin na plataforma VTEX.

Funcionalidade Principal

• Pop-up de recuperação de carrinho
• Configuração flexível de parcelas (conforme seu contrato).
• Integração automática com checkout VTEX
• Redirecionamento para pagamento Koin

🎯 FASE 1: Preparação do Script

Passo 1.1: Personalizar o Código

Antes de implementar no GTM, configure o script com os parâmetros específicos da loja:

Código Base

<script src="https://koin.vteximg.com.br/arquivos/koin-popup.js?v=40"></script>
<script>
// script pra rodar
KoinPopup.init({
  plataforma: "VTEX",
  loja: (window.vtex && window.vtex.siteTitle) ? window.vtex.siteTitle : "loja",
  parcelas: 3, //validar regra de negocios do 3x,
  showContainerCustom: true,
  onConfirm: function() {
    var buttonKoin = document.getElementById("payment-group-BoletoParceladoKoinPaymentGroup");
    if (buttonKoin) { buttonKoin.click(); }
    setTimeout(function () {
      var buttonCheckout = document.getElementById("payment-data-submit");
      if (buttonCheckout) buttonCheckout.click();
    }, 2000);
  }
});
</script>

⚙️ Configurações

Passo 1.2: Parâmetros Configuráveis

⚠️ Configuração Importante

parcelas: 3, //validar regra de negocios do 3x

Nota: O valor de parcelas deve ser alterado de acordo com o contrato da loja com a Koin.

🏷️ FASE 2: Configuração do Google Tag Manager

Passo 2.1: Criar o Acionador (Trigger)

• Nome: checkout
• Tipo: Exibição de página
• Condição: Page URL contém /checkout

Passo 2.2: Criar a Tag com o Script

• Nome: Koin - Script Popup Tag
• Acionador: checkout
• 📋 COLE o script personalizado (do Passo 1.1) no campo "HTML"

🔄 Fluxo de Funcionamento

1. Detecção: Script detecta abandono de carrinho na página de checkout
2. Exibição: Pop-up Koin é exibido ao usuário
3. Confirmação: Usuário confirma interesse no parcelamento
4. Redirecionamento: Sistema seleciona automaticamente o pagamento Koin
5. Finalização: Checkout é submetido automaticamente

📋 Checklist de Implementação

• Script Koin carregado
• Configuração de parcelas definida
• GTM configurado (e publicado) com acionador de checkout
• Teste de funcionalidade realizado