Migrate from V1 to V2.1¶

Overview¶

The following table compares the configuration variables from previous XpressID version with the current one:

Note that the following configuration variables are only those that fit the new ones. To check all configuration variables for the current XpressID Web, see the component customization.

IMPORTANT NOTE

This guide will help you migrate your configuration related to user experience (UX) and application functionality.

If you want to adapt the texts of any screen to your language or region, click here
If you want to customize the UI styles, including themes or component-level appearance to match your brand, click here.
If you want to customize the image resources, such as logos, instruction images, click here.

Setup Configuration Components¶

Loading¶

Old configuration parameters	Old default value	New configuration parameters	New default value
iframeLoaderColor	#3C8DBC	new Styles
iframeLoaderBackgroundColor	#717171	new Styles
iframeLoaderText	Loading Cargando	texts.loading.title	Loading... Cargando...
iframeLoaderTextColor	#FFFFFF	new Styles
iframeBackgroundColor	#2E2E2E	new Styles

QR¶

Old configuration parameters	Old default value	Old configuration parameters	New default value
iframeQrTitle	We need to verify your identity Necesitamos verificar tu identidad	texts.qr.title	We encourage you to use yout smarthphone Le animamos a usar su smartphone
iframeQrTitleLine1	For a seamless experience, we recommend that you complete the process from your mobile phone Para que la experiencia sea perfecta, te recomendamos que realices el proceso desde tu móvil	texts.qr.subtitle	For an optimal experience, we recommend that you go through the process from your smartphone Para una experiencia óptima, le recomendamos que realice el proceso desde su smartphone
iframeQrTitleLine2	You can do this by scanning the QR code below Puedes hacerlo escaneando el código QR que se muestra a continuación	does not apply (*)
iframeButtonQrOnboarding	Continue on desktop Continuar en escritorio	texts.qr.continueDesktopButton	Continue from desktop Continuar desde el navegador
iframeTextColorQr	#ffffff	new Styles
iframeQrButtonBackgroundColor	#ffffff	new Styles
iframeQrButtonTextColor	#1a5db0	new Styles
iframeQrInitialColor	does not apply (*)
iframeQrEndColor	does not apply (*)

Document¶

Autoclassification selector¶

Old configuration parameters	Default Value (V1)	New configuration parameters	Default Value (V2)
iframeAutoClassificationSelectorInitialColor	-	does not apply (*)	-
iframeAutoClassificationSelectorEndColor	-	does not apply (*)	-
iframeAutoClassificationSelectorTitleText	Choose one of these two options Elige una de estas dos opciones	texts.document[0-2].autoclassificationSelector.title	Choose one of these options Elige una de estas opciones
iframeAutoClassificationBackgroundColor	#FFFFFF	new Styles
iframeAutoClassificationMainColor	#1269CE	new Styles
iframeAutoClassificationSecondaryColor	#333333	new Styles

Document & country selector¶

Old configuration parameters	Old default value	Old configuration parameters	New default value
iframeSeldocTitleText	DOCUMENT SELECTION SELECCIÓN DEL DOCUMENTO	texts.document[0-2].documentSelector.title	Choose your country and document type Elige su país y tipo de documento
iframeSeldocSelectCountryText	What country is your ID from? ¿De qué país es tu documento?	texts.document[0-2].documentSelector.countrySelectorTitle	What country does your document belong to? ¿A qué país pertenece su documento?
iframeSeldocSelectDocumentTypeText	What kind of ID is it? ¿Qué documento vas a leer?	texts.document[0-2].documentSelector.documentTypeTitle	What type of document is it? ¿Qué tipo de documento es?
iframeSeldocLoadingText	does not apply (*)
iframeSeldocBackgroundColor	#ffffff	does not apply (*)
iframeSeldocMainColor	#1a5db0	new Styles	#000D44
iframeSeldocSecondaryColor	#000000	new Styles	#EE686A
iframeSeldocInitialColor	does not apply (*)
iframeSeldocEndColor	does not apply (*)
iframeImageBackground		medias.logo

Document Capture¶

