BytePay Checkout - Documentação

// Adicione este código ao arquivo checkout.liquid
document.addEventListener('DOMContentLoaded', function() {
const checkoutButton = document.querySelector('.checkout-button');

checkoutButton.addEventListener('click', function(e) {
  e.preventDefault();
  
  // Obtenha os dados do carrinho
  const cart = {{ cart | json }};
  
  // Construa a URL do checkout BytePay
  const checkoutUrl = new URL('https://seu-dominio.com/checkout');
  
  // Adicione os parâmetros necessários
  checkoutUrl.searchParams.append('api_key', 'SUA_API_KEY');
  checkoutUrl.searchParams.append('name', cart.items[0].product_title);
  checkoutUrl.searchParams.append('price', cart.total_price / 100);
  checkoutUrl.searchParams.append('image', cart.items[0].image);
  checkoutUrl.searchParams.append('merchant', '{{ shop.name }}');
  checkoutUrl.searchParams.append('color', '22c55e');
  
  // Adicione parâmetros UTM para rastreamento
  const urlParams = new URLSearchParams(window.location.search);
  if (urlParams.has('utm_source')) checkoutUrl.searchParams.append('utm_source', urlParams.get('utm_source'));
  if (urlParams.has('utm_medium')) checkoutUrl.searchParams.append('utm_medium', urlParams.get('utm_medium'));
  if (urlParams.has('utm_campaign')) checkoutUrl.searchParams.append('utm_campaign', urlParams.get('utm_campaign'));
  if (urlParams.has('utm_term')) checkoutUrl.searchParams.append('utm_term', urlParams.get('utm_term'));
  if (urlParams.has('utm_content')) checkoutUrl.searchParams.append('utm_content', urlParams.get('utm_content'));
  
  // Redirecione para o checkout BytePay
  window.location.href = checkoutUrl.toString();
});
});

{
"event": "payment.success",
"data": {
  "transaction_id": "52fc5262-XXXX-4900-933b-XXXXXXXX",
  "amount": 99.90,
  "payment_method": "pix",
  "customer": {
    "name": "Nome do Cliente",
    "email": "cliente@exemplo.com"
  },
  "product": {
    "name": "Produto Exemplo",
    "price": 99.90,
    "quantity": 1
  },
  "timestamp": "2023-11-01T12:34:56Z"
}
}