Web SDKs

Integrate Didit verification into your web application. We offer seven integration methods to fit your architecture and user experience requirements — pick the one that matches your stack.

Choose your integration method: From quick no-code iframes to full programmatic control with our JavaScript SDK, or drop-in plugins for WordPress, Shopify, and Salesforce.

Integration Methods

Method	Setup Time	Backend?	Best For
JavaScript SDK	3 minutes	Optional	Full control — React/Vue/Angular/Next.js/Nuxt/Svelte/vanilla
InContext (Iframe)	< 1 minute	Optional	Embedded experience without redirect
Redirect	5 minutes	Yes	Maximum compatibility, cross-device flows
WebView (iOS/Android)	15 minutes	Yes	Mobile fallback when no native SDK is available
WordPress + WooCommerce	5 minutes	No-code	WordPress sites, WooCommerce stores
Shopify	5 minutes	No-code	Shopify stores — checkout or account verification
Salesforce	10 minutes	No-code	Salesforce CRM — Contact/Lead record verification

Recommendation: For production web apps, use the JavaScript SDK for the best UX and full programmatic control. Use InContext iframe for the quickest setup, Redirect when cross-device verification is needed, and the dedicated WordPress / Shopify / Salesforce integrations if you live on those platforms.

JavaScript SDK

The Didit JavaScript SDK provides a programmatic way to integrate verification with full control over the user experience. Key Features:

Session management and event callbacks
React, Vue, Angular, NextJS, Nuxt, Svelte and vanilla JS support
Full TypeScript support
Modal & inline modes

Quick Start:

import { DiditSdk } from '@didit-protocol/sdk-web';

DiditSdk.shared.onComplete = (result) => {
  switch (result.type) {
    case 'completed':
      console.log('Verification completed!');
      console.log('Session ID:', result.session?.sessionId);
      console.log('Status:', result.session?.status);
      break;
    case 'cancelled':
      console.log('User cancelled verification');
      break;
    case 'failed':
      console.error('Verification failed:', result.error?.message);
      break;
  }
};

// Start verification with the `url` returned by POST /v3/session/ (or your UniLink)
DiditSdk.shared.startVerification({
  url: 'https://verify.didit.me/session/3FaJ9wLqX2Mz'
});

→ Full JavaScript SDK Documentation

InContext (Iframe)

Embed the verification flow directly within your application using an iframe. Seamless experience without redirecting users away from your site. Key Features:

UniLink (no backend required) - setup in < 1 minute
API Session (with backend) - full customization
Modal and inline implementations
React component examples

Quick Start:

<iframe 
  src="https://verify.didit.me/u/YOUR_WORKFLOW_ID_BASE64"
  style="width: 100%; height: 700px; border: none;" 
  allow="camera; microphone; fullscreen; autoplay; encrypted-media"
></iframe>

→ Full InContext Documentation

Redirect

Redirect users to the Didit-hosted verification page. After completion, users return to your callback URL. Key Features:

Maximum browser compatibility
Cross-device verification support
Simple integration
Works when iframe camera access is problematic

Quick Start:

// After creating a session via your backend
window.location.href = verificationUrl;

→ Full Redirect Documentation

Comparison

Feature	JavaScript SDK	InContext (Iframe)	Redirect
Setup time	3 min	< 1 min	5 min
Backend required	Optional	Optional	Yes
Stays on your domain	Yes	Yes	No
Cross-device support	Yes	Yes	Yes
Full programmatic control	Yes	Limited	Callback only
Event callbacks	Real-time	`postMessage`	Callback only
White-label	Yes	Yes	Yes
Browser compatibility	All	All	All

All three methods deliver final, signed results via webhooks — the comparison above describes the in-browser UX, not how you receive the verification decision.

Configuration

Required Iframe Permissions

For InContext iframe integrations, always include these permissions:

allow="camera; microphone; fullscreen; autoplay; encrypted-media"

Example Repositories

SDK Web Examples

React, Vue, Angular, Next.js, Nuxt, Svelte, and vanilla JS examples

Iframe Example

UniLink and API-session iframe examples

Full Next.js Demo

End-to-end Next.js integration

NPM Package

@didit-protocol/sdk-web on npm

Webhooks — receive signed verification results on your backend
Create Session API — the endpoint behind every web SDK
Native SDKs — iOS, Android, React Native, Flutter

Guides

Model Context Protocol (MCP)

Native SDKs

Integrations

Web SDKs

Integration Methods

JavaScript SDK

InContext (Iframe)

Redirect

Comparison

Configuration

Required Iframe Permissions

Example Repositories

SDK Web Examples

Iframe Example

Full Next.js Demo

NPM Package

​Integration Methods

​JavaScript SDK

​InContext (Iframe)

​Redirect

​Comparison

​Configuration

​Required Iframe Permissions

​Example Repositories

SDK Web Examples

Iframe Example

Full Next.js Demo

NPM Package

​Related

Integration Methods

JavaScript SDK

InContext (Iframe)

Redirect

Comparison

Configuration

Required Iframe Permissions

Example Repositories

Related