会員サイトを作成する手順を教えてください

※この機能は「スタンダードプラン」以上をご契約の場合のみ利用できます。

MyASPで会員サイトを運営するにあたり、事前に必要な設定はありますか？
会員サイトを作成する手順を教えてください。

MyASPでは、会員サイト機能を利用することで、会員のみアクセスできる会員サイトを作成することができます。

本マニュアルでは、会員サイトを作成するために必要な設定や、設定手順をご案内します。

概要
会員サイト作成までの道のり
各種マニュアル
- 画面説明
- 使い方

概要

MyASPでは、会員サイト機能を利用することで、会員のみがアクセスできる「会員サイト」の作成が可能です。
会員サイトは、1シナリオ毎に1つ作成することができます。

MyASPの会員サイトでは、

指定したタイミングで自動的に記事が公開されるステップサイトを作成する
有料商品シナリオを利用して、有料会員サイトを作成する
ウェビナー動画を埋め込んだ記事を指定したタイミングで自動公開することで、オートウェビナーを開催する

等の運用が可能です。

その他、会員サイトの活用方法につきましては、「【ノウハウ事例】WordPressよりもオススメな、MyASPでの会員サイト運営とは？」をご覧ください。

また、下記ページから登録を行うことで、実際にMyASPの会員サイト機能を利用して作成したサンプルページを確認することができます。
ご参考にしてください。

会員サイトのサンプル

会員サイト作成までの道のり

作成編

まずは、実際に会員サイトを作成してみましょう。

シナリオを用意する

MyASPトップ画面　＞　シナリオ新規作成

より、会員サイトを作成するためにシナリオを作成します。

参考：画面説明：シナリオ新規作成

※既にシナリオを作成されている場合には、既存のシナリオを利用しても構いません

会員サイトを作成する

シナリオを作成しただけでは会員サイトが作成されていないため、

シナリオ管理メニュー　＞　会員サイト管理

を開き、「会員サイトを作成」ボタンをクリックして会員サイトを作成します。

※サブスクリプションシナリオでは、シナリオ作成時に自動で会員サイトが作成されています。

ログイン情報を記載したメールを用意する

シナリオに登録したユーザーが会員サイトにアクセスするためには、ログインIDとパスワードが必要になります。

例えば、「本登録完了時」タブにログイン情報を記載したステップメールを用意しておくことで、ユーザー登録時に自動でログイン情報を送ることができます。

ログイン情報を記載する際は、下記のように置き換え文字をご利用ください。

ログインページURL：%SERVER%sp/%seller_id%/%item_id%/login.html
ログインID：%mail%
パスワード：%password%

参考：機能解説：ステップメール
参考：機能解説：置き換え文字

販売者側で会員サイトにログインしたい場合は、会員サイトにログインする方法を教えてくださいをご覧ください。

サイトデザイン編集編

会員サイトを作成したら、会員サイトのデザインを編集してみましょう。

編集したデザインを確認したい場合には、実際に会員サイトにログインしてご確認ください。
参考：会員サイトにログインする方法を教えてください

テーマカラーとレイアウトを設定する

シナリオ管理メニュー　＞　会員サイト管理

にある「デザイン設定」の「テーマ」タブにてテーマを選択することで、簡単に会員サイト全体のテーマカラーを変更することができます。

参考：画面説明：会員サイト管理　＞　テーマ

また、「レイアウト」タブから各種設定を行うことで、会員サイト全体のレイアウトを変更することができます。

例えば、「カラム数」にて、「2カラム」を選択すると常にメニューが表示されている状態になりますが、「1カラム」を選択すると、メニューボタンをクリックしてメニューを開くようになります。

【例）2カラムの場合】

【例）1カラムの場合】

参考：画面説明：会員サイト管理　＞　レイアウト

タイトルとアイコン画像を設定する

シナリオ管理メニュー　＞　会員サイト管理

にある「デザイン設定」の「タイトル」タブにてタイトルを入力することで、会員サイトのタイトルを変更することができます。

※未設定の場合は、会員サイトのタイトルが「会員サイト　（シナリオ名）」になります。

参考：会員サイトのタイトルを変更する方法について教えてください

また、「アイコン」タブにて画像ファイルを選択することで、faviconやロゴに使用する画像を変更することができます。

参考：会員サイトのアイコンを変更する方法について教えてください

その他のデザインを編集する

HTML、CSS、JavaScriptのコードに関するご質問はサポート対象外となります。
直接HTMLタグ等を編集してデザイン変更を行う際には、ご自身でお調べの上設定してください。

より細かなレイアウトやデザインの変更を行いたい場合は、

シナリオ管理メニュー　＞　会員サイト管理

の「会員サイトルートディレクトリ」内にある各htmlおよびcssファイルを直接編集することができます。

会員サイト管理画面の「スタイルガイド」をクリックすることで、現在利用しているテーマデザインに応じたスタイルの参考（ガイド）を見ることができます。

スタイルガイドでは、見出し（hタグ）や区切り（hrタグ）、リンク（aタグ）等のHTMLタグを利用した際に、MyASPのテーマデザインのCSSがどのように作用するかを確認できます。
会員サイトデザイン編集時の参考にご利用ください。