Old configuration parameters	Old default values parameters	New configuration parameters	New default values
blurDetectorActive	-	does not apply (*)	-
borderColorCenteringAidDefault	-	does not apply (*)	-
borderColorCenteringAidDetecting	-	does not apply (*)	-
borderColorCenteringAidDetectingSuccess	#FFFFFF	new Styles
borderColorCenteringAidDetecting	#00FF00	new Styles
borderColorCenteringAidInactive	#717171	new Styles
outerGlowCenteringAidDefault	#000000	new Styles
outerGlowCenteringAidDetecting	#001C00	new Styles
borderThickness	6	new Styles
buttonBackgroundColorDark	-	does not apply (*)	-
buttonBackgroundColorDarkRepeat	-	does not apply (*)	-
buttonBackgroundColorLight	-	does not apply (*)	-
buttonBackgroundColorLightRepeat	-	does not apply (*)	-
closeButton	false	setup.closeButton.show	true
confirmationColorTick	#737373	new Styles
confirmationDialogBackgroundColor	#4D4B4E	new Styles
confirmationDialogTextColor	#FFFFFF	new Styles
customConfirmationImageTick	-	does not apply (*)	-
detectionMessageBorderRadius	16px	new Styles
detectionMessageFontFamily	Poppins	new Styles
detectionMessageFontWeight	normal	new Styles
detectionMessageLineHeight	normal	does not apply (*)
detectionTimeout	300000	flowSetup.options.document.captures.[0-2].setup.detectionTimeout	300000
displayErrors	-	does not apply (*)	-
errorActionButtonBackgroundColor	-	does not apply (*)	-
errorActionButtonTextColor	-	does not apply (*)	-
errorActionButtonPadding	-	does not apply (*)	-
errorDisplayBackgroundColor	-	does not apply (*)	-
errorDisplayHeaderBackgroundColor	-	does not apply (*)	-
errorDisplayHeaderTextColor	-	does not apply (*)	-
errorDisplayHeaderTitle	-	does not apply (*)	-
errorDisplayTextColor	-	does not apply (*)	-
errorDisplayUserActionShow	-	does not apply (*)	-
fontSize	-	does not apply (*)	-
infoAlertSingleSidedDocument	-	does not apply (*)	-
infoAlertTwoSidedDocument	-	does not apply (*)	-
infoAlertShow	-	does not apply (*)	-
infoAlertShowDocument	-	does not apply (*)	-
infoModalShow	true	flowSetup.options.document.captures.[0-2].setup.instructionsShow	true
infoReviewBlurImageText	does not apply (*)	-	-
infoReviewImageText	Check if the photo is readable and focused Compruebe que la foto es legible y está bien enfocada	does not apply (*)
infoReviewImageTextDocument	Check if the photo is readable and focused Compruebe que la foto es legible y está bien enfocada	does not apply (*)
infoUserImagesPath	-	does not apply (*)
isInfoModalShow	-	does not apply (*)	-
loadingSpinnerColor	-	does not apply (*)	-
logEventsToConsole	false	does not apply (*)
manualCaptureEnableDelay	3000	flowSetup.options.document.captures.[0-2].setup.manualCaptureButtonDelay	20000
message_alive_bold	-	does not apply (*)	-
restartingErrorText	The process could not be completed. Please repeat the validation. No se ha podido completar el proceso. Por favor, repita la validación.	does not apply (*)
reviewImage	true	flowSetup.options.document.captures.[0-2].setup.reviewShow	true
sdkBackgroundColorInactive	#2E2E2E	does not apply (*)
setLandscapeDeviceMessage	-	does not apply (*)	-
setMessageDisplayHeight	15%	does not apply (*)
setMessageDisplayMargin	-	does not apply (*)	-
setMessageDisplayOpacity	1	does not apply (*)
setMessageDisplayPadding	5px	does not apply (*)
setMessageDisplayPosition	auto	does not apply (*)
setMessageDisplayWidth	90%	does not apply (*)
setPortraitDeviceMessage	-	does not apply (*)	-
showLogo	false	setup.logo.show	true
showSpinner	-	does not apply (*)	-
targetSelector	-	does not apply (*)	-
videoErrorConstraint	-	does not apply (*)	-
videoErrorConstraintActionLabel	-	does not apply (*)	-
videoErrorDefault	Sorry, there was an error starting the camera Lo sentimos, se ha producido un error iniciando la cámara	does not apply (*)
videoErrorExternalInput	-	does not apply (*)	-
videoErrorNotFound	Please check that you do not have any software simulating the camera Por favor, compruebe que no tiene ningún software simulando la cámara	texts.document[0-2].error.cameraNotDetected.subtitle	Please check that your device has a camera to continue with the process. Por favor, compruebe que su dispositivo cuenta con cámara para continuar con el proceso.
videoErrorPermission	Please allow the page to access the camera Por favor, permita a la página acceso a la cámara	texts.document[0-2].error.permission.subtitle	We can't access your camera or microphone. Enable permissions from your device or browser settings to continue verification. No podemos acceder a tu cámara o micrófono. Activa los permisos desde los ajustes de tu dispositivo o navegador para continuar con la verificación.
videoErrorPermissionActionLabel	-	does not apply (*)	-
videoErrorUnavailable	-	does not apply (*)	-
videoErrorUnavailableActionLabel	-	does not apply (*)	-
webrtcUnsupportedText	-	does not apply (*)	-
manualCaptureText	CLICK HERE to capture Haga CLICK AQUÍ para capturar	texts.document[0-2].capture.feedback.manual	Tap the screen to capture Toque la pantalla para capturar
manualCaptureTextMobile	-	does not apply (*)	-
obverseNotFoundText	-	does not apply (*)
reverseNotFoundText	-	does not apply (*)
passportNotFoundText	-	does not apply (*)	-
passportMRZError	-	does not apply (*)	-
confirmationDialogLinkTextColor	-	does not apply (*)	-
confirmationDialogButtonPadding	-	does not apply (*)	-
confirmationDialogButtonTextColor	-	does not apply (*)	-
confirmationDialogLinkTextColor	-	does not apply (*)	-
confirmationDialogButtonBackgroundColor	-	does not apply (*)	-
repeatButtonColor	-	does not apply (*)	-
repeatText	REPEAT REPETIR	does not apply (*)
confirmationRepeatButtonTextColor	#26BAB8	new Styles
confirmationRepeatButtonBackgroundColor	transparent	new Styles
confirmationRepeatButtonPadding	0px	does not apply (*)
continueButtonColor	-	does not apply (*)	-
continueText	CONTINUE CONTINUAR	does not apply (*)
confirmationCaptureButtonTextColor	#FFFFFF	new Styles
confirmationCaptureButtonBackgroundColor	#26BAB8	new Styles
confirmationCaptureButtonPadding	2% 5%	does not apply (*)
detectionMessageBackgroundColor	#6f6b6b	new Styles
detectionMessageTextColor	#1A5EB0	new Styles
detectionMessageBackgroundColorDocument	#6f6b6b	new Styles
detectionMessageTextColorDocument	#1A5EB0	new Styles
infoUserSliderButtonText	START COMENZAR	does not apply (*)
infoUserDocumentTitle	1. CENTER your document in the frame 2. Make sure your image DOES NOT show glare or shadow 3. The photo will be captured AUTOMATICALLY 1. CENTRE su documento en el marco, 2. Asegúrese de que su documento NO muestra brillos o sombras., 3. La fotografía se capturará de forma AUTOMÁTICA	does not apply (*)
infoUserDocumentMedia	helpIconDocumentCenter	does not apply (*)
infoUserDocumentBackgroundColorTop	#26BAB8	new Styles
infoUserDocumentBackgroundColor	#E4F6F6	new Styles
infoUserDocumentTextColor	#0E4645	new Styles
infoUserDocumentBorderColor	-	does not apply (*)	-
infoUserDocumentFontSize	-	does not apply (*)	-
infoUserDocumentBackgroundColorButton	#26BAB8	new Styles
infoUserDocumentTextColorButton	#051717	new Styles
infoUserDocumentPaddingButton	2% 10%	does not apply (*)
firstArrow	-	does not apply (*)	-
secondArrow	-	does not apply (*)	-
thirdArrow	-	does not apply (*)	-
fourthArrow	-	does not apply (*)	-
fifthArrow	-	does not apply (*)	-
loadingSpinnerScreenBackgroundColor	-	does not apply (*)	-
permissionRefused	-	texts.document[0-2].error.permission.subtite.subtitle	-
permissionRefusedTitle	-	texts.document[0-2].error.permission.subtitle.title	-
tooFarText	Too Far Demasiado lejos	texts.document[0-2].capture.feedback.getCloser	Bring the document closer Acerque el documento
tooCloseText	Too Close Demasiado Cerca	texts.document[0-2].capture.feedback.moveAway	Pull the document away Aleje el documento

