Skip to main content

KYB - iFrame

To use KYB UI in iFrame, all you have to do is add generated KYB verification link to HTML iFrame element. If you want to have additional handling we also post statuses success or failed.

<!DOCTYPE html>
<html>
  <body>
    <!-- 
    Recommended styles for optimal UX: 
    Desktop: Width: ~670px, Height: ~800px 
    Mobile: Width: 100%, Height: 100% (avoid fixed pixels)
  -->
    <iframe
      id="iframe"
      allowfullscreen
      style="width: 670px; height: 800px; border: none;"
      src="https://kyb.ui.idenfy.com/welcome?authToken=BUSINESS_VERIFICATION_TOKEN"
      allow="camera">
    </iframe>

    <script>
      window.addEventListener('message', receiveMessage, false);

      function receiveMessage(event) {
        // 1. Check if the event contains your verification data
        const data = event.data;
        console.log('Verification Status:', data);

        // 2. Logic to detect success/completion
        // Example: If the automated check is approved or manual review is waiting
        if (data.status === 'success') {
          // 3. UX Best Practice:
          // Hide the iframe and refresh the parent app to show new status
          document.getElementById('iframe').style.display = 'none';
          location.reload();
        }
      }
    </script>
  </body>
</html>