Tutorial Completo

Antes de começar a personalizar seu checkout, você precisa configurar as informações básicas da API:

• Offer Hash: Identificador único da sua oferta na Goat Payments
• Product Hash: Identificador único do produto
• Access Token: Token de acesso para autenticação na API
• URL de Redirecionamento: Para onde o cliente será direcionado após o pagamento

Essas informações estão disponíveis no seu painel da Goat Payments.

Na aba "Conteúdo", você pode personalizar todos os textos que aparecerão no seu checkout:

Textos Principais:

• Título e subtítulo da página
• Selo de segurança
• Nome e descrição do produto
• Valor do produto (em centavos)

Textos do PIX:

• Mensagem de carregamento
• Instruções para pagamento
• Texto do botão de copiar
• Mensagem de expiração

Todos os textos são atualizados em tempo real no preview.

Na aba "Design", você tem controle total sobre a aparência visual:

Cores:

• Cor primária (botões e destaques)
• Cor secundária (elementos de apoio)
• Cor de fundo da página
• Cor do texto principal

Banner do Produto:

• Faça upload de uma imagem para o banner
• Formatos suportados: JPG, PNG, WEBP
• Tamanho máximo: 2MB
• O banner aparece acima do nome do produto

Tipografia e Layout:

• Escolha entre 5 famílias de fontes
• Ajuste o tamanho da fonte principal
• Configure bordas, espaçamentos e largura
• Ative/desative sombras, gradientes e animações

Na aba "Config", você pode escolher quais informações coletar do cliente:

• Nome Completo: Campo obrigatório para identificação
• WhatsApp: Para contato e suporte
• E-mail: Para envio de confirmações
• CPF: Para validação fiscal

Se nenhum campo for selecionado, o checkout será direto para o PIX sem coleta de dados.

O construtor oferece preview em tempo real com várias opções de visualização:

Dispositivos:

• Mobile (375px) - Visualização em smartphones
• Tablet (768px) - Visualização em tablets
• Desktop (1200px) - Visualização em computadores

Zoom:

• 50% - Para visão geral
• 75% - Para análise detalhada
• 100% - Tamanho real

Todas as mudanças são refletidas instantaneamente no preview, permitindo ajustes precisos.

Quando seu checkout estiver pronto, você pode exportá-lo para uso:

Funcionalidades de Exportação:

• Gera um arquivo ZIP completo
• Inclui todos os arquivos necessários (HTML, CSS, JS, PHP)
• Contém as imagens e o banner personalizado
• Inclui documentação de instalação

Instalação:

• Extraia o ZIP no diretório raiz do seu domínio
• Certifique-se de que o PHP está habilitado
• Configure as permissões adequadas
• Acesse index.html para testar

O README.md incluído no ZIP contém instruções detalhadas de instalação.