> ## 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 nó do Conekta ao seu fluxo no Canvas, configure seus inputs e teste pagamentos em ambiente de teste.

Depois de conectada a integração, o nó do **Conekta** fica disponível no Canvas e permite criar experiências de cobrança com **WebView incorporado** dentro do fluxo conversacional.

<Tip>
  Se você ainda não instalou a integração, siga primeiro [Conectar no Brain Studio](/pt/guias/integracoes/pagamentos/provedores/conekta/conectar-no-brain-studio).
</Tip>

***

## Adicionar o nó ao Canvas

<Steps>
  <Step title="Abrir seu fluxo no Canvas">
    Abra no Brain Studio o fluxo onde deseja incorporar a cobrança com Conekta.
  </Step>

  <Step title="Adicionar o nó Conekta">
    Adicione **Conekta** na barra de ferramentas do **Canvas**, no nó **Pagamentos**, ou a partir dos provedores de pagamento disponíveis depois que a integração estiver instalada.

    O ponto exato pode variar conforme você iniciou a instalação pelo Marketplace, Jelou Agent, nó Pagamentos no Canvas ou um template.
  </Step>

  <Step title="Conectar o nó ao ponto de cobrança">
    Conecte o nó do Conekta depois que o fluxo já tiver o valor e a confirmação de compra.
  </Step>

  <Step title="Abrir o painel de configuração">
    Selecione o nó para abrir o painel lateral direito e completar os **inputs** e revisar as **saídas** disponíveis.

    <Frame caption="Nó Conekta no Canvas com o painel lateral aberto em Dados do pagamento">
      <img src="https://mintcdn.com/jelouai/BJIoathnR7ANCT6N/assets/images/integraciones/pagos/conekta-nodo-sidebar-configuracion.png?fit=max&auto=format&n=BJIoathnR7ANCT6N&q=85&s=f381e8e3d5d359ca5730454b91d10c0e" alt="Nó Conekta no Canvas com saídas de pagamento e painel lateral na aba Dados do pagamento com Personalização desativada" width="1024" height="682" data-path="assets/images/integraciones/pagos/conekta-nodo-sidebar-configuracion.png" />
    </Frame>
  </Step>
</Steps>

***

## Configurar o nó

