PaidMembershipプラグインドDiscordを繋ぎ、シームレスなコミュニティ構築!

HanamiWEBオンラインスクールでは

●バーチャル自習室でのリアルタイム質問!

●チャットで質問し放題!

●24時間学び放題のEラーニング教材!

全部ついて 2,500円/月!

【PaidMembership Prp】プラグインの無料版と無料アドオン【Connect Paid Memberships Pro to Discord】を使い、サブスク会員を自動でDiscordに追加する方法を解説します!

Discordのコミュニティが作成済である事が前提で解説を進めています。
当記事では、Discordのコミュニティ作成方法には触れておりません。

全体の流れ

複雑なので、最初に設定の概要を説明します。

  1. Discord Developerでアプリケーション作成・・・ClientID/SecretID取得
  2. Paid Membership ProへClientID/SecretID入力
  3. Paid Membership ProからRedirection URL取得
  4. Discord DeveloperへRedirection URL入力
  5. Discord DeveloperでBOT作成・・・Bot Token取得
  6. Paid Membership ProへBot Token入力
  7. Discordで開発者ツール起動
  8. ServerIDをPaid Membership Proへ入力

Paid Membership ProとDiscord接続完了。接続が完了すると、ユーザー情報ページにDiscordコネクトボタンが表示されます。

Discordの特定の部屋に接続する事も出来るので、後半で部屋との接続方法も紹介しています。

Discord Developerページ

Discord Developer Applicationページへアクセスします。

アプリケーション新規作成

【Create New Application】ボタンをクリックして新規に作成します。

  1. アプリ名入力(日本語可能でした)
  2. Createボタン

クライアントID・シークレットキー

次にOAuth2 タブをクリックして、WordPressにインストールされている【Paid Membership Pro】プラグインに入力するクライアントIDとシークレットキーを確認します。

  1. CLIENT
  2. CLIENT SECRET

順番にコピーして

WPへ入力

  1. メンバーシップ
  2. Application Details
  3. Client ID/Client Secret

に貼り付けます

Redirectionを入力

WPに記載のあるRedirectionURLをコピーします。

Redirectsの箇所に貼り付けたら、下部の【Save Change】ボタンをクリック。

BOT新規作成

引き続き、BOTを作成します。

  1. BOTタブへ移動
  2. Build-A-Botの【Add Bot】ボタンをクリック

【Yes do it】

Public BOTをOFF

メンバー限定のBOTにする為、Public BotをOFFにして【Save Changed】で変更を保存します。

BOT Tokenコピー

BOTのTokenをコピーしてWordPressに貼り付けます。

Paid Membership Proへ貼り付け

BOT Tokenに貼り付けます。

サーバーIDを確認

Discordを開き、歯車をクリックして設定を開きます。

自分の設定を開発者モードに変える事で、サーバーIDを取得する事が出来ます。

開発者モードをON

  1. 詳細設定
  2. 開発者モード
  3. ON

にします。

サーバーIDコピー

その後、接続したいDiscordのコミュニティを右クリックするとサーバーIDをコピーする箇所が出てきます。

コピーして

Paid Membership Proに貼り付ける

サーバーIDの箇所に貼り付けます

接続

【Connec your bot】ボタンをクリックします。

認証を続け、完了すればOK

BOTの権限を上位へ変更

サーバー設定を開きます。

TOPレベルの権限を与える

現在は1つしかありませんが、複数ある人は最上部へ今回作成したBOTを持ってきます。

logの確認

Paid Membership Proでlogの確認をして、正常に接続されている事を確認します。

【Clear Logs!】をクリックし以下の表示になったらOKです。

ユーザーマイページに接続ボタン追加

Paid Membership ProとDiscordが接続されると、マイページのユーザー情報欄にDiscord接続ボタンが表示されます。

部屋にメンバーシップを割り振る

今回、サブスク登録してもらうメンバー別に非公開部屋を作り、その中で自由にメンバー同士が交流できる場を作りたいと思っています。ここまでの設定だと、Discordにはユーザーにマイページから自動で接続してもらう事が出来ます、非公開の部屋へは手動で配置しなければなりません。

roleという権限機能を使う事で、Paid Membership Proで作成したレベルと呼ばれる各メンバーシップを非公開部屋へ自動加入させる事が出来ます。

Discordで非公開部屋が作成されている事を前提で説明しています。私の場合、この鍵がついた部屋に非公開設定してあります。

権限作成

まずは、Discordでroleを作成します。

サーバー設定

ロール作成

名前を付けます

ここでは名前をつけて、色を設定しました。権限は特に変更しませんでした。

表示確認

今作成したロールの人がどのように見えているのか、【ロールとしてサーバーを表示】をクリックして確認します。

Amelia部屋を含む、鍵の付いた部屋は見えません。

鍵の付いた部屋にロール追加

次に、鍵の付いた部屋にロールを割り振ります。

権限を割り振りたい部屋の歯車アイコンをクリックします。

【権限】をクリックして

  • メンバーまたはロールを追加する

をクリックして、先ほど作成したロールを追加します。

ロールの見え方確認

もう一度、ロールとしてサーバーを表示で表示確認を行ってみます。

追加されました!

Discordでロールを作成し、作成したロールが参加できる鍵付き部屋全てにロールを追加してあげます。

WordPressとDiscordの鍵付き部屋を接続

道のりがかなり長かったですが、ようやく最終目標である、WordPressで会員登録して貰ったら、特定のDiscordの部屋に接続するという自動化を実装します。

  1. メンバーシップ
  2. Discord Setting
  3. Role Mapping

で設定をします。

Paid Membership Proで【WordPress基礎コース】【予約システムプラグインAmeliaコース】【ページビルダーBrizyコース】3種類の会員プランを既に作成しています。

Flash Mapping

Flash Mappingという赤いボタンをクリックして、最新版にします。

そうすると、先ほど作成したDiscordの権限が表示されました。

この後はドラッグ操作で、Paid Membership Proで作成した会員種類に、DiscordのRoleを移動させます。

こんな形です。最後に【save change】ボタンで保存して完成です!

まとめ

今まで無料のプラグインSimple MembershipプラグインとFacebookグループを併用している方を知っていますが、Paid Membership Proの無料バージョン×Discordだと自動連携が出来る事が分かりました!

これは本当にすごい。

ホームページのリスキリングはお任せください!

2019年よりWordPressやホームページに関するスキルシェアを行ってきました。事例やノウハウが蓄積され、スピーディーかつ的確にお悩みを解決へと導く事を得意としています。ホームページに関するお悩みがございましたら、LINE公式アカウントよりお気軽にご相談ください!

↑クリックするとLINE公式が開きます

新着記事

SPF と DKIM と共に有効な DMARC ポリシーを併用してメールの認証設定方法
WordPressにログインできない?
【Hbook】When using Stripe you need to add a Required Country Field in the Details form. エラーの対処法
検索結果にサイト名(会社名)が表示されない
WP Rocket - WordPress Caching Plugin