Skip to main content
All systems operationalChangelogv1
Log in
CustomStyle · Checkout screens

Verification code view

Customize the optional one-time-password verification screen in DEUNA checkout widgets.

On this page
Live CustomStyle example
Live preview
OtpPage
YOURSTORE
Identity verificationEnter the verification codeWe sent a code by email.
571312
Code expires in 04:36 · Resend code
Powered by DEUNA
Implementation guide

Understand every supported field

The documentation below explains object shape, constraints, complete examples, and what to verify before release.

OtpPage
Read the documentation

The verification code view appears when a customer must validate their identity with a one-time password sent by email or SMS. The view is optional and belongs to the authentication flow.

What you can change#

OtpPage controls the heading, code instructions, expiration and resend messages, channel-selection actions, and the option to continue as a guest.

Configuration#

Add translations for every locale enabled in your checkout.

JSON
{
  "OtpPage": {
    "translations": {
      "es": {
        "views": {
          "otp_view": {
            "title": "Ingresa el código de verificación",
            "description": "Para ver tus tarjetas guardadas ingresa el código enviado a ",
            "continue_as_guest": "Continuar sin ingresar el código",
            "code_expiration_message": "El código expira en: ",
            "error_timeout": "Tiempo agotado. Solicita un nuevo código.",
            "resend_code": "Reenviar código",
            "send_code_by_email": "Enviar código por correo",
            "send_code_by_phone": "Enviar código por SMS",
            "new_code_alert": "¡Recibiste un nuevo código!"
          }
        }
      },
      "en": {},
      "pt": {}
    }
  }
}

Verify the result#

Test email and SMS delivery, code expiration, resend behavior, invalid-code feedback, and the guest path. Confirm that each enabled locale fits without clipping at mobile widths.