<Tabs>
  <Tab title="Inputs">
    ### Dados do pagamento

    <AccordionGroup>
      <Accordion title="Personalização" icon="message">
        <ParamField body="Personalização" type="boolean" default="false">
          Ative para definir as mensagens que acompanham o botão de pagamento na conversação.

          Se estiver desativada, o Brain Studio usa os textos padrão da mensagem de cobrança.
        </ParamField>
      </Accordion>

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

          Exibido quando **Personalização** está ativa. Aparece na visualização prévia da mensagem.
        </ParamField>
      </Accordion>

      <Accordion title="Conteúdo" icon="align-left">
        <ParamField body="Conteúdo" type="string">
          Texto principal da mensagem do botão de pagamento.

          Exibido quando **Personalização** está ativa. Aparece na visualização prévia da mensagem.
        </ParamField>
      </Accordion>

      <Accordion title="Rodapé" icon="minus">
        <ParamField body="Rodapé" type="string">
          Texto de encerramento da mensagem do botão de pagamento.

          Exibido quando **Personalização** está ativa. Aparece na visualização prévia da mensagem.
        </ParamField>
      </Accordion>

      <Accordion title="Motivo do pagamento" icon="file-lines">
        <ParamField body="Motivo do pagamento" type="string" required>
          Texto descritivo da cobrança. Exemplos: número do pedido, produto, serviço ou referência interna.

          Você pode mapeá-lo a partir de variáveis do fluxo, por exemplo `{{$memory.paymentBreakdown.summary}}`.
        </ParamField>
      </Accordion>

      <Accordion title="Valor sujeito a impostos" icon="receipt">
        <ParamField body="Valor sujeito a impostos" type="number" required>
          Valor sobre o qual se aplica IVA. Apenas números.

          Você pode mapeá-lo a partir de variáveis do fluxo.
        </ParamField>
      </Accordion>

      <Accordion title="Valor isento de impostos" icon="dollar-sign">
        <ParamField body="Valor isento de impostos" type="number" required>
          Valor isento de impostos. Se não se aplicar, use `0`. Apenas números.

          Você pode mapeá-lo a partir de variáveis do fluxo.
        </ParamField>
      </Accordion>
    </AccordionGroup>

    <Frame caption="Dados do pagamento com personalização do botão ativa">
      <img src="https://mintcdn.com/jelouai/BJIoathnR7ANCT6N/assets/images/integraciones/pagos/conekta-nodo-datos-del-pago.png?fit=max&auto=format&n=BJIoathnR7ANCT6N&q=85&s=398352cf3e29add002f02ad435af48c6" alt="Painel lateral do nó Conekta na aba Dados do pagamento com Personalização ativa, campos Cabeçalho, Conteúdo, Rodapé, visualização prévia da mensagem e valores da cobrança" width="516" height="1024" data-path="assets/images/integraciones/pagos/conekta-nodo-datos-del-pago.png" />
    </Frame>

    <Note>
      Com **Personalização** desativada, o painel mostra diretamente os campos da cobrança. O nó no Canvas expõe as saídas **Pagamento bem-sucedido**, **Pagamento pendente**, **Mensagem de pagamento enviada**, **Pagamento falhou** e **Erro**.
    </Note>

    ### Avançado

    <AccordionGroup>
      <Accordion title="Ambiente" icon="server">
        O bloco **Ambiente** mostra se o Conekta opera em **Desenvolvimento** ou **Produção**.

        Se a integração estiver em **Desenvolvimento**, a partir daí você pode iniciar o fluxo **Passar para produção**.

        Se a integração estiver em **Produção**, o bloco reflete que o Conekta já opera com credenciais produtivas.

        <Warning>
          O ambiente depende das credenciais instaladas. Não passe para produção sem preparar credenciais produtivas.
        </Warning>
      </Accordion>

      <Accordion title="Experiência de pagamento" icon="window">
        <ParamField body="Experiência de pagamento" type="string" default="WebView">
          Indica que o checkout do Conekta abre como **WebView incorporado** dentro da experiência conversacional.
        </ParamField>
      </Accordion>

      <Accordion title="Expiração do botão de pagamento" icon="clock">
        <ParamField body="Expiração do botão de pagamento" type="number">
          Define por quanto tempo o botão de pagamento permanece válido após ser enviado.

          Os valores disponíveis dependem da configuração visível no Brain Studio.
        </ParamField>
      </Accordion>

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

          Para Conekta México, normalmente você usará `MXN`.
        </ParamField>
      </Accordion>

      <Accordion title="Percentual de IVA" icon="percent">
        <ParamField body="Percentual de IVA" type="number">
          Define o percentual de IVA aplicado à operação de cobrança.
        </ParamField>
      </Accordion>

      <Accordion title="Metadados do pagamento" icon="tag">
        <ParamField body="Metadados do pagamento" type="string">
          Campo opcional para guardar referência interna como ID do pedido, correlativo, user ID ou booking ID.
        </ParamField>
      </Accordion>

      <Accordion title="Salvar resposta" icon="database">
        <ParamField body="Salvar resposta" type="string">
          Define o nome da variável de memória onde o Brain Studio armazenará a resposta do nó.

          A resposta ficará disponível em nós posteriores do fluxo, por exemplo `{{$memory.paymentResponse}}`.
        </ParamField>

        <Tip>
          Útil para rastreabilidade, validações posteriores ou decisões do fluxo.
        </Tip>
      </Accordion>
    </AccordionGroup>

    <Frame caption="Aba Avançado do nó Conekta">
      <img src="https://mintcdn.com/jelouai/BJIoathnR7ANCT6N/assets/images/integraciones/pagos/conekta-nodo-avanzado.png?fit=max&auto=format&n=BJIoathnR7ANCT6N&q=85&s=0d7fa9937073a41570743a53ed59abef" alt="Painel lateral do nó Conekta mostrando a aba Avançado com expiração do botão, moeda MXN, IVA, metadados e salvar resposta" width="516" height="1024" data-path="assets/images/integraciones/pagos/conekta-nodo-avanzado.png" />
    </Frame>
  </Tab>

  <Tab title="Saídas">
    <AccordionGroup>
      <Accordion title="Pagamento bem-sucedido" icon="circle-check">
        Ativa quando o Conekta confirma que a transação foi aprovada.

        **Recomendações:**

        * confirmar o pedido
        * emitir comprovante ou atualizar status em sistemas externos
      </Accordion>

      <Accordion title="Pagamento pendente" icon="clock">
        Ativa quando a transação fica em processo ou requer confirmação posterior.

        **Recomendações:**

        * informar o usuário com clareza
        * evitar criar uma segunda cobrança enquanto o status é resolvido
        * aguardar atualização por evento quando corresponder
      </Accordion>

      <Accordion title="Mensagem de pagamento enviada" icon="paper-plane">
        Ativa quando a mensagem com o botão de pagamento é enviada corretamente na conversação.

        Esta saída **não** confirma o pagamento. Indica apenas que a mensagem com o botão de pagamento foi enviada corretamente na conversação.

        Você pode conectar esta saída a um **AI Agent de suporte pós-envio da mensagem de pagamento** para assistir o usuário enquanto decide abrir o checkout ou se tiver dúvidas antes de pagar.

        **Recomendações:**

        * resolver dúvidas sobre como abrir o botão de pagamento
        * ajudar se o WebView não carregar ou se o usuário não entender a etapa
        * evitar criar uma nova cobrança sem contexto
        * não confirmar pagamentos a partir desta saída

        **Exemplo de prompt (referencial):**

        ```txt theme={null}
        INTERRUPÇÃO IMEDIATA:
        - Se a última mensagem do usuário contiver a estrutura de um recibo de pagamento (inclui elementos como "Pago aprobado", "N° de operación", "Pagamento aprovado", "Operação", o símbolo ✅ seguido de dados de transação, separadores ━━━, ou padrões como "Monto:", "Valor:", "Medio de pago:", "Método:"), NÃO responda absolutamente nada. Execute end_function imediatamente com status "payment_completed".


        Você é "Suporte de Pagamento", um assistente de ajuda para concluir pagamentos de teste dentro do WhatsApp. Contexto: o usuário acabou de receber um botão (CTA) para realizar um pagamento de teste junto com os dados de um cartão fictício. Seu papel NÃO é vender nem recalcular valores: apenas ajudar a concluir o pagamento ou resolver problemas do botão.


        COMPORTAMENTO-CHAVE

        - Este agente pode ser executado sem que o usuário tenha escrito nada.
        - Se NÃO houver uma pergunta ou problema explícito do usuário na última mensagem, envie SOMENTE esta mensagem proativa (uma única vez) e depois fique em modo reativo: "Se tiver qualquer dúvida com seu pagamento, escreva aqui que eu te ajudo."
        - Se o usuário ESCREVER (pergunta/problema), responda direto, breve e claro.
        - Não reinicie o processo. Não recalcule valores. Não gere novos links. Não invente informações.
        - Máximo 1 emoji por mensagem.

        O QUE VOCÊ SUPORTA
        - Como pagar a partir do botão.
        - O botão não abre / erro ao carregar.
        - Dúvidas sobre os dados do cartão de teste.
        - Pagamento pendente ou recusado.
        - Problemas com o formulário de pagamento.

        Se o usuário relatar um problema:
        1) Peça uma descrição curta.
        2) Se ajudar, peça captura de tela (pode enviar imagens).
        3) Sugira tentar novamente ou indique que a consulta pode ser escalada.

        CONTEXTO DO DEMO
        - Os dados do cartão que o usuário recebeu são fictícios e seguros, não geram cobranças reais.
        - O formulário de pagamento abre a partir do botão CTA que ele já recebeu.
        - Este é um ambiente de teste para demonstrar como funcionam os pagamentos no Brain Studio.

        ENCERRAMENTO / FIM DA TAREFA
        Se o usuário disser que já pagou e não precisa de mais ajuda (ex.: "listo", "gracias", "ya pagué", "era eso", "todo bien"), responda curto e encerre:
          Espanhol: "Perfecto. Si necesitas algo más, aquí estaré."
          Português: "Perfeito. Se precisar de algo mais, estarei por aqui."
        Depois execute end_function com status "completed".

        ## TERMINAÇÃO

        Execute end_function nestes casos:
        - WHEN: A mensagem contém estrutura de recibo de pagamento (✅, ━━━, "Pago aprobado", "Pagamento aprovado", "N° de operación", "Operação") → status: "payment_completed", message: "" (vazio, não responda nada)
        - WHEN: O usuário indica que terminou ou não precisa de mais ajuda → status: "completed", message: "<mensagem de despedida>"

        ## Regras Operacionais

        - Sempre execute end_function com este formato:
          {
            "output_schema": "{\"status\": \"payment_completed|completed\", \"message\": \"...\"}"
          }
        - Para payment_completed: message DEVE ser string vazia "". Não gere nenhum texto de resposta antes de executar end_function.
        ```
      </Accordion>

      <Accordion title="Pagamento falhou" icon="circle-xmark">
        Ativa quando a transação foi rejeitada, recusada, negada ou não é concluída.

        **Recomendações:**

        * permitir nova tentativa controlada
        * oferecer suporte ou um caminho alternativo
      </Accordion>

      <Accordion title="Erro" icon="triangle-exclamation">
        Ativa diante de erros técnicos, erros do provedor ou falhas de comunicação durante a criação ou o processamento do pagamento.

        **Recomendações:**

        * registrar o erro
        * mostrar mensagem de contingência
        * tentar novamente de forma controlada e escalar se persistir
      </Accordion>
    </AccordionGroup>
  </Tab>
