WordPressを会員制サイトにする3つの手順

2019/02/28 12:08

本記事では、既存WordPressを会員制サイトにするために、私が行った具体的な設定方法について書いていきます。

最初は調べながら行ったため、6時間ほどかかりましたが、設定方法をまとめ終えた今では、10分程度で作業が完了するようになりました。

作業は特に難しいことはなく、WordPressをインストールしたことのある方ならば誰でもできるような作業指示書のような感じでまとめることが出来ました。

本記事の目的は、自力で解決できなかった方へのお助け記事という目的だけではなく、自分への備忘録として常に最新の作成方法を模索しながら記事を更新していければと思っています。

よろしくお願いします。

WordPressを利用して月額制のニュースサイトを作りたいお客様からの質問でした。

WordPressを利用して月額制のニュースサイトを作りたいとのご質問がありました。
 

お客様

弊社ではWordPressを利用して情報配信をしているのですが、このたびページの一部を有料にして「月額制のニュースサイト」の作成を検討しています。
御社のサービスでWordPressと連携した以下の内容は実現可能でしょうか?

田中

お問合せありがとうございます。
私も以前、WordPressで会員制サイトが作れないか検討したことがりますが、WordPressのプラグインで会員制サイトを作れるのではないでしょうか?

お客様

はい、弊社でも、プラグインはフリーのものから有料のものまで、いろいろ試してみたのですが、どれもが今一つで、弊社の望む機能が得られませんでした。

試したプラグインで完成したのは、コンテンツのアクセス制限、ログインフォームの作成、登録フォーム等は整うのですが、肝心の会員マイページや決済との連動まわりがうまく作成できませんでした。

会社として信頼性のある有料会員制のサイトを作りたいので、会員マイページ内での決済や、退会処理やパスワード回復等を充実させる必要があると思いました。

そうなってくると、会員個別のデータ管理をする必要があり、WordPressだけでは実現が難しいと思っています。

また、別の問題で、WordPressでは管理画面に不正アクセス等の問題点もあってWordPress上に会員データを置きたくないので、やはりWordPressとは別のシステムを作成して、連携させる方がよいのではないかと思っています。

そのような観点で、システムを検討していたら、御社のシステムですべて実現できそうなので問い合わせてみました。

田中

なるほど、それで当社のシステムにご興味をいただいたのですね

確かに、当システムで会員制サイトの必要な機能は整います
あとはWordPress上で無料版と有料版などのページの閲覧制限のかけ方が重要ですね
それぞれの役割をきちんと把握して、どのようにシステム連携すればいいのかを考える必要がありそうです。

今考える限り、私の中では設計が見えているのですが、詳しくお伝えするには図解したほうがいいと思いますので、図を書いて説明しますね。

お客様

はい、わかりました。図解いただけると助かります。
それでは、よろしくお願いいたします。






田中

と、このようなご質問を受けまして、最初は調べながら行ったため、6時間ほどかかりましたが、設定方法をまとめ終えた今では、10分程度で作業が完了するようになりました。

それでは、その方法を詳しく解説していきます。

WordPressを会員制サイトにするための重要なポイントは3つあります。


(1)WordPressを会員制サイトにしたいならば、WordPressと会員管理のシステムは分けるべき

(2)既に専用の会員制のシステムが存在するのですぐに実現可能

(3)2つのシステムの連携方法は、本記事をまねるだけで完成する。


それぞれ詳しく見ていきましょう。

1. WordPressを会員制サイトにしたいならば、WordPressと会員管理のシステムは分けるべき

WordPressの役割
表のサイトの構築になります。教材のページはもちろんの事、料金表や利用規約など、訪問者に向けた案内ページなどを作成します。

独自システムの役割
独自システムの方では主に、会員がログインした後の処理を引き受けます。
フォーム機能、決済機能、ログイン機能、パスワード忘れ回復機能、会員マイページ機能、ID、パスワード変更機能、質疑応答、退会ページなど会員制サイトに必要な機能を担当します。
もちろん、会員マイページを構築するだけでなく、購入者リスト管理やメルマガなどの管理者機能についても実装しています。
またWordPressとコンテンツ連携する機能も実装しております。

図のグレー枠の部分が会員制システムで生成されるページで、図の青枠の部分がWordPressで作成するページです。
この流れにおいて、WordPressの役割は会員サイト外のページ作成をするだけです。
その他、会員制サイトの運営に必要なページはすべて別システムで構築します。
 
