> ## Documentation Index
> Fetch the complete documentation index at: https://docs.jelou.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# Uso e configuração

> Adicione o Stripe ao seu fluxo e continue com base no status real do pagamento.

Após a integração ser conectada no Marketplace, o Stripe fica disponível no seu workspace para uso dentro dos seus fluxos e AI Agents.

<Tip>
  É a primeira vez que você implementa uma cobrança? Siga primeiro o guia [Tutorial: Implementando sua primeira cobrança pelo WhatsApp](/pt/guias/integracoes/pagamentos/implementando-sua-primeira-cobranca), que guia você passo a passo do zero até a produção.
</Tip>

***

## Três modalidades de uso

<CardGroup cols={3}>
  <Card title="WebView Embutido" icon="browser" href="#webview-embebido">
    Botão de pagamento com checkout em WebView
  </Card>

  <Card title="Nativo no chat" icon="credit-card" href="#nativo-en-chat">
    Captura de cartão na conversa
  </Card>

  <Card title="Ferramentas avançadas / MCP" icon="wrench" href="#tools-avanzadas-mcp">
    Acesso completo à API via MCP
  </Card>
</CardGroup>

<Tip>
  Esta página abrange as três modalidades. Use os cards para ir diretamente à que você precisa.
</Tip>

***

## WebView Embutido

Esta é a **modalidade recomendada para começar**. O usuário recebe um link ou botão de pagamento que abre o checkout do Stripe em um WebView dentro do WhatsApp.

### Adicionar o nó ao Canvas

<Steps>
  <Step title="Localize a integração no Marketplace">
    Na barra lateral esquerda do Brain Studio, abra a pasta **Marketplace**.

    Se a integração estiver corretamente conectada, você verá o **Stripe** listado como provedor disponível.

    <Frame caption="Stripe no Marketplace (barra lateral)">
      <img src="https://mintcdn.com/jelouai/y5L6vahGrhMqbaUQ/assets/images/integraciones/pagos/stripe-nodo-canvas.png?fit=max&auto=format&n=y5L6vahGrhMqbaUQ&q=85&s=9bb0d590d1abe32df3a981a6aa73d924" alt="Stripe visível na pasta Marketplace dentro da barra lateral do Brain Studio" style={{ maxWidth: '250px', margin: '0 auto' }} width="678" height="444" data-path="assets/images/integraciones/pagos/stripe-nodo-canvas.png" />
    </Frame>
  </Step>

  <Step title="Arraste o nó para o Canvas">
    Arraste o **Stripe** da barra lateral para o seu fluxo no Canvas.

    Ao soltá-lo, o bloco do nó será criado com suas saídas disponíveis.

    <Frame caption="Ferramenta Stripe com saídas disponíveis">
      <img src="https://mintcdn.com/jelouai/y5L6vahGrhMqbaUQ/assets/images/integraciones/pagos/stripe-configuracion-nodo.png?fit=max&auto=format&n=y5L6vahGrhMqbaUQ&q=85&s=764485ef69fbbe407de6e96ed77f5a6e" alt="Nó do Stripe adicionado ao Canvas mostrando suas saídas" style={{ maxWidth: '500px', margin: '0 auto' }} width="2048" height="953" data-path="assets/images/integraciones/pagos/stripe-configuracion-nodo.png" />
    </Frame>
  </Step>

  <Step title="Abra o painel de configuração">
    Selecione o nó no Canvas para abrir seu painel de configuração no lado direito.

    A partir daí você pode preencher as **entradas** e revisar as **saídas** disponíveis.
  </Step>
</Steps>

### Configurar o nó no Canvas

