ShopifyストアでOTPログインを設定する方法は？

概要

miniOrangeは、Shopify Plusストアと非Plusストアの両方に最適なOTPログイン＆認証ソリューションを提供します。電話やメールで送信されるOTPを使用して、ユーザーが簡単にログインおよび登録できます。これにより、スパマーやボットがストアにアクセスすることを防ぎ、正規ユーザーのみがストアにアクセスできるようになります。また、ユーザーがチェックアウトする前にOTPを認証することで、不正注文を防ぐこともできます。

OTP ログインはどれほど簡単ですか?
当社では、電子メールによる OTP 検証を提供しています。つまり、OTP を顧客の電子メール アドレスに送信します。電話番号と電子メールの両方で OTP を送信できる柔軟性により、ユーザーは必ずサインアップしてプラットフォームを使い続けるようになります。

アプリケーションをインストールする 料金プラン

前提条件: Shopify OTP ログインアプリケーション

• あなたにログインする Shopify管理者.
• に行く アプリ → Shopifyアプリストア
• 検索する miniOrange シングルサインオン – SSO
• 詳しくはこちら インストールを開始する アプリをストアに追加する
• アプリを開く アプリ Shopifyストアの設定でOTPログインを開始するには

ShopifyストアでOTPログインを設定するためのステップバイステップガイド。

ステップ1: ShopifyストアでOTPログインウィジェットを有効にする

• まず テーマバージョン 以下のオプションからストアにインストールし、それに応じて手順に従ってください。

• 新しいテーマ (2.0)
• 古いテーマ

• に移動します アプリ セクションをクリックして 2FA - OTP ログイン

• 下の画像に示すように、アプリケーション ダッシュボードに移動します。

• OTP ログイン オプションを Shopify ストアのログイン、登録、チェックアウト ページ。 OTP ログイン/登録オプションを追加する場所を以下のオプションから選択します。

• ポップアップとしての OTP ログイン
• デフォルトのログインとして OTP を使用する
• OTPオーバー登録
• チェックアウト時の OTP

ShopifyログインページのポップアップとしてOTPログインを設定する

• 有効にします OTPログインウィジェットを表示 以下の図に示すようにオプションを選択します。

• テーマカスタマイズセクションのウィジェットの有効化ページに移動し、OTPログインポップアップウィジェットがログインページに追加されていることを確認できます。 Save.

• 次に、に移動します アプリの埋め込み セクションと有効化 OTP ログイン ポップアップ ウィジェットは下の画面のように表示されます。 OTPでログイン ボタンがログインページに追加されます。 Save.

• OTPログインウィジェットがエンドユーザーにどのように表示されるかを確認するには、 三つの点 をクリックします。入力したコードが正しければ、MFAの設定は正常に完了します 表示.

• 以下を行うには、 ユーザー アイコン。 がどのように行われるかを確認できます。 OTPでログイン オプションがエンド ユーザーに表示されます。

• 以下を行うには、 OTPでログイン ボタンをクリックします。 OTP をポップアップとしてログイン オプションがエンド ユーザーに表示されます。

• あなたの選択します。 国 そしてあなたの 登録された 携帯電話番号。クリック 続ける.

• OTP認証画面が表示されます。 OTPを受信しました モバイルで「続行」をクリックします。

• Shopify ストアへのログインに成功します。

ストアにアクセスするためのデフォルトのログインオプションとしてOTPを設定します

• 有効にします デフォルトのログイン方法を有効にする: OTP 以下の図に示すようにオプションを選択します。

• テーマカスタマイズセクションのウィジェットを有効にするページに移動し、OTPログインオプションがデフォルトのログインオプションとして追加されていることを確認できます。 Save.

• デフォルトのOTPログインオプションがエンドユーザーにどのように表示されるかを確認するには、 三つの点 をクリックします。入力したコードが正しければ、MFAの設定は正常に完了します 表示.

• 以下を行うには、 ユーザー アイコン。 がどのように行われるかを確認できます。 デフォルトのOTPログイン オプションがエンド ユーザーに表示されます。

• あなたの選択します。 国 そしてあなたの 登録された 携帯電話番号。クリック 続ける.

• OTP認証画面が表示されます。 OTPを受信しました モバイルで「続行」をクリックします。

• Shopify ストアへのログインに成功します。

OTPオーバー登録ページの設定

• 有効にします 登録時にOTPを有効にする 以下の図に示すようにオプションを選択します。

• テーマカスタマイズセクションのウィジェットの有効化ページに移動し、OTPログインウィジェットがログインページに追加されていることを確認できます。 Save.

• OTP検証ステップがエンドユーザーにどのように表示されるかを確認するには、 三つの点 をクリックします。入力したコードが正しければ、MFAの設定は正常に完了します 表示.

• 以下を行うには、 ユーザー アイコンをクリックして、 アカウントを作成 オプション。をご覧いただけます。 OTP検証 を踏みます アカウント作成 ページで見やすくするために変数を解析したりすることができます。

• あなたの選択します。 国 そしてあなたの 携帯電話番号。 をクリックしてください 続ける.

• 携帯電話で受信したOTPを 検証コード セクションとクリック 続ける.