1、公開ページ ログインを必要とせず誰でも見れるページです。
2、フォーム機能 会員の登録や月額決済を行うフォームです。会員登録が済むと会員個別にIDとパスワードが発行されます。
3、ログインページ 登録したIDとパスワードを入力しログインするページです。
4、パスワード忘れ回復ページ 会員がログインパスワードを忘れた時にパスワードを自分で取り寄せることができるページです。
5、会員マイページ 無料版や有料版など会員種別毎の会員マイページが作成可能です。
6、アカウント情報ページ 会員の名前、メールアドレス、ID、パスワードなどの確認、変更ができるページです。
7、質疑応答ページ 会員マイページ内で管理者と会員で質疑応答するスレッド型のメッセージフォーム
8.退会ページ 会員を退会するためのフォームです。退会すると会員マイページや限定記事を見ることができなくなります。
9、会員限定コンテンツ作成 ログインした時に表示する会員限定のコンテンツを作成します。
9’WPへ会員限定コンテンツの埋め込み機能 通常は会員マイページ内で表示するコンテンツをWPに埋め込みが可能です。

1.1 既存のWordPress記事に会員限定の認証がかけられる

この会員制システムを追加する事で、既存のWordPressの記事を簡単に会員限定のコンテンツにする事が出来ます。
公開部分はWordPressで作成し、会員限定部分は外部システムから呼び出す方式です。

1.2 WP記事に「会員限定コンテンツ」を簡単埋め込み可能

YouTube動画をサイトに埋め込んだことはありますか?
YouTubeにアップされた動画なのに外部サイトに簡単に埋め込みできますよね。

この機能と同じ原理で、会員サイト内にアップされているコンテンツをWPに簡単に埋め込むことができます。




実際の手順を動画でご覧ください。あっという間に貼り付け完了しております!

 

2 既に専用の会員制のシステムが存在するのですぐに実現可能


会員制システムは「どんどん!メルマガ応援団」というシステムを利用します。
このシステムを利用する理由としては、インストールすると会員制サイト運営に必要な機能(図解の2から9の機能)が自動で生成されるからです。


インストール直後は、会員制システムに必要なページやフォーム、自動返信メール本文などサンプルデータがセットされ、そのまま利用できますが、少し手直しする事で自分だけのオリジナルのシステムが完成します。

また、ページの作成だけではなく、登録された会員データもこのシステム内に保存されるため、WordPressが不正にログインされても安心です。
無料版でも図解の仕組みはすべて完成します。

無料版ではリアルな決済ができないという制限がありますが、動作テストをしたい場合には以下よりインストールしてみてください。

無料無料版のインストールはこちらから

2.1 WordPressの会員制サイト作成サンプル

概略図だけではイメージがしにくいと思いましたので、今回紹介する方法にて、会員制サイトのサンプルサイトを作成しました。
上の概略図と合わせて確認してみてください。
サンプルですので、なるべく余計な要素を省いたサイト構成にしています。
 
それでは以下よりサンプルサイトの機能をスクリーンショットとともにご紹介しますのでサンプルサイトと合わせてご確認ください。

2.2 WordPress上の公開ページ


ログインを必要とせず誰でも見れるページです。
 
 

2.3 WordPress上の会員限定ページ

会員限定のコンテンツを埋め込んだページは
会員がログインしていない場合は、ログインと新規登録ボタンを表示して
会員がログインしている場合は、直接コンテンツ(今回の場合にはvimeoにアップした動画)を表示します。

会員がログインしていない場合の表示

記事中にログインフォームが表示されます。
 


会員がログインしている場合の表示

記事中に埋め込んだコンテンツ(以下の場合は動画)が表示されます。
 
 

2.4 有料版購入フォーム


会員の登録と同時に月額決済を行うフォームです。会員登録が済むと会員個別にIDとパスワードが発行されます。

 

1、ステップ表示
複数画面に渡る一連の作業が発生する箇所では、常に全体概要を表示する。
ステップ表示があるのとないのとでは、ユーザーのモチベーションは全く違ってきます。

2、お支払い内容の詳細
商品画像や初期費用と月額費用、無料期間の日数等を表形式で分かりやすくまとまっています。

3、お客様情報の入力
図ではメールアドレスとお名前だけのシンプルなフォームですが、住所や性別、誕生日などのフォームにカスタマイズする事も可能です。

4、お支払いについて
PayPal決済が利用できます。PayPal決済を利用すると簡単に月額課金を導入することができます。

5、個人情報の管理・取り扱いについて
プライバシーポリシーを表示して、個人情報が適切に扱われることの同意を取ります。

6、特定商取引法に基づく表記
ネットで有料商品を販売する時に必ず必要なページへリンクします。
システムから住所等を入力すると自動生成されます。

