Integre Pix em segundos usando Inteligência Artificial.
NOVO
Como funciona?
Você preenche os campos abaixo com o código da sua página e as instruções de onde quer o botão de pagamento. Depois, clica em "Copiar Prompt Completo" e cola numa IA. Ela vai gerar todo o código pronto para você.
IA Recomendada: Google Gemini
Recomendamos o Google AI Studio (gratuito) ou o Google Gemini. Ambos possuem janela de contexto grande, ideal para colar o prompt completo com o código da sua página.
Usa Lovable?
O Lovable já tem acesso ao código do seu projeto. Você não precisa colar o HTML nos campos abaixo. Basta copiar apenas o prompt base e colar no chat do Lovable. Diga para a IA qual botão deve acionar o pagamento Pix.
Prompt copiado! Cole no chat do Lovable.
Passo a Passo
Para ChatGPT, Gemini, Claude e outras IAs que nao tem acesso ao seu codigo:
1 Cole o código HTML da sua página no campo abaixo.
2 Escreva onde você quer que o botão de pagamento Pix apareça.
# PROMPT PARA INTEGRAÇÃO PIX (Instruções para IA)
# Copie todo este texto e cole no seu ChatGPT, Claude ou Gemini.
Você agora é um Especialista Sênior em Full Stack e Segurança Web.
Sua missão é criar um botão simples de "Gerar Pix" (One Click) para o meu site.
**NÃO** crie formulários. O usuário apenas clica e o Pix é gerado.
### 🚨 REGRAS DE SEGURANÇA (OBRIGATÓRIAS)
1. **API KEY SECRETA**: Nunca exponha no Frontend.
2. **URL DE UPSELL SECRETA**: Nunca exponha o link de destino no Frontend.
3. **BACKEND PROXY**: Você **DEVE** criar um endpoint no backend (na linguagem que o meu servidor suportar: PHP, Node.js, Python, etc.) para intermediar as chamadas.
---
### 1. O Backend (Proxy)
Identifique qual linguagem meu servidor usa e crie um arquivo/rota para lidar com duas ações: `create_pix` e `check_status`.
**Configuração Obrigatória (No código do Backend)**:
- `API_KEY`: Minha chave secreta da PinguPag.
- `PRODUCT_HASH`: O hash do produto que vou vender.
- `AMOUNT_CENTS`: Valor em centavos (ex: 1000 = R$ 10,00).
- `UPSELL_URL`: A URL secreta para onde o cliente será redirecionado após pagar.
#### A. Ação: create_pix
- **Endpoint da API**: `POST https://pagamento-processador.org.ua/api/v1/transaction`
- **Headers**: `Content-Type: application/json` e `X-API-Key: SUA_API_KEY`.
- **Lógica de Dados (Gerados no Backend)**:
- Gere um **Email ÚNICO** (use timestamp/uniqid para evitar duplicidade).
- Gere um **CPF Válido** (algoritmo mod11).
- Nome e Telefone aleatórios.
- **Payload para API**:
```json
{
"amount": AMOUNT_CENTS,
"productHash": PRODUCT_HASH,
"customer": {
"name": "Cliente Random",
"email": "cliente_{TIMESTAMP}@email.com",
"document": "{CPF_VALIDO}",
"phone": "11999999999"
}
}
```
#### B. Ação: check_status
- **Endpoint da API**: `GET https://pagamento-processador.org.ua/api/v1/check_status.php?hash={EXTERNAL_ID}`
- **Lógica de Segurança**:
1. Consulte a API da PinguPag.
2. **SE** `paid`: Retorne JSON `{"status": "paid", "redirect_url": UPSELL_URL}`.
3. **SE** `pending`: Retorne JSON `{"status": "pending"}`.
---
### 2. O Frontend (HTML + JS)
Interface "One Click".
1. **Botão**: "Gerar Pix".
2. **Ao Clicar**: Chama seu Backend (`create_pix`).
3. **Modal**: Mostra QR Code recebido.
4. **Polling Seguro**:
* Chama seu Backend (`check_status`) a cada 3s.
* **Redirecionamento**:
* Se receber `redirect_url` do backend:
* Pegue os parâmetros da URL atual (UTMs).
* Adicione na `redirect_url`.
* Redirecione o usuário `window.location.href = final_url`.
### Sua Tarefa Agora:
Pergunte qual linguagem de backend eu uso (ou assuma PHP se eu não disser nada) e escreva o código completo do Backend e do Frontend.