Aller au contenu principal
Sur cette page
Live CustomStyle example
Aperçu en direct
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 vue du code de vérification apparaît lorsqu'un client doit valider son identité à l'aide d'un mot de passe à usage unique envoyé par e-mail ou SMS. Cette vue est facultative et appartient au parcours d'authentification.

Ce que vous pouvez modifier#

OtpPage contrôle le titre, les instructions du code, les messages d'expiration et de renvoi, les actions de sélection du canal et l'option permettant de continuer en tant qu'invité.

Configuration#

Ajoutez des traductions pour chaque paramètre régional activé dans votre 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": {}
    }
  }
}

Vérifier le résultat#

Testez l'envoi par e-mail et SMS, l'expiration du code, le renvoi, le retour en cas de code non valide et le parcours invité. Vérifiez que chaque paramètre régional activé s'affiche sans être tronqué sur mobile.