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

概要

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

OTP ログインはどれほど簡単ですか?
当社では、メールによるOTP認証を提供しています。つまり、お客様のメールアドレスにOTPを送信します。電話番号とメールアドレスの両方にOTPを送信できる柔軟性により、ユーザーは貴社のプラットフォームに登録し、継続的に利用してくれる可能性が高まります。

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

前提条件：アプリのインストール

• あなたにログインする Shopify管理者.
• に行く アプリ → Shopifyアプリストア
• 検索する miniOrange OTPログイン
• 詳しくはこちら インストールを開始する アプリをストアに追加する
• アプリを開く アプリ 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ログインオプションがエンドユーザーにどのように表示されるかを確認するには、 3つの点 をクリックします。入力したコードが正しければ、MFAの設定は正常に完了します 表示.

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

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

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

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

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

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

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

• OTP検証ステップがエンドユーザーにどのように表示されるかを確認するには、 3つの点 をクリックします。入力したコードが正しければ、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 ストアの管理ページに移動します。
• 左側のセクションで、 オンラインストア をクリックして 環境設定.
• 下にスクロールして スパム保護 セクションと チェックしない 2つ目のオプション「ログイン、アカウント作成、パスワード回復ページでGoogle reCAPTCHAを有効にする」
• Save あなたの変更。