2.5 ログイン機能

会員マイページへログインするためのページです。
登録したIDとパスワードを入力しログインします。パスワード忘れの回復ページへリンクしています。


(1)ログインフォーム

(2)パスワード回復ページへのリンク

2.6 会員マイページ

会員制サイトに必要な会員情報もWP上に持ち出して表示することができます。




(1)おしらせ
会員へのお知らせに利用します。

(2)アカウント情報
住所や電話番号などの個人情報を表示します。

(3)退会フォーム
会員の退会フォームを表示します。

(4)ご利用履歴
会費の支払い履歴を表示します。

(5)よくある質問
あらかじめ決めておいたQ&Aを掲載します。

(6)メッセージ一覧
運営者に問い合わせるスレッド型の問い合わせフォームです

(7)フォーラム
会員同士のコミュニティを構築できます。  

2.7 アカウント情報ページ


会員の名前、メールアドレス、ID、パスワードなどの確認、変更ができるページです。

 

【変更できる情報】
アカウントID
お名前
メールアドレス
ログインID
パスワード
ニックネーム
メルマガ配信の状態

その他項目がありますが、管理画面から表示非表示の設定ができます。

2.8 退会ページ


会員を退会するためのフォームです。退会すると会員マイページや限定記事を見ることができなくなります。
 
 

2.9 パスワード忘れ回復ページ


会員がログインパスワードを忘れた時にパスワードを自分で取り寄せることができるページです。

3. 2つのシステムの連携方法は、本記事をまねるだけで完成する。

概要とサンプルを見ていただいたところで早速、構築をしていきましょう。

今から紹介する方法を手順通りに行っていただければあなたのWordPressが会員制サイトとして生まれ変わります。

説明が多くて大変そうに見えますが、なるべく最短の手順で完成できるように手順を何度も見直し完成させたものです。

WordPressを設定したことのある方ならば、スムーズに作業ができると思います。

時間にして10分程度で完了すると思いますので、ぜひあきらめずに最後まで作業をしてみてください。

作業は、大きく分けて3ステップになります。

1 会員制サイト構築システムの導入(2分)
2 お手持ちのWordPressのfunction.phpへ事前準備のタグを埋め込む(約3分)
3 お手持ちのWordPressにサンプル記事を作りタグを埋め込む(約5分)

3.1 会員制サイト構築システムの導入(2分)

会員制サイト構築システムの導入 利用するには無料ユーザー登録してご希望のフォルダ名を決めていただけましたら2分程度で利用が開始できます。
無料ユーザー登録はこちらから
https://www.viral-dealer.com/introduction/goriyounonagare.html

3.2 お手持ちのWPのfunction.phpへ事前準備のタグを埋め込む(約3分)

(1)システムにログインしたら【会員マイページ>無料会員専用】を開いてください。

(2)ページ一覧からサンプル動画を開いてください。

(3)ワードプレスへ持ち出しボタンを押してください。

(4)事前準備の開くボタンを押してタグをコピーします。

(5)お手持ちのWPにログインし「functions.php」にコピーしたタグを張り付けます。
重要

コードはコピーミスをするとワードプレスがエラーになって手動で復旧しなければなりませんので作業は慎重に行ってください。
おかしくなってしまった方はこちらを参考に
functions.phpを編集したらエラーが出てWordPressが何もできなくなった時の対処法

張り付ける場所は必ず 1行目 <?php 以下の 2行目以降に改行を入れて張り付けます。
テーマファイルによってはこの限りではありませんので必ずバックアップを取ってから作業を行ってください。

3.3 お手持ちのWordPressにサンプル記事を作りタグを埋め込む(約5分)

(1)システムにから張り付け用のタグを取得します。
以下の画面は先ほどの事前準備のタグをコピーした画面です。
その下の設定で登録フォームの選択で無料会員 登録を選択し(図の1)タグのコピーを行ってください。(図の2)


(2)wpに適当な記事を作成し取得したタグを記事に張り付けます。
タグが自動で以下のようなログインフォームの見た目になります。


(3)記事を公開してプレビューし、テストユーザーでログインします。
ログインID:test1
パスワード:test1
(4)会員限定コンテンツがその場で表示されます。

4. WordPressを会員制サイトにする手順のまとめ

WordPressを会員制サイトにする方法について図解入りで詳しく記事を書きました。

WordPressを設置した経験のある方、管理画面をある程度触れるという方であれば、自力でできるよう記事を書いたつもりです。

