Formulário embutido

integração do Landing SDK por meio de um formulário embutido.

Método sem informações extras (formulário)

Se você precisar que nossa passarela processe informações extras de seus clientes ou receba informações que só você gerencia, você deve usar o método POST. É muito simples chamar nossa página de destino por meio de uma chamada POST, inserindo no corpo os seguintes campos:

CAMPO	DESCRIÇÃO
apiKey	Este é o parâmetro com o qual processamos a segurança de entrada da passarela e o tratamento de dados dentro da passarela. Este parâmetro será fornecido por nós.
customerId	Este identificador permitirá associar a operação biométrica gerada em nossos processos ao seu cliente; pode ser seu e-mail ou um identificador que você tenha de seus usuários.
documentNumber	Este parâmetro é opcional; você pode enviar o número de identificação do seu cliente, se tiver, para que possamos compará-lo com os dados biométricos obtidos pelo nosso processo.
callbackPath	Define os parâmetros que serão adicionados à chamada da URL de Callback que executaremos para enviar os dados capturados pelo processo biométrico.

Observação: Em caso de utilizar um iframe é necessário manter o foco dentro do contêiner que integra os componentes do formulário.

// Ejemplo: Activar foco en el componente iframe de manera programática
const iframe = document.getElementById('my-iframe');
iframe.addEventListener('load', () => {
    iframe.focus();
});

É assim que esses parâmetros são enviados e nossa passarela é chamada em HTML:

Exemplo em HTML

<form action="https://url-example-landing" method="POST">
    <label for="apiKey">Clave API:</label>
    <input type="text" name="apiKey" id="apiKey"><br>
    
    <label for="customerId">ID de Cliente:</label>
    <input type="text" name="customerId" id="customerId"><br>
    
    <label for="documentNumber">Número de Documento:</label>
    <input type="text" name="documentNumber" id="documentNumber"><br>
    
    <label for="callback Path">Ruta de Callback:</label>
    <input type="text" name="callbackPath" id="callbackUrl"><br>
    
    <input type="submit" value="Enviar">
</form>