White-Label Identity Verification SDK: Full Customization

In today’s competitive landscape, a consistent brand experience is crucial. Extending that consistency to identity verification is paramount. A disjointed verification flow can erode user trust and negatively impact conversion rates. This post dives deep into how to fully white-label Didit’s identity verification SDK, offering complete UI customization, brand integration, and workflow control. We’ll cover everything from CSS overrides to API considerations, empowering you to deliver a verification experience that feels native to your platform.

Key Takeaway 1 Complete UI control is possible through CSS overrides and custom branding options within the Didit Console.

Key Takeaway 2 API integration allows for headless verification flows, enabling total frontend ownership and maximum customization flexibility.

Key Takeaway 3 White-labeling isn’t just about aesthetics; it’s about building trust and improving conversion rates by creating a fluid user experience.

Key Takeaway 4 Didit provides multiple SDKs (Web, iOS, Android, Flutter, React Native) to support your preferred development stack.

Understanding White-Labeling Options

Didit offers several tiers of white-labeling, ranging from simple branding adjustments to complete UI overhauls. The approach you choose depends on your technical resources and desired level of control. Here’s a breakdown:

• Basic Branding: Adjust colors, logos, and typography via the Didit Console. This is the quickest and easiest option, requiring no code changes.
• CSS Overrides: Inject custom CSS to modify the appearance of the verification flow. This provides a significant degree of control without requiring a complete rewrite of the UI.
• Hosted Pages with Custom Domain: Host the verification flow on your own domain for a seamless user experience.
• Headless Integration with API: Leverage Didit’s APIs to build a completely custom frontend. This gives you full control over every aspect of the verification process.

Deep Dive: UI Customization with CSS Overrides

CSS overrides are a powerful way to customize the look and feel of Didit’s verification flow. The SDK injects specific CSS classes that you can target with your own styles. Here’s an example:

/* Example CSS Override */
.didit-verification-container {
  background-color: #f0f0f0; /* Change background color */
  font-family: 'Your Custom Font', sans-serif; /* Change font */
}

.didit-button {
  background-color: #2567FF; /* Didit Blue */
  color: white; /* Text color */
  border: none; /* Remove border */
  border-radius: 5px; /* Rounded corners */
}

Important Considerations:

• Specificity: Ensure your CSS rules have sufficient specificity to override the default styles. Use more specific selectors or the !important declaration (use cautiously).
• Testing: Thoroughly test your CSS overrides across different browsers and devices.
• Updates: Be aware that updates to the Didit SDK may introduce new CSS classes or change existing ones. Regularly review and update your overrides.

Headless Integration: Full Control with the API

For maximum flexibility, consider a headless integration using Didit’s RESTful APIs. This approach allows you to build a completely custom frontend, giving you complete control over the user experience. You’ll handle the UI rendering, data collection, and communication with the Didit API. The API provides endpoints for each verification module (ID Verification, Liveness, AML, etc.).

Benefits of Headless Integration:

• Complete UI Control: Design a verification flow that perfectly matches your brand and user interface.
• Flexibility: Integrate verification into any platform or application.
• Advanced Customization: Implement custom logic and workflows.

API Considerations:

• Authentication: Use OAuth/OIDC for secure API access.
• Error Handling: Implement robust error handling to gracefully handle API errors.
• Data Security: Follow best practices for data security and privacy.

Brand Integration Best Practices

Beyond UI customization, consider these brand integration best practices:

• Consistent Messaging: Use consistent language and tone throughout the verification flow.
• Custom Error Messages: Replace generic error messages with branded messages that provide clear guidance to the user.
• Privacy Policy: Clearly link to your privacy policy to build trust and transparency.
• Data Residency: Leverage Didit’s EU-based infrastructure to meet data residency requirements.

How Didit Helps

Didit simplifies the white-labeling process with:

• Multiple SDKs: Web, iOS, Android, Flutter, and React Native SDKs support a wide range of platforms.
• Comprehensive Documentation: Detailed documentation and code samples make integration easy.
• Dedicated Support: Our support team is available to assist with any questions or issues.
• Flexible Pricing: Pay-as-you-go pricing with no long-term contracts.

Ready to Get Started?

Start building a seamless, branded identity verification experience today! Explore our technical documentation, schedule a demo, or contact our sales team to learn more.