Como criar componente(s) na integração com cartão utilizando o EduCONNECT Pay?

💡Introdução

Com os campos e o pop-up criados, chegou a hora de criar os componentes. 

Os componentes personalizados, como assim chamados, são a unificação dos componentes nativos da aplicação em único lugar, para melhor manutenção. 

Veja como fazer isso na prática: 

👊 Como fazer isso na prática

Acesse a aba Configurações > Componentes > Novo componente > Botão.

Geral

Nessa aba, colocamos o nome do componente, neste exemplo ficou: Realizar pagamento com PIX da matrícula, mas se for utilizar para inscrição pode utilizar por exemplo, Realizar pagamento com PIX da inscrição.

Básico

Nessa aba, configuramos o Título do botão (label) que será utilizado no botão.

Ações

Nessa aba, configuramos as ações que o botão terá que realizar. Posteriormente, clique em Salvar dados e adicione a ação Integrações.

Integração

Dentro desta ação, vamos escrever uma descrição para melhor organização e uma mensagem de erro, em caso de erro na ação. Após isso, adicionamos a ação de TOTVS Pagamento Instantâneo.

TOTVS Pagamento Instantâneo

Configuramos a descrição para a ação. Posteriormente, adicionamos a URL do novo portal do aluno, que tem o /FrameHTML/ e clicamos em validar.

Aqui, vinculamos os campos que receberão a Base64 do pix e o campo do PIX que tem a opção de copiar.

Daqui para baixo, adicionamos os campos conforme imagens a seguir:

Encaminhar usuário

Aqui, configuramos a ação de encaminhamento do usuário. Nela, configuramos a ação de abrir o pop-up que criamos anteriormente que mostrará o QRCode e a chave no input do PIX. Com isso, habilitamos a ação e clicamos no lápis para editar. ✏️

Clicamos em adicionar para inserir a ação de encaminhamento:

Selecionamos a ação de Abrir pop-up:

A seguir, clique no pop-up específico para a ação, caso seja para taxa de inscrição, selecione o criado para inscrição, se for para a taxa de matrícula, selecione o criado para matrícula.

Lógica

Nessa aba, configuramos a lógica no botão para o mesmo ser mostrado na tela. Nesse caso, configuramos a ação para Mostrar este elemento com a condição.

Se todas as regras corresponderem (condição “E” da tabela verdade), adicionamos a regra lógica e procuramos pelo campo Meio de pagamento da matrícula, caso seja de inscrição é Meio de pagamento da inscrição, com a regra É igual ao valor “P”, esse valor é determinado no campo do sistema Meio de pagamento na aba Dados do mesmo.

❓Ficou com alguma dúvida?

Confira mais conteúdos sobre a Integração com cartão e pix utilizando o EduCONNECT Pay, clicando AQUI.

Se precisar, entre em contato com o nosso time de atendimento!

✅ Este artigo te ajudou?

Se este conteúdo foi útil para a sua demanda, nos avise! Ficaremos felizes em saber.