Saltar al contenido principal
En esta página
Live CustomStyle example
Vista previa en vivo
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

La vista de código de verificación aparece cuando el cliente debe validar su identidad con una contraseña de un solo uso enviada por correo electrónico o SMS. La vista es opcional y forma parte del flujo de autenticación.

Qué puedes cambiar#

OtpPage controla el encabezado, las instrucciones del código, los mensajes de expiración y reenvío, las acciones para seleccionar el canal y la opción de continuar como invitado.

Configuración#

Añade traducciones para cada configuración regional habilitada en el 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": {}
    }
  }
}

Verifica el resultado#

Prueba la entrega por correo electrónico y SMS, la expiración del código, el reenvío, los mensajes de código no válido y el flujo de invitado. Confirma que cada configuración regional habilitada se muestre sin recortes en dispositivos móviles.