<Tabs>
  <Tab title="Entradas">
    <AccordionGroup>
      <Accordion title="Salvar resultado como" icon="database">
        <ParamField body="Salvar resultado como" type="string">
          Define o nome da variável onde o Brain Studio armazenará a resposta **JSON completa** do nó.

          <Tip>
            Útil se você quiser usar a resposta posteriormente (logs, validações, rastreabilidade ou decisões do fluxo).
          </Tip>
        </ParamField>
      </Accordion>

      <Accordion title="Tipo de pagamento (padrão: payment)" icon="credit-card">
        <ParamField body="Tipo de pagamento" type="string" default="payment">
          Define o tipo de cobrança.

          **Valores disponíveis:** `payment` (pagamento único), `subscription` (assinatura)

          <Info>
            Se nada for selecionado, `payment` será utilizado.
          </Info>
        </ParamField>
      </Accordion>

      <Accordion title="Ambiente" icon="flask">
        <ParamField body="Ambiente" type="string" required>
          Define o ambiente de execução do pagamento.

          **Valores disponíveis:** `Test`, `Production`

          <Warning>
            Deve corresponder à API Key usada para instalar o Stripe no Marketplace (Teste vs Produção).
          </Warning>
        </ParamField>
      </Accordion>

      <Accordion title="Expiração do botão de pagamento [minutos]" icon="clock">
        <ParamField body="Expiração do botão de pagamento [minutos]" type="number">
          Define por quanto tempo o botão de pagamento é válido a partir do momento em que é enviado ao usuário.

          **Valores disponíveis:** `10`, `20`, `30`, `60`
        </ParamField>
      </Accordion>

      <Accordion title="Moeda" icon="coins">
        <ParamField body="Moeda" type="string" required>
          Moeda para a cobrança.

          <Info>
            A moeda disponível depende do país e da configuração da conta Stripe conectada.
          </Info>
        </ParamField>
      </Accordion>

      <Accordion title="Motivo do pagamento" icon="file-lines">
        <ParamField body="Motivo do pagamento" type="string" required>
          Texto descritivo para a cobrança (por exemplo, número do pedido ou descrição do produto/serviço).

          <Tip>
            Idealmente use com variáveis do fluxo para que fique alinhado com o contexto da conversa.
          </Tip>
        </ParamField>
      </Accordion>

      <Accordion title="Metadados do pagamento" icon="tag">
        <ParamField body="Metadados do pagamento" type="string">
          Informações adicionais para rastreabilidade ou referência interna.

          <Info>
            Você pode usá-lo para correlação com seu pedido, reconciliação ou auditoria de pagamentos.
          </Info>
        </ParamField>
      </Accordion>

      <Accordion title="E-mail do comprador" icon="envelope">
        <ParamField body="E-mail do comprador" type="string" required>
          O e-mail do comprador. Deve ter sido coletado anteriormente no fluxo e passado aqui como variável.
        </ParamField>
      </Accordion>

      <Accordion title="Personalizar texto do botão de pagamento" icon="message">
        <ParamField body="Personalizar texto do botão de pagamento" type="boolean" default="false">
          Se você selecionar **Sim**, campos adicionais são habilitados para personalizar a mensagem que acompanha o botão de pagamento.

          **Campos habilitados quando ativado:**

          * `Cabeçalho` (obrigatório)
          * `Corpo` (obrigatório)
          * `Rodapé` (obrigatório)
        </ParamField>

        <Info>
          Quando esta opção está ativa, você pode modificar completamente a mensagem que o usuário verá antes de abrir o checkout.
        </Info>
      </Accordion>

      <Accordion title="Cabeçalho" icon="heading">
        <ParamField body="Cabeçalho" type="string">
          Título da mensagem que acompanha o botão de pagamento.
        </ParamField>
      </Accordion>

      <Accordion title="Corpo" icon="align-left">
        <ParamField body="Corpo" type="string">
          Texto principal da mensagem que acompanha o botão de pagamento.
        </ParamField>
      </Accordion>

      <Accordion title="Rodapé" icon="minus">
        <ParamField body="Rodapé" type="string">
          Texto de fechamento ou aviso legal da mensagem que acompanha o botão de pagamento.
        </ParamField>
      </Accordion>
    </AccordionGroup>
  </Tab>

  <Tab title="Saídas">
    <AccordionGroup>
      <Accordion title="Pagamento bem-sucedido" icon="circle-check">
        Ativado quando o provedor confirma que a transação foi processada com sucesso.

        Este é o ponto oficial de confirmação de pagamento dentro do fluxo.

        Exemplos de uso:

        * Emitir nota fiscal
        * Ativar assinatura
        * Liberar produto ou serviço
        * Atualizar status do pedido em sistema externo
      </Accordion>

      <Accordion title="Pagamento pendente" icon="clock">
        Ativado quando o provedor informa que a transação está em estado pendente.

        Isso pode depender do método de pagamento e de validações adicionais.

        Atualmente, monitorar a mudança de estado de pendente para aprovado requer lógica adicional (por exemplo, um webhook ou verificação de status subsequente).
      </Accordion>

      <Accordion title="Pagamento falhou" icon="circle-xmark">
        Ativado quando a transação foi rejeitada ou recusada.

        Recomendações:

        * Informar o usuário
        * Permitir nova tentativa
        * Reutilizar o mesmo nó do Stripe
      </Accordion>

      <Accordion title="Erro HTTP" icon="triangle-exclamation">
        Ativado quando ocorre um erro de comunicação com o provedor (timeout, rede ou resposta inválida).
      </Accordion>

      <Accordion title="Código de erro" icon="bug">
        Ativado quando o provedor retorna um código de erro interno durante a criação ou processamento do pagamento.
      </Accordion>

      <Accordion title="Entrega do CTA bem-sucedida" icon="paper-plane">
        Ativado quando o botão de pagamento foi enviado com sucesso na conversa.

        Indica que a mensagem com o botão foi exibida com sucesso no WhatsApp.

        Pode ser conectado a um AI Agent que auxilia o usuário enquanto ele decide concluir o pagamento.

        **Exemplo de prompt (referência):**

        ```txt theme={null}
        Act as a payment assistant.

        The user has just received a button to complete their payment.
        Do not send proactive messages.
        Only respond if the user asks a question.
        Help them understand how to complete the payment and resolve related questions.
        ```
      </Accordion>
    </AccordionGroup>
  </Tab>
