Elementor Pro Form の OTP 検証を設定するにはどうすればよいですか?

前提条件: ダウンロードとインストール

• 私たちのダウンロード miniOrange OTP 検証プラグイン WordPress ウェブサイトに Elementor Pro プラグインを追加します。

セットアップを始める

OTP 検証プラグイン用に Elementor Pro Forms を設定する方法を見てみましょう。

Elementor ProフォームでのOTP認証

電話またはメールによる確認方法を通じてユーザーを確認できます。

• に行きます フォーム OTP 検証プラグインのタブで検索して選択します Elementor Pro フォーム リストから。

電話認証
メールの確認

• の横にあるチェックボックスを有効にします Elementor Pro フォーム 電話認証を有効にします。

• 「ページ」オプションに移動し、「Elementor で編集」リンクをクリックします。

• 新しい電話フィールドが存在しない場合は追加します。
• 以下を行うには、 アイテムを追加する ボタン。 選択 Tel 入力して入力 ラベル 名前と プレースホルダー 名前。
• 必ずフィールドを必須としてマークしてください。 次に、 更新

• に行きます 高機能 電話 ID をメモします。

• に行きます 追加オプション 左側から。お客様が追加できるのは、 フォームID そしてそれに注意してください。

• 次に、「フォーム設定」ページに移動し、次の情報を入力します。 フォームID の三脚と 電話フィールドID.
• その後、をクリックします [設定の保存]

• Elementor Pro フォーム ページに移動し、必要なフィールドをすべて入力して、 OTPを送信する
• OTP が電話機に送信されました。 電話を認証するには、下のフィールドに OTP を入力します。
• 次にをクリックしてください OTPを確認する ボタンをクリックして電話を認証します。

• 電話が正常に認証されたことを確認し、 送信する

• フォームは OTP 検証が成功した後に送信されます。

• の横にあるチェックボックスを有効にします Elementor Pro フォーム 電子メール認証を有効にします。

• 「ページ」オプションに移動し、 Elementorと編集 リンクをクリックします。

• 新しい電子メールフィールドがまだ存在しない場合は追加します。
• 以下を行うには、 アイテムを追加する ボタン。 選択 Tel 入力して入力 ラベル 名前と プレースホルダー 名前。
• 必ずフィールドを必須としてマークしてください。 次に、 更新

• に行きます 高機能 そしてメモに 電子メールID.

• に行きます 追加オプション 左側から。お客様が追加できるのは、 フォームID そしてそれに注意してください。

• 次に、「フォーム設定」ページに移動し、次の情報を入力します。 フォームID の三脚と 電子メールフィールドID.
• その後、をクリックします [設定の保存]

• Elementor Pro フォーム ページに移動し、必要なフィールドをすべて入力して、 OTPを送信する
• OTP があなたの電子メールに送信されました。 電子メールを確認するには、下のフィールドに OTP を入力します。
• 次にをクリックしてください OTPを確認する ボタンをクリックしてメールを確認します。

• メールが正常に検証されたことを確認し、 送信する

• フォームは OTP 検証が成功した後に送信されます。

確認ボタンのテキストを変更する

確認ボタンのテキストを変更できます。

• フォーム設定ページに移動します。
• 確認ボタンに使用するテキストを入力し、 [設定の保存]

アドバンス設定

• フォームに国コードのドロップダウンを表示するにはどうすればよいですか?
• SMSとメールのテンプレートを変更するにはどうすればよいですか?
• OTPの長さと有効期間を変更するにはどうすればよいですか?
• OTP ポップアップのデザインを変更するにはどうすればよいですか?