📸 Faça upload das fotos reais das suas camisas. Aceita JPG, PNG e WEBP até 5MB. As imagens são redimensionadas para 800px e salvas no Supabase Storage — aparecem na loja instantaneamente em qualquer dispositivo.
🔗 Links de Pagamento por Produto
O PagBank exige um valor fixo por link. Crie um link para cada produto e cole abaixo. O site vai redirecionar o cliente para o link certo automaticamente.
📋 Como criar os links no PagBank:
Acesse Vendas → Link de Pagamento → Criar link. Preencha o nome, coloque o valor do produto, configure as formas de pagamento (PIX, Cartão, Boleto) e clique em Criar. Copie a URL e cole abaixo. Faça isso 3 vezes — uma para cada produto.
🟡 Uniforme I — R$ 159,90
🔵 Uniforme II — R$ 159,90
🟡🔵 Kit Completo I+II — R$ 279,90
💡 Para totais fora do padrão (ex: 2x Uniforme I = R$ 319,80), use:
PagBank → Cobranças → Criar cobrança → informe o valor exato e o nome do cliente → copie o link → envie via WhatsApp. Leva 30 segundos e funciona para qualquer valor.
⚡ Chave PIX
Quando o cliente escolher pagar via PIX, o sistema exibe sua chave para ele fazer a transferência diretamente. É o método mais simples e sem taxa de processamento.
🔧 Configurações técnicas
Necessário para a confirmação automática de pagamentos via webhook.
🔑 Token de API é diferente do Token de Segurança.
Para obter: acesse developer.pagbank.com.br → faça login → Credenciais → Produção → Gerar Token Bearer.
Com ele, o sistema gera um link de pagamento exclusivo para qualquer valor, automaticamente.
📖 Guia de Configuração — PagBank + Webhook Automático
1
No PagBank, vá em Vendas → Link de Pagamento → Criar Link. Preencha nome e valor, configure formas de pagamento (PIX + Cartão + Boleto) e clique em Criar. Copie o link. Repita 3 vezes (Uniforme I R$ 159,90 · Uniforme II R$ 159,90 · Kit R$ 279,90).
2
Cole os 3 links nos campos acima e clique em 💾 Salvar. A loja vai usar o link certo para cada produto automaticamente.
3
Para o webhook automático (pedido vira Pago sozinho), vá em Minha Conta → Token de Segurança, copie o token e cole acima. Depois registre a URL: https://camisacopa.net.br/.netlify/functions/webhook em Notificações → URL de Retorno.
4
No Netlify, adicione as variáveis de ambiente: PAGBANK_EMAIL, PAGBANK_TOKEN, SUPABASE_URL e SUPABASE_SERVICE_KEY. Após salvar, faça um novo deploy.
5
Pronto! Quando o cliente pagar, o PagBank envia uma notificação para o seu site, que atualiza o status do pedido para ✅ Pago automaticamente — sem você precisar fazer nada.
📦 Dados do Remetente (para etiquetas)
Esses dados aparecerão na Declaração de Conteúdo dos Correios.
💰 Preços dos Produtos
Altere os valores exibidos na loja. O preço "riscado" é o valor original (De:). Salve para atualizar a loja imediatamente.
🟡 Uniforme I — Amarelo
🔵 Uniforme II — Azul Jordan
🟡🔵 Kit Completo I + II
🔑 Credenciais Supabase
Configure no Netlify como variáveis de ambiente. Não salve chaves aqui por segurança.