</Tabs>

***

## Testar pagamentos em ambiente de teste

Se o Conekta estiver conectado com credenciais de **teste**, você pode testar o checkout com os dados de teste publicados pelo Conekta.

<Note>
  Em ambiente de teste, o pagamento é fictício e não move dinheiro real.
</Note>

<Steps>
  <Step title="Confirmar credenciais de teste">
    Verifique se o Conekta está instalado com credenciais do ambiente de teste.
  </Step>

  <Step title="Configurar o nó em ambiente de teste">
    Na aba **Avançado**, verifique se o ambiente corresponde a desenvolvimento/teste.
  </Step>

  <Step title="Testar a partir do WhatsApp">
    Dispare o fluxo a partir do WhatsApp, abra o checkout WebView do Conekta e selecione um método de pagamento de teste.
  </Step>

  <Step title="Validar a saída do fluxo">
    Verifique por qual saída o fluxo continua:

    * **Pagamento bem-sucedido**
    * **Pagamento pendente**
    * **Pagamento falhou**
    * **Erro**
  </Step>
</Steps>

***

## Passar para produção

Se você instalou o Conekta com credenciais de **desenvolvimento/teste**, pode iniciar a passagem para produção na aba **Avançado** do nó Conekta no **Canvas** ou na página do **Conekta** no **Marketplace**.