• 新しい Shopify ユーザー アカウントが作成され、Shopify ストアにログインします。

チェックアウトページでOTPを設定する

• 有効にします デフォルトのログイン方法を有効にする: OTP 以下の図に示すようにオプションを選択します。

• テーマカスタマイズセクションのウィジェットを有効にするページに移動し、OTPログインオプションがデフォルトのログインオプションとして追加されていることを確認できます。 Save.

• 設定セクションに移動してクリックします 購入手続きへ進む タブをクリックし、チェックアウト前に顧客がアカウントにログインできるようにするオプションをオンにします。

• チェックアウト時のOTPログインに関する設定やカスタマイズのサポートが必要な場合は、下記までお問い合わせください。 shopifysupport@xecurify.com.

• 有効にする方法を選択できます OTPログイン/登録 利用可能なオプションから。

• OTP ログイン ウィジェット
• デフォルトのログインとして OTP を使用する
• OTPオーバー登録

ShopifyストアのOTPログインウィジェットを設定する

• 有効にする OTPログイン ウィジェットをクリックして Save ボタン。 次に、 形式 ウィジェット ボタンを使用すると、ストアのログイン ページに表示されるウィジェット/ログイン ボタンをカスタマイズできます。



• ログイン ウィジェットを自分でカスタマイズすることも、下の画像に示すように定義済みのテンプレートから選択することもできます。

画面下部の「保存」ボタンをクリックします。

ShopifyストアのデフォルトオプションとしてOTPログインを設定する

• メーカー デフォルトのログインオプションとしての OTP ログイン この場合、OTP ログイン フォームが /account/login ページに直接表示され、Shopify ログインはオプションになります。



• 画面下部の「保存」ボタンをクリックします。

ShopifyストアのOTP登録を設定する

• 有効にする 登録時のOTP オプションを選択し、「保存」をクリックします。 形式 カスタマイズ ページにリダイレクトする設定です。



• 有効にします Shopify OTP登録 オプションをクリックして Save 画面下部のボタンをクリックします。(初めてこの機能を有効にする場合は、この手順は必須です)



• ソフトウェアの制限をクリック Save.

ステップ2: OTP設定

• MFAデバイスに移動する アプリ セクションとクリック 2FA - OTP ログイン アプリケーション。アプリケーション ダッシュボードのホームページにリダイレクトされます。

• に移動します 設定 >> 基本設定 左側のナビゲーション メニューのセクション。

2.1 基本設定

• OTP ログイン後のリダイレクト ページ: OTPを使用してログインした際にユーザーをリダイレクトするストアのページ拡張子を入力します。例: ログイン後にユーザーをカートページにリダイレクトする場合は、次のように入力します。 /カート に選出しました。 リダイレクトフィールド.

• OTP 残高情報は次の場所で受信します。 割り当てられた OTP トランザクションの 80%、90%、99% を使い切ったときに通知を受け取るメール アドレスを入力します。

2.2 ストアフォントダイジェストクッキー

Shopify ストアをログインユーザーのみに制限したい場合は、以下の手順に従ってください。/account/login ページからのみ OTP 認証を許可したい場合は、この手順をスキップできます。

前提条件： Shopifyストアでパスワード保護を有効にしておく必要があります。

• OTP 検証を使用してストア全体を構成するには、storefront_digest Cookie を取得する必要があります。 右クリック キーボードでクリックしてください 検査する オプションを選択します。

• 今すぐに移動する 用途 セクションをクリックしてから選択します クッキーオプション 左側のメニューにあります。ストアを選択して検索してください 店頭_ダイジェスト。 これをコピーしてください 値.

• 貼り付け storefront_digest 以下に示すように、storefont ダイジェスト クッキー セクションのクッキー値。

2.3 マルチパスセクション（この機能はShopify Plusのお客様のみがご利用いただけます）

• Shopify Plus ストアをお持ちの場合は、このオプションを有効にして、ストアへの OTP ログインを提供します。

• ソフトウェアの制限をクリック Save.

ステップ3: 配送方法

3.1 SMS

A. SMSゲートウェイ

• カスタム ゲートウェイ プロバイダーを構成できます。

B. SMSテンプレート

• 注意： 出身の方 インドSMSテンプレートを変更するには、お問い合わせください。他の国からの場合は、 ##おっと## 生成された otp をテンプレート内に配置する場所。

• ソフトウェアの制限をクリック SMS テンプレートを保存します。

3.2メール

• ユーザーが OTP over Email を使用して Shopify ストアにログインできるようにすることができます。
• デフォルトのテンプレートを使用することも、カスタム メール テンプレートを使用することもできます。(カスタム メール テンプレートが必要な場合は、shopifysupport@xecurify.com までお問い合わせください)

ステップ 4: Shopify ストア管理ページでの設定

• Shopify ストアの管理ページに移動します。
• 左側のセクションで、 オンラインストア をクリックして 環境設定.
• 下にスクロールして スパム保護 セクションと チェックしない XNUMX 番目のオプション「ログイン時に Google reCAPTCHA を有効にし、アカウントとパスワードの回復ページを作成する」
• Save あなたの変更。