Skip to main content
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

MethodSetup TimeBackend?Best For
JavaScript SDK3 minutesOptionalFull control — React/Vue/Angular/Next.js/Nuxt/Svelte/vanilla
InContext (Iframe)< 1 minuteOptionalEmbedded experience without redirect
Redirect5 minutesYesMaximum compatibility, cross-device flows
WebView (iOS/Android)15 minutesYesMobile fallback when no native SDK is available
WordPress + WooCommerce5 minutesNo-codeWordPress sites, WooCommerce stores
Shopify5 minutesNo-codeShopify stores — checkout or account verification
Salesforce10 minutesNo-codeSalesforce 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

FeatureJavaScript SDKInContext (Iframe)Redirect
Setup time3 min< 1 min5 min
Backend requiredOptionalOptionalYes
Stays on your domainYesYesNo
Cross-device supportYesYesYes
Full programmatic controlYesLimitedCallback only
Event callbacksReal-timepostMessageCallback only
White-labelYesYesYes
Browser compatibilityAllAllAll
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