メインコンテンツへスキップ
このページで
Live CustomStyle example
ライブプレビュー
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

顧客がメールまたは SMS で送信されたワンタイムパスワードで本人確認を行う必要がある場合、確認コードビューが表示されます。このビューは任意で、認証フローの一部です。

変更できる内容#

OtpPage は、見出し、コードの案内、有効期限と再送信メッセージ、チャネル選択操作、ゲストとして続行するオプションを制御します。

設定#

チェックアウトで有効なすべてのロケールの翻訳を追加してください。

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": {}
    }
  }
}

結果を確認する#

メールと SMS の配信、コードの有効期限、再送信動作、無効なコードのフィードバック、ゲスト経路をテストします。有効な各ロケールがモバイル幅で切れずに表示されることを確認してください。