Em ambos os casos abre-se o mesmo modal para inserir credenciais produtivas e confirmar a configuração correspondente.

Antes de operar com pagamentos reais:

* Certifique-se de ter credenciais de **produção** completas: chave pública e chave privada.
* Use o fluxo **Passar para produção** descrito em [Conectar no Brain Studio](/pt/guias/integracoes/pagamentos/provedores/conekta/conectar-no-brain-studio).
* Substitua no nó qualquer dado de teste por dados reais do fluxo.
* Execute um teste real de baixo valor antes de escalar.

***

## Considerações importantes

<AccordionGroup>
  <Accordion title="O ambiente depende da instalação">
    Se instalou o Conekta com credenciais de teste, teste com dados de teste. Se instalou com credenciais de produção, use dados reais.
  </Accordion>

  <Accordion title="Evite pagamentos duplicados">
    Em cenários pendentes ou falhos, informe com clareza antes de iniciar outra tentativa de cobrança. Mantenha novas tentativas controladas.
  </Accordion>

  <Accordion title="Dados de teste não servem em produção">
    Cartões e métodos de teste aplicam-se apenas em ambiente de teste. Em produção o usuário deve usar dados reais.
  </Accordion>
</AccordionGroup>

***

## Próximo passo

<Card title="Cobertura e preços" href="/pt/guias/integracoes/pagamentos/provedores/conekta/cobertura-e-precos" icon="globe">
  Revise disponibilidade, moeda, métodos de pagamento e considerações comerciais do Conekta.
</Card>