</Tabs>

***

## Nativo no chat

O Stripe também pode operar com uma **[experiência nativa de pagamento com cartão dentro do chat](/pt/guias/integracoes/pagamentos/experiencias/pago-nativo)**.

<Warning>
  Esta modalidade requer habilitação especial.
  Se você quiser ativá-la, entre em contato conosco em [ayuda@jelou.ai](mailto:ayuda@jelou.ai).
</Warning>

<Card title="Pagamentos – Pagamento com cartão (documentação técnica)" href="/pt/guias/integracoes/pagamentos/experiencias/pago-nativo" icon="credit-card">
  Referência técnica para implementar a experiência nativa.
</Card>

***

## Ferramentas avançadas / MCP

Além do uso no Canvas via ferramentas nativas, o Stripe expõe um conjunto de **ferramentas avançadas** que podem ser usadas em implementações mais técnicas ou fluxos personalizados.

Essas ferramentas permitem interagir diretamente com os serviços do Stripe a partir do seu fluxo.

<Tabs>
  <Tab title="Ferramentas disponíveis">
    <AccordionGroup>
      <Accordion title="Criar Cliente" icon="user-plus">
        Cria um novo registro de cliente na sua conta Stripe.

        Os clientes podem ser associados a:

        * Métodos de pagamento
        * Assinaturas
        * Faturas

        Útil para:

        * Registrar um cliente antes de processar pagamentos
        * Implementar modelos de assinatura
        * Gerenciar histórico de pagamentos por cliente
      </Accordion>

      <Accordion title="Criar Payment Intent" icon="credit-card">
        Cria um **PaymentIntent** no Stripe.

        * O valor é enviado em centavos
          (exemplo: `15000` = \$150.00)
        * Retorna:
          * `client_secret`
          * `payment_intent_id`

        Útil para:

        * Iniciar um pagamento de um cliente
        * Integrações personalizadas
        * Controle avançado do ciclo de pagamento
      </Accordion>

      <Accordion title="Consultar status do pagamento" icon="magnifying-glass">
        Obtém o status atual de um pagamento por:

        * `PaymentIntent ID`
        * `Charge ID`

        Retorna detalhes como:

        * Status
        * Valor
        * Método de pagamento
        * URL do recibo

        Útil para:

        * Verificar se um cliente concluiu o pagamento
        * Implementar validações adicionais
        * Consultas pós-transação
      </Accordion>

      <Accordion title="Listar transações" icon="list">
        Lista transações de saldo recentes na conta Stripe:

        * Cobranças
        * Reembolsos
        * Transferências
        * Pagamentos

        Suporta:

        * Filtro por data (timestamps Unix)
        * Paginação

        Útil para:

        * Revisar atividade recente
        * Reconciliação contábil
        * Auditoria de movimentos
      </Accordion>

      <Accordion title="Processar reembolso" icon="rotate-left">
        Processa um reembolso total ou parcial de uma cobrança ou PaymentIntent.

        Opções disponíveis:

        * Valor específico (para reembolsos parciais)
        * Motivo (`duplicate`, `fraudulent`, `requested_by_customer`)

        Os reembolsos geralmente aparecem na conta do cliente em 5 a 10 dias úteis.

        Útil para:

        * Gestão pós-venda
        * Cancelamentos
        * Políticas de devolução
      </Accordion>
    </AccordionGroup>
  </Tab>
</Tabs>
