> For the complete documentation index, see [llms.txt](https://docs.facephi.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.facephi.com/docs.facephi-en/products/landing/ejemplos-de-integracion.md).

# Integration examples

### Integration *Low Code* via Client SDK

Simple implementation that will load the related Landing SDK in the apiKey with the configuration provided in the method `callLanding`.

Once the Flow is concluded, it will send the data to the address `calbackPath` indicated, and it will be enough to continue or direct the customer's business logic from there.

```jsx
const landingSDK = new LandingSDKClient('YOUR_APIKEY', {
  uniqueUrl: true
});

landingSDK.callLanding({
  customerId: 'customer-id@example.com',
  documentNumber: '1234567A',
  callbackPath: 'https://url-callback-example.com/api/onboarding'
});
```

***

### Integration *No Code* from Landing SDK through a direct URL.

The Facephi team will provide an address with the Landing SDK already operational and preconfigured, which will automatically lead to the address the user previously specified.

```jsx
<button type="button" onclick="goToLanding()">Register</button>

<script>
// Custom method to navigate to SDK Landing
function goToLanding() {
    navigate('https://facephi-landing-url.com');
}
</script>
```

***

### Integration through embedded form

The Landing SDK will be called from a form in which the data to be sent will be entered.

```jsx
<!DOCTYPE html>
<html>
<head>
  <title>Landing SDK integration</title>
</head>
<body>
  <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>
</body>
</html>
```

***

### Landing SDK through request to Rest API

The request for the Landing SDK page will be made from a backend request.

```javascript
const fetch = require('node-fetch');

const apiUrl = 'https://landing.identity-platform.io/api/landing';
const apiKey = 'YOUR_API_KEY';

const postData = {
    uniqueUrl: true,
    customerId: 'example',
    documentNumber: '1111111111S',
    time: '30'
};

fetch(apiUrl, {
    method: 'POST',
    headers: {
        'Content-Type': 'application/json',
        'x-api-key': apiKey
    },
    body: JSON.stringify(postData)
})
.then(response => {
    if (response.ok) {
        return response.json();
    } else {
        throw new Error('Error');
    }
})
.then(data => {
    console.log('Response:', data);
})
.catch(error => {
    console.error('Error:', error);
});
```

***
