Pular para o conteúdo principal
Nesta página
Live CustomStyle example
Prévia ao 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

A visualização do código de verificação aparece quando o cliente precisa validar a identidade com uma senha de uso único enviada por e-mail ou SMS. A visualização é opcional e faz parte do fluxo de autenticação.

O que você pode alterar#

OtpPage controla o título, as instruções do código, as mensagens de expiração e reenvio, as ações de seleção do canal e a opção de continuar como convidado.

Configuração#

Adicione traduções para cada localidade habilitada no 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": {}
    }
  }
}

Verifique o resultado#

Teste a entrega por e-mail e SMS, a expiração do código, o reenvio, a resposta a códigos inválidos e o fluxo de convidado. Confirme se cada localidade habilitada é exibida sem cortes em telas móveis.