> ## 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 Mercado Pago ao seu fluxo no Canvas e configure suas entradas e saídas.

Após conectar a integração no Marketplace, o nó do **Mercado Pago** fica disponível no seu workspace para uso dentro dos seus fluxos.

Este guia mostra como adicioná-lo ao Canvas e como configurar suas entradas e saídas.

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

***

## Adicionar o nó ao Canvas

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

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

    <Frame caption="Mercado Pago disponível na barra lateral do Marketplace">
      <img src="https://mintcdn.com/jelouai/y5L6vahGrhMqbaUQ/assets/images/integraciones/pagos/mercado-pago-nodo-canvas.png?fit=max&auto=format&n=y5L6vahGrhMqbaUQ&q=85&s=525151f895b2b80de936349f1f6fb69e" alt="Mercado Pago visível na pasta Marketplace dentro da barra lateral do Brain Studio" width="766" height="522" data-path="assets/images/integraciones/pagos/mercado-pago-nodo-canvas.png" />
    </Frame>
  </Step>

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

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

    <Frame caption="Nó do Mercado Pago implantado no Canvas">
      <img src="https://mintcdn.com/jelouai/nCvuucLdA-_D8bXJ/assets/images/integraciones/pagos/mercado-pago-configuracion-nodo.png?fit=max&auto=format&n=nCvuucLdA-_D8bXJ&q=85&s=91263850a921fc15919900b63a9d0e32" alt="Nó do Mercado Pago adicionado ao Canvas mostrando suas saídas" width="2048" height="956" data-path="assets/images/integraciones/pagos/mercado-pago-configuracion-nodo.png" />
    </Frame>
  </Step>

  <Step title="Abrir 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="Save result as" 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 no fluxo).
          </Tip>
        </ParamField>
      </Accordion>

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

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

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

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

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

          <Warning>
            Deve corresponder ao Access Token conectado no Marketplace (Teste vs Produção).
          </Warning>
        </ParamField>
      </Accordion>

      <Accordion title="Expiração do botão de pagamento [minutos]" icon="clock">
        <ParamField body="Payment button expiration [minutes]" 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="Currency" type="string" required>
          Moeda para a cobrança.

          <Info>
            A moeda disponível depende do país da conta ou credenciais do Mercado Pago conectadas.
          </Info>
        </ParamField>
      </Accordion>

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

          <Tip>
            Use preferencialmente com variáveis do fluxo para que se alinhe com o contexto da conversa.
          </Tip>
        </ParamField>
      </Accordion>

      <Accordion title="Metadados do pagamento" icon="tag">
        <ParamField body="Payment metadata" 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 pagamento.
          </Info>
        </ParamField>
      </Accordion>

      <Accordion title="Email do comprador" icon="envelope">
        <ParamField body="Buyer email" type="string" required>
          O email 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="Customize payment button text" 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:**

          * `Header` (obrigatório)
          * `Body` (obrigatório)
          * `Footer` (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>

        <Frame caption="Exemplo de mensagem com botão de pagamento personalizado no WhatsApp">
          <img src="https://mintcdn.com/jelouai/nCvuucLdA-_D8bXJ/assets/images/integraciones/pagos/mercado-pago-boton-ejemplo.png?fit=max&auto=format&n=nCvuucLdA-_D8bXJ&q=85&s=adc316c21bd770d28a50e948abff86ef" alt="Exemplo de mensagem com textos personalizados e botão de pagamento do Mercado Pago no WhatsApp" className="max-w-sm mx-auto" width="1033" height="498" data-path="assets/images/integraciones/pagos/mercado-pago-boton-ejemplo.png" />
        </Frame>
      </Accordion>

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

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

      <Accordion title="Footer" icon="minus">
        <ParamField body="Footer" 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 de confirmação oficial do pagamento dentro do fluxo.

        Exemplos de uso:

        * Emitir fatura
        * 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 (transferências, validações adicionais, etc.).

        Atualmente, monitorar a mudança de estado de pendente para aprovado requer lógica adicional (por exemplo, um webhook ou verificação de status posterior).
      </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 Mercado Pago
      </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 de 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 Agente de IA 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>
