Кастомизация внешнего вида верификации личности

В современной конкурентной среде первостепенное значение имеет бесшовный и брендированный пользовательский опыт. Когда дело доходит до верификации личности, типовые интерфейсы могут нарушить процесс и подорвать доверие. Didit предоставляет мощный SDK для верификации личности с широкими возможностями настройки, позволяя вам полностью адаптировать процесс верификации под фирменный стиль вашей компании. В этой статье мы рассмотрим различные методы для достижения полного контроля над UI, от базовой кастомизации CSS до создания полностью индивидуального опыта.

Ключевой вывод 1: Didit предлагает широкий спектр возможностей настройки, от простых CSS-переопределений до подхода с рендерингом на стороне сервера для максимального контроля над UI.

Ключевой вывод 2: Правильная реализация белого брендинга повышает доверие пользователей и обеспечивает единый стиль бренда на протяжении всего процесса верификации.

Ключевой вывод 3: API Didit разработан для поддержки как готовых UI-компонентов, так и полностью пользовательских фронтендов.

Ключевой вывод 4: Расширенная кастомизация CSS позволяет добиться детального контроля над внешним видом SDK без изменения основного кода.

Понимание возможностей белого брендинга

Didit признает, что у каждого бренда есть уникальные требования. Мы предлагаем несколько подходов к настройке UI:

• Кастомизация CSS (Базовая): Самый простой метод, позволяющий переопределить стили по умолчанию с помощью пользовательского CSS. Это идеально подходит для небольших изменений в брендинге, таких как цвета, шрифты и стили кнопок.
• Кастомизация размещенной страницы (Средний уровень): Изменение размещенной страницы верификации с помощью ограниченных возможностей стилизации, доступных в консоли Didit.
• Интеграция SDK с пользовательским UI (Продвинутый уровень): Полный контроль. Интегрируйте SDK Didit в ваше приложение и создайте полностью пользовательский UI, используя ваши любимые фреймворки (React, Angular, Vue.js и т.д.). Это использует наши API для обработки на стороне сервера.
• Рендеринг на стороне сервера (Экспертный уровень): Обрабатывайте весь процесс верификации на своих серверах, используя API Didit для выполнения основных проверок личности и создания полностью пользовательского фронтенда.

Использование кастомизации CSS

Для быстрого обновления брендинга кастомизация CSS является мощным инструментом. SDK Didit позволяет вам внедрять пользовательские CSS-правила, которые переопределяют стили по умолчанию. Это достигается путем добавления тега style в HTML, содержащий виджет верификации, или путем предоставления URL-адреса таблицы стилей.

Пример:

<style>
  .didit-button {
    background-color: #2567FF !important; /* Didit Blue */
    color: white !important;
    border-radius: 5px !important;
  }
  .didit-input {
    font-family: 'Ваш Пользовательский Шрифт', sans-serif !important;
  }
</style>

Важные соображения:

• Используйте !important, чтобы ваши стили переопределяли стили SDK по умолчанию.
• Изучите HTML-структуру SDK, чтобы определить соответствующие CSS-классы.
• Тщательно протестируйте в различных браузерах и на различных устройствах.

Создание пользовательского UI с помощью SDK

Для полного контроля над UI вам необходимо будет интегрировать SDK Didit в ваше приложение и создать пользовательский фронтенд. Этот подход требует больше усилий по разработке, но обеспечивает непревзойденную гибкость.

Архитектура:

1. Инициализируйте SDK Didit в вашем приложении.
2. Создайте пользовательские UI-элементы (кнопки, поля ввода и т.д.), соответствующие вашему бренду.
3. Используйте API Didit для запуска этапов верификации (захват документов, обнаружение подделок и т.д.).
4. Обработайте результаты верификации и обновите свой UI соответственно.

Пример: Инициируйте верификацию личности с помощью JavaScript SDK.

didit.launchIDVerification({
  container: '#didit-container',
  onSuccess: function(result) {
    console.log('Верификация прошла успешно:', result);
  },
  onFailure: function(error) {
    console.error('Верификация не удалась:', error);
  }
});

Расширенное оформление и расширенная кастомизация

Помимо базового CSS, вы можете добиться более сложной кастомизации, используя API Didit для управления процессом верификации и рендеринга пользовательских UI-элементов. Это позволяет динамически изменять элементы в зависимости от статуса верификации, местоположения или других факторов. Например, вы можете динамически отображать или скрывать элементы на основе страны пользователя или отображать пользовательские сообщения об ошибках.

Расширенные возможности оформления Didit включают в себя возможность настройки:

• Индикаторы загрузки
• Сообщения об ошибках
• Анимации успеха
• Изображения

Как Didit помогает

Didit позволяет компаниям предлагать брендированный и беспроблемный опыт верификации личности. Наш гибкий SDK и комплексный API предоставляют инструменты, необходимые для:

• Повышения соответствия бренду.
• Увеличения доверия пользователей.
• Улучшения коэффициентов конверсии.
• Снижения затрат на поддержку.
• Обеспечения бесперебойного пользовательского опыта.

Готовы начать?

Хотите взять под контроль UI верификации личности? Изучите нашу документацию и ресурсы по интеграции:

• Документация Didit
• Демо-центр Didit
• Ценообразование Didit