WordPressを会員制サイトにすれば、過去に書き溜めた記事で特に有料で公開していいかな?と思う記事を限定公開するだけで、有料会員をブログ上からとる事ができます。

ブログから見込み客を取るには、メルマガ登録ページのようなランディングページを用意する事が一般的となっていますが、今回のように既存の記事を利用すれば、メルマガ登録の入り口が多数になって、見込み客をより多く集めることができます。

集まった見込み客にメルマガやステップメールを配信する機能もありますので、顧客との良好な関係構築を自動化していただくことができます。


また、今回はお手持ちのWPの記事にに会員限定のコンテンツを埋め込む事を体感いただきましたが、会員制サイトを運営するには、このほかに「会員情報の表示」ページや「継続課金契約用」のフォームなどの生成等が必要です。

それらの生成手順については無料版に登録の後に7日間動画に中で詳しくお伝していますので、会員制サイトで成功したい場合には無料版の登録をお勧めします。

無料無料版のインストールはこちらから

WordPressの会員制サイトを効率よく運営したい方へ

今回、この記事の執筆のために、お手持ちのWordPressにシステムを追加する事で、会員制サイトを構築する方法について説明させていただきました。

作業時間として、慣れている自分がやって10分程度でしたが、システムに慣れていない方はもうちょっと時間かかるかもしれませんし、わからない所がでてあきらめてしまう方もいらっしゃるかもしれません。

この記事をお読みの方は、既にWordPressをインストールされている方がほとんどだと思いますので、今回の手続きを行う事によって、見たことのないエラーや、正常に動かなくなってしまったり、躓いてしまったり、記事に内容だけでは解決できない部分が出てくると思います。

そういったトラブルがあった時に、知っている人間に聞くのが一番早いと思います。

記事内で無料版のご登録いただくという事をご案内させていただきましたが

ご登録いただくことによって、私に問い合わせしていただくことができます。

ご登録いただくと14日間だけは、有料会員と変わらずサポートさせていただきますので、躓いても前に進むことができます。

実際、問合せいただくことによって、私があなたの代わりに、設定で躓いてしまったところなどの原因を探り、回答して解決された方が何人もいらっしゃいます。


また、会員登録をすると問い合わせやツールが無料で使えるという事以外に

会員制サイトを運営する上でのノウハウをメールで1日1通送らせていただきます。

これは私がユーザーサポートをしている中で、多くのご意見いただいた要望やご意見等を取りまとめて、効率の良い会員制サイトを運営していく方法等をまとめたものです。

つまり、これを読む事によってあなたの会員制サイト構築が加速します。

また、当システムは、アーティストのファンクラブやレッスン動画の月額サービス等の運営者に利用されてきた本格的な会員制運営のシステムです。

会員の入退会や会員への情報提供を効率よく行うという、現場でリアルに必要になった機能を、常に取り入れ改善・成長させてきたシステムになりますので

今回の、WordPressで会員制サイトを構築するという利用法に関しても十分能力を発揮できるシステムだと思います。


また、登録後の会員マイページでは動画を視聴することができます。

ツールの使い方等はヘルプを見ていただければ解決できますが、やはり動画で見ていただいたほうが、理解のスピードが断然早くなります。

私は、これまで多くのお客様をサポートしてきました。
サポートの中で、効率の良い運営方法が見えてきました。

動画では、そのような方法や会員制サイトを運営するための考え方とか、それに伴ったツールの設定方法などを重点的にまとめましたので、効率よく学んでいただくことができます。

こちらの動画をきちんと見ていただければ、会員制サイトを作るという事だけではなく、効率的な運営方法についても効果的に学んでいただけると思います。


システムによって、有料会員制サイトを作って、きちんとお客様に満足していただくという所まで、今回この無料版に登録いただくことに実現可能ですので

ぜひ、以下よりご登録をお願いします。

登録いただきますとここでは公開していない会員制サイトで成功するノウハウや、
たった一人でも1000名を超える会員制サイトの運営方法を収録した映像を期間限定でご覧いただくことができます。

【無料版の登録特典】
・サンプルで紹介したワードプレスのテーマを無料差し上げます
・このシステムで作成できる会員制サイトをユーザーとして体験できます。
・14日間自由にお使いいただけます。
14日間有料会員と変わらずサポートします。
・会員制サイト運営のヒントとなる全14通のサポートメール
・会員制サイトを効率よく運営するための全6本のノウハウ動画


自社でWordPressの会員制サイトを構築したい企業様、起業家、個人事業家の方はぜひ登録してみて下さい。

無料無料版のインストールはこちらから


お客様の声