Discordログインを使用してShopifyストアを接続する | Discord Shopify SSO
概要
Shopify Discordソーシャルログインアプリ顧客が自分のアカウントを使ってログインしたりアカウントを作成したりできるようにすることで、Shopifyストアのユーザーエクスペリエンスを向上させることができます。 Discordの認証情報ソーシャルログインオプション、例えば
不和の統合、ユーザーがより簡単かつ便利にストアにアクセスできるようになるため、コンバージョンと顧客満足度が向上する可能性があります。
一部のユーザーにとって、従来のアカウント作成は難しく、カートの放棄につながる可能性があります。 Shopify Discordソーシャルログインログイン プロセスがよりスムーズになり、アクセスしやすくなります。
Shopify から Discord へ、またはその逆のロール マッピング
当学校区の Discordソーシャルログイン Shopify アプリには以下が含まれます 役割のマッピングDiscordサーバー内のメンバーに割り当てられた役割に基づいて役割を割り当てるプロセスを自動化できるツールです。 Shopifyストアに登録した際に、Discordサーバーに招待メールが送信されます。Shopifyストアに登録した人がまだDiscordサーバーのメンバーでない場合は、追加できます。
ロールは登録時にユーザーに割り当てられますShopifyストアで役割を更新すると、Discordサーバーの対応する役割も更新されます。この機能はお客様の仕様に合わせてカスタマイズすることも可能です。詳細については、下記までお問い合わせください。
shopifysupport@xecurify.com.
Shopify顧客アカウントにSSOを設定する
DiscordをIDPとして使用してShopify顧客アカウントにシングルサインオン(SSO)を設定する場合は、以下の手順に従ってください。 こちらをご覧いただくか、.
前提条件: Shopify Discordソーシャルログインアプリケーション
設定するには IDP として Discord を使用して Shopify に SSO する、をインストールする必要があります miniOrange Discord ソーシャルログイン あなたのストアでのアプリケーション:
ご確認ください> ビデオShopify でのソーシャル ログイン アプリケーションの動作について詳しくは、こちらをご覧ください。
構成手順
ShopifyストアでDiscordログインを有効にする手順
ステップ1: Discordソーシャルログインアプリを追加し、コールバックURLを取得する
- 詳しくはこちら こちらをご覧いただくか、 ダウンロードする Discordソーシャルログイン Shopify マーケットプレイスからアプリを入手します。
- インストールすると、次の画面が表示されます。 Discord ソーシャル ログイン アプリケーションのダッシュボード。 をコピーします Discord コールバック URL 次のステップで使用するので、手元に置いておきます。
ステップ2: DiscordでShopify Discordソーシャルログインアプリケーションを設定する
- 詳しくはこちら こちらをご覧いただくか、 を選択して Discord開発者ポータル アカウントでサインインします。
- ログイン後、 をクリックしてください 新しいアプリケーション > アプリケーション名を入力 > [作成] をクリックします.
- アプリケーションが作成されたら、次の場所に移動します。 OAuth2 > 一般 > リダイレクトの追加.
- 入力する Discord コールバック URL からコピー ステップ 1 をクリックします 変更を保存.
- ソフトウェアの制限をクリック シークレットをリセット を明らかにする クライアントシークレット.
- クライアント シークレットが明らかになったら、 顧客ID および クライアントシークレットこれらは次のステップで使用するので、手元に置いておいてください。
Discord 側の SSO 構成が完了しました。
ステップ3:ShopifyソーシャルログインアプリでDiscordを設定する
- 再度、に移動します アプリ のセクション 買い物をする をクリックします。入力したコードが正しければ、MFAの設定は正常に完了します Discordソーシャルログイン アプリケーション。
- アプリケーションのダッシュボードにリダイレクトされます。 を貼り付けます 顧客ID および クライアントシークレット from ステップ 2 ShopifyのDiscordソーシャルログインアプリで入力してください スコープ as 識別+メール+ギルド.参加
- チェック ユーザーが Discord を使用してログインできるようにする オプションをクリックして 変更を保存 ボタン。 クリック テスト構成
- 以下を行うには、 承認する
- テストが成功すると、次のようなポップアップが表示されます。
Shopify 側の SSO 構成が完了しました。
ステップ4: ストアフロントにDiscordログインボタンを追加する
- Discordログインボタンを有効にするには、Shopify管理ダッシュボードに戻り、 販売チャネル > オンラインストア > テーマ > カスタマイズ.
- に行く アプリの埋め込み > Discord ソーシャル ログインの切り替えをオンにする > 保存.
- 今すぐに移動する デザインセクション Discordソーシャルログインアプリケーションを使用してカスタマイズします ログインボタン。 をクリックしてください 変更を保存.
ステップ5:DiscordとShopifyを統合する
5.1 DiscordソーシャルログインアプリをShopifyストアに追加する:
- DiscordとShopifyを統合するには、 こちらをご覧いただくか、 そしてに行く ユーザー設定.
- 詳細設定、イネーブル 開発者モード.
- 次に、右クリックします。 ディスディスートサーバー Shopifyと統合してコピーしたい サーバーID.
- に移動します Discordソーシャルログイン 申請以下 統合 セクションに、コピーしたものを貼り付けます サーバーID as DiscordギルドID.
5.2 Discord でボットを作成し、サーバーに追加して統合を成功させます。
- で作成したアプリケーションに移動します ステップ 2 そして、に行きます ロボット ボットの名前を入力します。
- 今後はクリック トークンのリセット ボット名の下にあるものをコピーします。 ボットトークン.
- これらを有効にします 認可フロー をクリックします。入力したコードが正しければ、MFAの設定は正常に完了します 変更を保存.
- ここで貼り付けます コピーされたBOTトークン 下 ボットトークン のセクション Discordソーシャルログインアプリケーション をクリックします。入力したコードが正しければ、MFAの設定は正常に完了します Save.
- さあ行く OAuth2 > URL ジェネレーター。 スコープを選択します {アイデンティティ、メール、ギルド参加、ボット、gdm.参加、ギルド} 選択 miniOrange リダイレクト URL。 (下の画像に示すように)
- 選択する ボット権限としての管理者 そしてコピーしてください 生成されたURL.
- 次に、新しいタブに URL を貼り付け、ボットを追加するサーバーを選択します。
- エラーページにリダイレクトされるか、Shopifyにログインする必要があります。
- ボットが追加されているかどうか、今すぐ Discord サーバーを確認してください。
DiscordとShopifyの統合が完了しました。
ステップ6: ユーザーにDiscordロールを割り当てる
- 取得するため サーバーロールID、 サーバー設定 >> 役割 のセクションから無料でダウンロードできます。
- 上の右クリック 以前に作成したロール (まだロールを作成していない場合は、新しいロールを作成できます) ロール ID をコピーします。
- を割り当てるには Discordの役割 Discordソーシャルログインを使用してShopifyストアにログインするユーザーには、 ロールID 上記の手順でコピーした メンバー役割ID 下の画像に示すようにセクションを作成します。
- ソフトウェアの制限をクリック 変更を保存.
ステップ7:顧客をDiscordサーバーに追加する
- Discordソーシャルログインを使用してShopifyにログインした顧客をDiscordサーバーに追加するには、 ログイン時に自動的にメンバーをDiscordサーバーに追加します オプションを選択します。
- ソフトウェアの制限をクリック 変更を保存.
ステップ8:Shopifyストアのアクセスを制限する
- Shopifyストアへのアクセスを制限し、discordサーバーのメンバーのみがログイン/登録できるようにするには、 ストアの制限 - Discord サーバーのメンバーのみがストアにログインできるようにする オプションを選択します。
- ソフトウェアの制限をクリック 変更を保存.
ステップ9: Discordからメンバーの役割を取得する
- Discordからメンバーの役割を取得し、Discordを使用してログインに成功したときにShopify顧客タグとして割り当てるには、 メンバーの役割を取得し、顧客タグとして割り当てます オプションを選択します。
- ソフトウェアの制限をクリック 変更を保存.
ステップ10: 顧客タグに基づいて役割を割り当てる
- Discordで役割を作成し、Shopifyの顧客に割り当てられた顧客タグに基づいてメンバーに割り当てるには、 Discord ロールとしての顧客タグ オプション。 今すぐクリック 新しいマッピングを追加 入力してください Shopify タグ名 そして対応する DiscordのロールID 下の画像に示すように、それぞれのフィールドに入力します。
- ソフトウェアの制限をクリック 変更を保存.
ステップ11: 製品の購入に基づいて役割を割り当てる
- Shopifyで購入した商品に基づいてDiscordのメンバーに役割を割り当てるには、 注文時に Discord ロールを割り当てる オプションを選択します。
- Shopifyで購入した商品に基づいてDiscordのメンバーに役割を割り当てるには、 製品購入に関する Discord の役割 オプション。 今すぐクリック 新しいマッピングを追加 入力してください Shopify 製品ID そして対応する DiscordのロールID 下の画像に示すように、それぞれのフィールドに入力します。
- 追加 Shopify 製品ID そしてそれぞれの DiscordのロールID ユーザーがこの製品 ID で製品を購入するたびに、Discord 上でそのユーザーにロールが割り当てられます。
- ソフトウェアの制限をクリック 変更を保存.
ステップ12: ユーザー登録と注文の確定に関するDiscordサーバー通知
- 取得した BOT トークンをコピーしてメモします。 ステップ 5.2.
- あなたに行く Discordアプリケーション そして右クリックしてください 作成されたサーバー。 をコピーします チャネルID そして手元に置いておいてください。
- 次に、に移動します 通知ですよ のセクション Discordログイン 応用。 チェックしてください チャンネルでユーザーアクティビティ通知を有効にする オプションを選択して貼り付けます チャンネルID および ボットトークン 上記の手順でコピーされました。
通知セクション:
- チェック ユーザー登録通知を有効にする 通知を受け取るオプション 不一致サーバー Shopifyストアに新しいユーザーが登録するたびに Discord SSO ログイン通知テンプレートをカスタマイズできます。
- チェック 注文完了通知を有効にする 通知を受け取るオプション 不一致サーバー Shopifyストアで注文が行われるたびに、注文通知テンプレートをカスタマイズできます。
ステップ 13: 上位プランにアップグレードするにはどうすればいいですか?
- に移動します 予定 のセクション Discordログイン アプリケーションをクリックし、 アップグレード アップグレードするプラン名の横にあるボタンをクリックします。
- にアクセスできるようになります アップグレードプラン 支払いを済ませると、 定期料金.
その他のリソース
Get in Touch
までご連絡ください shopifysupport@xecurify.com、弊社のチームがアプリケーションの設定をお手伝いします。弊社のチームは、お客様の要件に応じて最適なソリューション/プランを選択するお手伝いをいたします。
