Skip to main content

Getting Started

Installation Options​

You can integrate the Web Low-Code SDK into your application using one of the following methods:

Load the SDK dynamically using a script with the id (Integration Id) parameter. The SDK will automatically render the configured flow inside a specified container.

<html>
  <script type="module" src="https://cdn.idv-suite.com/sdk-web/latest/sdk-loader.js?id=YOUR_INTEGRATION_ID"></script>

  <body>
    <div>
      <div id="sdk-container"></div>
    </div>
  </body>
</html>
  • Replace YOUR_INTEGRATION_ID with the integrationId provided by Facephi.
  • The SDK will render automatically inside the #sdk-container div.

2. Using NPM/Yarn (For framework-based apps)​

Install the SDK:

npm install @facephi/idv-sdk-loader

Install the SDK:

npm install @facephi/idv-sdk-loader

Then, in your application code (e.g., in a script, component, or framework setup), import and call the loadSdk method:

import { loadSdk } from '@facephi/idv-sdk-loader';

const integrationId = 'YOUR_INTEGRATION_ID';
const containerId = 'sdk-container';

loadSdk({ integrationId, containerId });

Make sure your HTML includes the target container:

<div id="sdk-container"></div>

This method is ideal when integrating the SDK into SPAs or frontend frameworks like React, Vue, or Angular.

Environment Requirements​

  • HTTPS environment
  • Modern browser with ES Modules support
  • If using NPM, make sure the SDK is built or served properly by your bundler