Selfie Capture¶

Old configuration parameters	Old default values parameters	New configuration	New default values
aliveChallenge	-	does not apply (*)	-
borderColorCenteringAidDefault	does not apply (*)	-	-
borderColorCenteringAidDetectingSuccess	#FFFFFF	does not apply (*)
borderColorCenteringAidFaceDetecting	#3B9DD6	does not apply (*)
borderColorCenteringAidInactive	#717171	does not apply (*)
borderThickness	6	new Styles
buttonBackgroundColorDark	does not apply (*)
buttonBackgroundColorDarkRepeat	does not apply (*)
buttonBackgroundColorLight	does not apply (*)
buttonBackgroundColorLightRepeat	does not apply (*)
center_face	Center your face Centra su cara	texts.selfie.capture.feedback.centerFace	Center your face Centre su rostro
closeButton	false	setup.closeButton.show	true
confirmationColorTick	#737373	does not apply (*)
confirmationDialogBackgroundColor	#4D4B4E	new Styles
confirmationDialogTextColor	#FFFFFF	new Styles
continueButtonColor	#FFFFFF	new Styles
continueText	CONTINUE CONTINUAR	texts.selfie.review.continueButton	Continue Continuar
customConfirmationImageTick	does not apply (*)	-	-
customOval	does not apply (*)	-	-
customOvalBorderRadius	51% 49% 49% 51% / 33% 32% 68% 67%	does not apply (*)
detectionMessageBackgroundColorSelfie	#FFFFFF	new Styles
detectionMessageBorderRadius	16px	new Styles
detectionMessageFontFamily	does not apply (*)	-	-
detectionMessageFontWeight	normal	new Styles
detectionMessageLineHeight	normal	does not apply (*)
detectionMessageTextColorSelfie	#1A5EB0	new Styles
detectionTimeout	300000	flowSetup.options.selfie.setup.detectionTimeout	300000
detectionMessageFontWeight	normal	new Styles
detectedDocumentOutlineColor	does not apply (*)	-	-
displayErrors	does not apply (*)	-	-
errorActionButtonBackgroundColor	transparent	-	-
errorActionButtonTextColor	#FFFFFF	-	-
errorDisplayBackgroundColor	#4D4B4E	-	-
errorDisplayHeaderBackgroundColor	#4D4B4E	-	-
errorDisplayHeaderTextColor	#FFFFFF	-	-
errorDisplayHeaderTitle	does not apply (*)	texts.selfie.error.permission.subtitle	We can't access your camera or microphone. Enable permissions from your device or browser settings to continue verification. No podemos acceder a tu cámara o micrófono. Activa los permisos desde los ajustes de tu dispositivo o navegador para continuar con la verificación.
errorDisplayTextColor	does not apply (*)	-	-
errorDisplayUserActionShow	does not apply (*)	-	-
fitYourFace	Now, place your face inside the frame and hold steady while we take a photo Ahora, encaja tu cara en el marco y mantente estable mientras tomamos una foto	texts.selfie.capture.feedback.staySteady	Stay stable and don't smile. Manténgase estable y no sonría.
fontSize	does not apply (*)	-	-
infoAlertShow	does not apply (*)	-	-
infoAlertShowSelfie	does not apply (*)	-	-
infoAlertShowSelfieAlive	does not apply (*)	-	-
infoModalShow	true	flowSetup.options.selfie.setup.instructionsShow	true
infoReviewImageText	Check if the photo is readable and focused Comprueba que la foto es legible y está bien enfocada	texts.selfie.review.subtitle	Make sure the photo is not blurry and has a natural expression. Asegúrese de que la foto no está borrosa y tiene una expresión natural.
infoReviewImageTextSelfieAlive	Check if the photo is readable and focused Comprueba que la foto es legible y está bien enfocada	texts.selfie.review.subtitle	Make sure the photo is not blurry and has a natural expression. Asegúrese de que la foto no está borrosa y tiene una expresión natural.
infoReviewImageTextSelfie	Check if the photo is readable and focused Comprueba que la foto es legible y está bien enfocada	texts.selfie.review.subtitle	Make sure the photo is not blurry and has a natural expression. Asegúrese de que la foto no está borrosa y tiene una expresión
infoUserSelfieTitle	'A photo of your face will be captured AUTOMATICALLY' 'Se capturará AUTOMATICAMENTE una foto de su cara'	texts.selfie.instructions.passive.title	Take a photo of your face Tome una foto de su rostro
infoUserSelfieMedia	helpIconSmile	medias.selfie.instructions.desktopPassive medias.selfie.instructions.mobilePassive	"/images/alive01.png"
infoUserSelfieBackgroundColorTop	does not apply (*)	-	-
infoUserSelfieBackgroundColor	#FFFFFF	colorNeutral00	#FFFFFF
infoUserSelfieTextColor	#0e4645	new Styles
infoUserSelfieBackgroundColorButton	#26BAB8	new Styles ``
infoUserSelfieTextColorButton	#051717	new Styles
infoAlertPhotoSelfie	does not apply (*)	-	-
infoUserAliveBackgroundColor	#FFFFFF	-	-
infoUserAliveButtonText	START THE PROCESS COMENZAR EL PROCESO	texts.selfie.instructions.startButton	Start Comenzar
infoUserAliveColorButton	linear-gradient(to right, #005db4, #009edd 100%)	new Styles	-
infoUserAliveHeader	does not apply (*)	-	-
infoUserAliveHeaderColor	does not apply (*)	-	-
infoUserAliveMedia	['slide03']	medias.selfie.instructions.desktopActive medias.selfie.instructions.mobileActive	"alive01.png"
infoUserAliveNextButtonColor	#1a5eb0	new Styles	-
infoUserAliveNextButtonText	Next Siguiente	texts.selfie.instructions.nextButton	Next Siguiente
infoUserAlivePrevButtonColor	#1a5eb0	new Styles	-
infoUserAlivePrevButtonText	Previous Anterior	texts.selfie.instructions.backButton	Previous Anterior
infoUserAliveSubTitle	['1. Fit your face into the frame and wait the countdown. 2. Move your head slightly in one direction. 3. When the screen tells you that you have done it correctly, look back at the center. 4. The process will be repeated 2 times.'] ['1. Encaja la cara en el marco y espera a la cuenta atrás. 2. Mueva la cabeza ligeramente en la dirección que te indiquen las flechas. 3. Cuando la pantalla te indique que lo has hecho correctamente, vuelve a mirar al centro. 4. Repite el proceso 2 veces.']	texts.instructions.active.subtitle	Perform the movement until it turns green and the sound sounds. Realice el movimiento hasta que se ponga en verde y suene el sonido.
infoUserAliveSubTitleColor	#868686	new Styles
infoUserAliveTitle	['Follow the motion instructions'] ['Sigue las instrucciones de movimiento']	texts.instructions.active.title	Move your head to the pointed side Mueva la cabeza hacia el lado señalado
infoUserAliveTitleColor	#1a5eb0	new Styles
isInfoModalShow	does not apply (*)	-	-
loadingSpinnerColor	does not apply (*)	-	-
logEventsToConsole	false	does not apply (*)
message_alive_bold	does not apply (*)	-	-
message_alive_light	Move your head Mueva la cabeza	does not apply (*)
message_finish_challenge	does not apply (*)	-	-
message_middle_center	Great! Look back at the center ¡Bien! Vuelve al centro	texts.selfie.capture.feedback.backCenter	Back to the center Vuelva al centro
not_move	does not apply (*)	-	-
outerGlowCenteringAidDefault	#000000	does not apply (*)
outerGlowCenteringAidDetecting	#001C00	does not apply (*)
repeatButtonColor	#1A5EB0	-	-
repeatText	REPEAT QUIERO REPETIR	texts.selfie.review.repeatButton	Repeat Repetir
restartingErrorText	The process could not be completed. Please repeat the validation. No se ha podido completar el proceso. Por favor, repita la validación.	does not apply (*)	-
reviewImage	true	flowSetup.options.selfie.setup.reviewShow	false
sdkBackgroundColorInactive	#2E2E2E	does not apply (*)	-
setLandscapeDeviceMessage	-	does not apply (*)
setMessageDisplayHeight	15%	does not apply (*)	-
setMessageDisplayMargin	-	does not apply (*)	-
setMessageDisplayOpacity	1	does not apply (*)	-
setMessageDisplayPadding	5px	does not apply (*)	-
setMessageDisplayPosition	auto	does not apply (*)	-
setMessageDisplayWidth	90%	does not apply (*)	-
setPortraitDeviceMessage	Please, hold the device in portrait mode Por favor, ponga el dispositivo vertical	texts.selfie.error.rotation.subtitle	To continue, place your mobile in an upright position. Para continuar, coloque su móvil en posición vertical. correcta
showLogo	false	setup.logo.show	true
showSpinner	does not apply (*)	-	-
smileRequestSerious	does not apply (*)	-	-
smileRequestSmile	does not apply (*)	-	-
stepChallenge	does not apply (*)	-	-
stepOfChallenge	does not apply (*)	-	-
stepsChallengeColor	does not apply (*)	-	-
targetSelector	does not apply (*)	-	-
videoErrorConstraint	does not apply (*)	-	-
videoErrorConstraintActionLabel	does not apply (*)	-	-
videoErrorDefault	Sorry, there was an error starting the camera Lo sentimos, se ha producido un error iniciando la cámara	does not apply (*)	-
videoErrorExternalInput	does not apply (*)	-	-
videoErrorNotFound	Please check that you do not have any software simulating the camera Por favor, compruebe que no tiene ningún software simulando la cámara	texts.selfie.error.cameraNotDetected.subtitle	Please check that your device has a camera to continue with the process. Por favor, compruebe que su dispositivo cuenta con cámara para continuar con el proceso.
videoErrorPermission	Please allow the page to access the camera Por favor, permita a la página acceso a la cámara	texts.selfie.error.permission.subtitle	We can't access your camera or microphone. Enable permissions from your device or browser settings to continue verification. No podemos acceder a tu cámara o micrófono. Activa los permisos desde los ajustes de tu dispositivo o navegador para continuar con la verificación.
videoErrorPermissionActionLabel	does not apply (*)	-	-
videoErrorUnavailable	does not apply (*)	-	-
videoErrorUnavailableActionLabel	does not apply (*)	-	-
webrtcUnsupportedText	does not apply (*)	-	-
enableEnviromentCamera	false	flowSetup.options.selfie.setup.selectCamera	front

Video Capture¶

Old configuration parameters	Old default values parameters	New configuration	New default values
borderColorCenteringAidDetecting	-	does not apply (*)	-
borderColorCenteringAidInactive	#717171	does not apply (*)	-
borderThickness	6	new Styles	border-width: 4px;
closeButton	false	setup.closeButton.show	true
infoFaceRecording	Please say your first and last name Diga su NOMBRE y APELLIDOS	texts.video.capture.nameSurnameStep.title	Diga su nombre y apellidos en voz alta Say your first and last name out loud
infoFaceRecordingRandomNumber	-	does not apply (*)	-
infoReverseRecording	And now the BACK Y ahora la parte TRASERA	texts.video.capture.documentStep.reverse.title	Muestre la parte trasera Show the back of the document
infoObverseRecording	Please show the FRONT of the document Muestre la parte DELANTERA del documento	texts.video.capture.documentStep.obverse.title	Muestre la parte delantera Show the front of the document
confirmationColorTick	#737373	does not apply (*)	-
customConfirmationImageTick	-	does not apply (*)	-
detectionTimeout	300000	flowSetup.options.video.setup.detectionTimeout	120000
continueText	-	does not apply (*)	-
displayErrors	-	does not apply (*)	-
errorActionButtonBackgroundColor	-	does not apply (*)	-
errorActionButtonTextColor	-	does not apply (*)	-
errorDisplayBackgroundColor	-	does not apply (*)	-
errorDisplayTextColor	-	does not apply (*)	-
errorDisplayUserActionShow	-	does not apply (*)	-
errorDisplayIconColor	-	does not apply (*)	-
fontSize	-	does not apply (*)	-
infoAlertShow	-	does not apply (*)	-
infoAlertShowVideo	-	does not apply (*)	-
infoModalShow	true	flowSetup.options.video.setup.instructionsShow	true
isInfoModalShow	-	does not apply (*)	-
infoAlertVideoSelfie	-	does not apply (*)	-
logEventsToConsole	false	does not apply (*)	-
sdkBackgroundColorInactive	#2E2E2E	does not apply (*)	-
dataSaveMode	-	does not apply (*)	-
setLandscapeDeviceMessage	-	does not apply (*)	-
setPortraitDeviceMessage	Please, hold the device in portrait mode Por favor, ponga el dispositivo vertical	texts.video.error.rotation.subtitle	Para continuar, coloque su móvil en posición vertical. To continue, place your mobile in an upright position.
showLogo	false	setup.logo.show	true
customLogo	""	medias.logo medias.logoSmall	https://customLogo.png https://customLogoSmall.png
targetSelector	-	does not apply (*)	-
videoErrorConstraint	-	does not apply (*)	-
videoErrorConstraintActionLabel	-	does not apply (*)	-
videoErrorDefault	Sorry, there was an error starting the camera Lo sentimos, se ha producido un error iniciando la cámara	does not apply (*)	-
videoErrorExternalInput	-	does not apply (*)	-
videoErrorNotFound	Please check that you do not have any software simulating the camera Por favor, compruebe que no tiene ningún software simulando la cámara	texts.video.error.cameraNotDetected.subtitle	Please check that your device has a camera to continue with the process Por favor, compruebe que su dispositivo cuenta con cámara para continuar con el proceso.
videoErrorPermission	Please allow the page to access the camera Por favor, permita a la página acceso a la cámara	texts.video.error.permission.subtitle	We can't access your camera or microphone. Enable permissions from your device or browser settings to continue verification. No podemos acceder a tu cámara o micrófono. Activa los permisos desde los ajustes de tu dispositivo o navegador para continuar con la verificación.
videoErrorPermissionActionLabel	-	does not apply (*)	-
videoErrorUnavailable	-	does not apply (*)	-
videoErrorUnavailableActionLabel	-	does not apply (*)	-
webrtcUnsupportedText	-	does not apply (*)	-
detectionMessageBackgroundColor	#737373	new Styles	-
detectionMessageTextColor	#FFFFFF	new Styles	-
detectionMessageBackgroundColorVideo	#737373	new Styles	-
detectionMessageTextColorVideo	#FFFFFF	new Styles	#000D44
infoUserSliderButtonText	START COMENZAR	does not apply (*)	-
forceAlternativeVideoRecorder	false	does not apply (*)	-
infoUserVideoMedia	helpIconDocumentCenter	does not apply (*)	-
infoUserVideoBackgroundColor	#E4F6F6	new Styles	-
infoUserVideoBackgroundColorTop	#26BAB8	new Styles	-
infoUserVideoBackgroundColorButton	#26BAB8	new Styles	-
infoUserVideoTextColor	#0E4645	new Styles	-
infoUserVideoFontSize	-	does not apply (*)	-
infoUserVideoTextColorButton	#051717	new Styles	-
infoUserVideoPaddingButton	2% 10%	does not apply (*)	-
infoUserButtonTextColor	-	does not apply (*)	-
infoUserButtonBackgroundColor	-	does not apply (*)	-
infoUserVideoTitle	1. Please say your NAME and SURNAME when prompted 2. Show the FRONT part of your document 3. Show the BACK of your document 1. Diga su NOMBRE y APELLIDOS cuando se le solicite 2. Muestra la parte DELANTERA de su documento 3. Muestra la parte TRASERA de su documento	does not apply (*)	-
videoErrorExternalInputLabel	Retry Reintenta	does not apply (*)	-
customOval	-	does not apply (*)	-
customOvalBorderRadius	51% 49% 49% 51% / 33% 32% 68% 67%	does not apply (*)	-
errorBoxBackgroundColor	-	does not apply (*)	-
errorBoxTextColor	-	does not apply (*)	-
errorBoxTitle	-	does not apply (*)	-
errorBoxButtonColor	-	does not apply (*)	-
errorBoxButtonText	-	does not apply (*)	-
errorBoxButtonTextColor	-	does not apply (*)	-
obverseDocumentErrorBoxSubTitle	-	does not apply (*)	-
reverseDocumentErrorBoxSubTitle	-	does not apply (*)	-
resetVideoBoxSubTitle	-	does not apply (*)	-
recordingTimeStates	-	does not apply (*)	-
smartRecordingTimeStates	-	does not apply (*)	-
saveVideoToLocal	-	does not apply (*)	-
faceDetectionTime	-	does not apply (*)	-
faceWarningDelayTime	-	does not apply (*)	-
videoRecordingMaxTime	-	does not apply (*)	-
faceErrorBoxSubTitle	-	does not apply (*)	-
obverseDocumentWarningDelayTime	-	does not apply (*)	-
reverseDocumentWarningDelayTime	-	does not apply (*)	-
videoToken	-	does not apply (*)	-
enableVideoToken	-	does not apply (*)	-
ovalFaceDetectionColor	#00FF00	does not apply (*)	-
confirmationDialogBackgroundColor	-	does not apply (*)	-
confirmationDialogTextColor	-	does not apply (*)	-
confirmationDialogButtonPadding	-	does not apply (*)	-
confirmationDialogLinkTextColor	-	does not apply (*)	-
confirmationDialogButtonBackgroundColor	-	does not apply (*)	-
detectionStageCustomLogo	-	does not apply (*)	-
backgroundColorEffectMessage	-	does not apply (*)	-

Esign¶

Old configuration parameters	Old default values parameters	New configuration	New default values
iframeEsignWidth	-	does not apply (*)	-
iframeEsignHeight	-	does not apply (*)	-
iframeEsignMainColor	#1a5db0	new Styles
iframeEsignTitleText	Sign here Firme aquí	texts.esign.title	Sign here Firme aquí
iframeEsignSignInputDefaultText	Name or initials Nombre o iniciales	texts.esign.inputLabel	Name or initials Nombre o iniciales
iframeEsignTermsAndConditionsAcceptText	Accept terms & conditions Aceptar términos y condiciones	does not apply (*)	Accept terms & conditions Aceptar términos y condiciones
iframeEsignSignButtonText	Sign Firmar	texts.esign.signButton	Sign Firmar
iframeEsignRefuseButtonText	Refuse Rechazar	texts.esign.cancelButton	Cancel Cancelar
iframeEsignTermsAndConditions	true	flowSetup.options.esign.setup.requireTermsAndConditions	true
iframeEsignTermsAndConditionsText	-	texts.esign.termsModal.title texts.esign.termsModal.bodyText	-
iframeEsignAcceptPopupButtonText	Accept Aceptar	texts.esign.termsModal.acceptButton	Accept Aceptar
iframeEsignClosePopupButtonText	Close Cerrar	texts.esign.termsModal.cancelButton	Reject Rechazar
iframeEsignInitialColor	-	does not apply (*)	-
iframeEsignEndColor	-	does not apply (*)	-

Success¶

Old configuration parameters	Old default values parameters	New configuration	New default values
iframeCheckText	The process has finished successfully. El proceso ha finalizado correctamente.	texts.processResult.success.title	Process completed successfully Proceso completado con éxito
iframeCheckTextColor	#595959	new Styles
iframeCheckBorderColor	#595959	does not apply (*)
iframeCheckTickColor	#595959	does not apply (*)
iframeLoadFinal	true	setup.success.show	true

Old configuration parameters	Old default values parameters	New configuration	New default values
iframeErrorDocumentAnversoText	The analysis of the obverse of the document has failed. Please repeat the process El análisis del anverso del documento ha fallado. Por favor, repita el proceso	texts.errorModal.document.obverse.bodyText	An error occurred in the capture of the front of the document. Ha ocurrido un error en la captura de la parte frontal del documento.
iframeErrorDocumentReverseText	The analysis of the reverse of the document has failed. Please repeat the process El análisis del reverso del documento ha fallado. Por favor, repita el proceso	texts.errorModal.document.reverse.bodyText	An error occurred in the capture of the back of the document. Ha ocurrido un error en la captura de la parte trasera del documento.
iframeErrorSelfieText	The face analysis has failed. Please repeat the process El análisis de la cara ha fallado. Por favor, repita el proceso	texts.errorModal.selfie.bodyText	An error occurred in the capture of the selfie. Ha ocurrido un error en la captura de la selfie.
iframeErrorVideoText	The video analysis has failed. Please repeat the process El análisis del video ha fallado. Por favor, repita el proceso	texts.errorModal.video.bodyText	An error occurred in the recording of the video. Ha ocurrido un error en la grabación del video.
iframeErrorConnectionText	There has been a problem with the connection. Please repeat the process Ha habido un problema con la conexión. Por favor, repita el proceso	texts.errorModal.connection.bodyText	A connection error has occurred Ha ocurrido un error de conexión, por favor, inténtalo de nuevo.
iframeShowErrorAlert	true	setup.errorModal.show	true

(*) does not apply. It means that the element no longer exists or has been remapped to another property that encompasses multiple elements. For example, color elements have been moved to styles.

DEPRECATED¶

iframeErrorBrowserNotSupported, iframeInitialColor, iframeEndColor

Example¶

XpressID v1¶

Document capture¶

{
    "documentType": "ES2_ID",
    "flowId": "document",
    "configData": {
      "iframeLoaderColor": "#FF7777",
      "iframeLoaderBackgroundColor": "#FFFFFF",
      "iframeLoaderTextColor": "#FFFFFF",
      "iframeBackgroundColor": "#000D44",
      "iframeErrorDocumentAnversoText": "The front of the document is not valid",
      "iframeErrorDocumentReverseText": "The back of the document is not valid",
      "iframeCheckText": "Process completed successfully",
      "iframeCheckTextColor": "#000D44",
      "iframeCheckBorderColor": "#078B3C",
      "iframeCheckTickColor": "#078B3C",
      "continueText": "Continue",
      "repeatText": "Repeat",
      "infoReviewImageTextDocument": "Check that all data in the document is clearly readable and that there are no glares"
    }
}

Document Selector + document capture + selfie passive capture¶

{
    "documentType": "ES2_ID",
    "flowId": "seldoc_document_selfie",
    "configData": {
      "iframeLoaderColor": "#FF7777",
      "iframeLoaderBackgroundColor": "#FFFFFF",
      "iframeLoaderTextColor": "#FFFFFF",
      "iframeBackgroundColor": "#000D44",
      "iframeErrorDocumentAnversoText": "The front of the document is not valid",
      "iframeErrorDocumentReverseText": "The back of the document is not valid",
      "iframeErrorSelfieText": "The selfie is not valid",
      "iframeCheckText": "Process completed successfully",
      "iframeCheckTextColor": "#000D44",
      "iframeCheckBorderColor": "#078B3C",
      "iframeCheckTickColor": "#078B3C",
      "iframeQrTitle": "Scan the QR code",
      "iframeButtonQrOnboarding": "Continue",
      "iframeQrButtonBackgroundColor": "#FF7777",
      "iframeSeldocTitleText": "Document selector",
      "iframeSeldocSelectCountryText": "Select your country",
      "iframeSeldocMainColor": "#000D44",
      "continueText": "Continue",
      "repeatText": "Repeat",
      "infoReviewImageTextDocument": "Check that all data in the document is clearly readable and that there are no glares"
    },
    "mobileQrRedirect": "https://yourDomain.com",
    "mobileQrParams": {
        "sessionid": "1672632",
        "language": "es"
    }
}

Document capture + selfie active capture¶

{
    "documentType": "ES2_ID",
    "flowId": "document_selfiealive",
    "configData": {
      "iframeLoaderColor": "#FF7777",
      "iframeLoaderBackgroundColor": "#FFFFFF",
      "iframeLoaderTextColor": "#FFFFFF",
      "iframeBackgroundColor": "#000D44",
      "iframeErrorDocumentAnversoText": "The front of the document is not valid",
      "iframeErrorDocumentReverseText": "The back of the document is not valid",
      "iframeCheckText": "Process completed successfully",
      "iframeCheckTextColor": "#000D44",
      "iframeCheckBorderColor": "#078B3C",
      "iframeCheckTickColor": "#078B3C",
      "continueText": "Continue",
      "repeatText": "Repeat",
      "infoReviewImageTextDocument": "Check that all data in the document is clearly readable and that there are no glares",
      "message_finish_challenge": "Great!",
      "infoUserAliveNextButtonText": "Next",
    }
}

XpressID v2.1¶

Document capture¶

{
    "platform": "web",
    "operationMode": "idv",
    "flowSetup": {
        "stages": ["document"],
        "core": {
            "confirmProcess": true
        },
        "options": {
            "document": {
                "captures": [
                    {
                        "documentTypes": ["ES2_ID"]
                    }
                ]
            }
        }
    },
    "texts": {
        "document" : [
            {
                "step": 1,
                "review": {
                    "obverse": {
                        "subtitle": "Check that all data in the document is clearly readable and that there are no glares",
                        "continueButton": "Continue",
                        "repeatButton": "Repeat"
                    },
                    "reverse": {
                        "subtitle": "Check that all data in the document is clearly readable and that there are no glares",
                        "continueButton": "Continue",
                        "repeatButton": "Repeat"
                    }
                }
            }
        ],
        "processResult": {
            "success": {
                "subtitle": "Process completed successfully"
            }
        },
        "errorModals": {
            "document": {
                "obverse": {
                    "bodyText": "The front of the document is not valid"
                },
                "reverse": {
                    "bodyText": "The back of the document is not valid"
                }
            }
        }
    }
}

Document selector + document capture + selfie passive capture¶

{
    "platform": "web",
    "operationMode": "idv",
    "flowSetup": {
        "stages": ["qr","document","selfie"],
        "core": {
            "confirmProcess": true
        },
        "options": {
            "qr": {
                "redirectionUrl": "https://yourDomain.com/?sessionid=1672632&language=es"
            },
            "document": {
                "captures": [
                    {
                        "documentTypes": ["SelectedByUser"]
                    }
                ]
            },
            "selfie": {
                "liveness": "passive",
                "setup": {
                    "reviewShow": true
                }
            }
        }
    },
    "texts": {
        "qr": {
            "title": "Scan the QR code",
            "continueDesktopButton": "Continue"
        },
        "document" : [
            {
                "step": 1,
                "documentSelector": {
                    "title": "Document selector",
                    "countrySelectorTitle": "Select your country"
                },
                "review": {
                    "obverse": {
                        "continueButton": "Continue",
                        "repeatButton": "Repeat"
                    },
                    "reverse": {
                        "continueButton": "Continue",
                        "repeatButton": "Repeat"
                    }
                }
            }
        ],
        "selfie": {
            "review": {
                "continueButton": "Continue",
                "repeatButton": "Repeat"
            }
        },
        "processResult": {
            "success": {
                "subtitle": "Process completed successfully"
            }
        },
        "errorModals": {
            "document": {
                "obverse": {
                    "bodyText": "The front of the document is not valid"
                },
                "reverse": {
                    "bodyText": "The back of the document is not valid"
                }
            },
            "selfie": {
                "bodyText": "The selfie is not valid"
            }
        }
    },
    "styles": {
        "theme": {
            "darkTextColor": "#000D44"
        },
        "components": {
            "button": {
                "backgroundColorOutline": "#FF7777"
            }
        }
    }
}

Document capture + selfie active capture¶

{
    "platform": "web",
    "operationMode": "idv",
    "flowSetup": {
        "stages": ["document","selfie"],
        "core": {
            "confirmProcess": true
        },
        "options": {
            "document": {
                "captures": [
                    {
                        "documentTypes": ["ES2_ID"]
                    }
                ]
            },
            "selfie": {
                "liveness": "active",
                "challengeLength": 2,
                "setup": {
                    "reviewShow": true
                }
            }
        }
    },
    "texts": {
        "document" : [
            {
                "step": 1,
                "documentSelector": {
                    "title": "Document selector",
                    "countrySelectorTitle": "Select your country"
                },
                "review": {
                    "obverse": {
                        "subtitle": "Check that all data in the document is clearly readable and that there are no glares",
                        "continueButton": "Continue",
                        "repeatButton": "Repeat"
                    },
                    "reverse": {
                        "subtitle": "Check that all data in the document is clearly readable and that there are no glares",
                        "continueButton": "Continue",
                        "repeatButton": "Repeat"
                    }
                }
            }
        ],
        "selfie": {
            "review": {
                "continueButton": "Continue",
                "repeatButton": "Repeat"
            },
            "instructions": {
                "backButton": "Back"
            },
            "capture": {
                "feedback": {
                    "successfulCapture": "Great!"
                }
            }
        },
        "processResult": {
            "success": {
                "subtitle": "Process completed successfully"
            }
        },
        "errorModals": {
            "document": {
                "obverse": {
                    "bodyText": "The front of the document is not valid"
                },
                "reverse": {
                    "bodyText": "The back of the document is not valid"
                }
            }
        }
    },
    "styles": {
        "theme": {
            "darkTextColor": "#000D44"
        },
        "components": {
            "button": {
                "backgroundColorOutline": "#FF7777"
            }
        }
    }
}

Migrate from V1 to V2.1¶

Overview¶

Setup Configuration Components¶

Loading¶

QR¶

Document¶

Autoclassification selector¶

Document & country selector¶

Document Capture¶

Selfie Capture¶

Video Capture¶

Esign¶

Success¶

Error Modal¶

DEPRECATED¶

Example¶

XpressID v1¶

Document capture¶

Document Selector + document capture + selfie passive capture¶

Document capture + selfie active capture¶

XpressID v2.1¶

Document capture¶

Document selector + document capture + selfie passive capture¶

Document capture + selfie active capture¶