Webflow ユーザーアカウント概要 - Webflow ヘルプ
コンテンツを個別化し、無料、有料、階層別のメンバーシップで収益化。
Webflow ユーザーアカウントを使用すると、ユーザーを追加し、ログイン機能を提供し、アクセスグループでページへのアクセスを制御して、オーディエンス向けに限定コンテンツ体験を構築できます。また、定期収入でサイトやビジネスを拡大するために、サブスクリプション料金でメンバーシップを作成したり、ユーザー API を使用してメーリングリストや顧客関係管理ツールと同期したりすることもできます。招待制のメンバーシップサイトや、プレミアムコンテンツのサブスクリプションを提供するオンラインビジネスなど、ユーザーアカウントはサイトの作成、管理、成長をサポートします。
ユーザーアカウントへのアクセス方法
Webflow ユーザーアカウントを始めるには、ユーザーアカウントテンプレートやクローン可能なサイトを選ぶか、ゼロからサイトを始めることができます。
ユーザーアカウントテンプレートを選択すると、ユーザーアカウントはデフォルトで有効になります。他のテンプレートや既存のサイトの場合は、CMS タブをクリックし、次に ユーザー をクリックしてユーザーアカウントを有効にします。
有効化後、ユーザー関連のコレクション、ページ、およびユーザーの下の追加パネルに新しい要素が表示されます。
ユーザーアカウントコレクション
2つのコレクションが作成されます: ユーザーアカウントとアクセスグループ。
ユーザーアカウントユーザーページ
ユーザーページ（例：ログイン、サインアップ、ユーザーアカウント）は自動的に作成され、ページパネルのユーザーページに表示されます。これらはスタイルを変更できます。
ユーザーアカウント要素
ログイン/ログアウトボタン
あらかじめ作成されたログイン/ログアウトボタンが利用可能です。追加パネル > 要素 > ユーザーで見つけて、必要な場所（例：ナビバー）にドラッグします。
状態: ログイン中（デフォルトテキスト: “ログアウト”）とログアウト中（“ログイン”）。テキストは要素設定 > ユーザーログイン/ログアウト設定でカスタマイズできます。
サブスクリプション要素
ユーザーアカウントとEコマースが有効なサイト向けに、あらかじめ作成されたサブスクリプション要素が利用可能です。ユーザーアカウントページに追加して、ユーザーがサブスクリプションの詳細を確認し、サブスクリプションをキャンセルできるようにします。
アクセスグループの管理方法
アクセスグループは、ユーザーがアクセスできるコンテンツを制御します。無料または有料のグループを作成します。
無料アクセスグループの作成方法
- ユーザーアイコンをクリック > アクセスグループ > 新しいアクセスグループ
- アクセス設定で無料アクセスを選択
- アクセスを付与:
- ユーザーを手動で追加した後（サインアップ後に手動で追加）
- ユーザーがサインアップしてアカウントを確認した後（サインアップ後に自動追加）
- 制限付きページ/フォルダを追加し、作成をクリック
有料アクセスグループの作成方法
- Ecommerceを有効にする
- メンバーシップ商品を設定する（Ecommerce > 商品 > 新しい商品、メンバーシップを選択し、詳細を設定）
- 請求を選択（一回限りまたはサブスクリプション、サブスクリプションの場合は期間を選択）
- 商品を作成し、ユーザー > アクセスグループ > 新しいアクセスグループ
- 有料アクセスを選択し、メンバーシップ商品を関連付ける
- 制限付きコンテンツを追加し、作成をクリック
アクセスグループの削除方法
- ユーザー > アクセスグループ
- グループを選択し、削除をクリック
- 削除を確認
ページ制限の管理方法
アクセスグループ設定またはページ設定で制限を設定します（ユーザー/ユーティリティページを除く）。
アクセス制御設定
- 公開: 誰でもアクセス可能です。
- ページパネル > 設定 > アクセス制御: 公開 > 保存
- パスワードを知っている人のみ: ページパスワードを設定、サイトプランが必要
- 設定で「パスワードを知っている人のみ」を選択
- 特定のユーザーのみ: アクセスグループを割り当て
- 「特定のユーザーのみ」を選択し、アクセスグループを選ぶ
ユーザーアカウントの管理方法
サインアップしたすべてのユーザーはユーザー > ユーザーアカウントに表示されます。ユーザーの管理、追加、招待、編集、削除が可能です。
ユーザーは自分のユーザーアカウントページからパスワードや設定を管理できます。
ユーザーアカウントリスト
- ユーザー > ユーザーアカウントで確認できる情報:
- 認証ステータス
- 作成日 & 最終ログイン日
- 名前 & メールアドレス
- アクセス設定（アクセスグループ）
- Eコマース注文 & サブスクリプション
- カスタムフィールド情報
ユーザーアカウントの追加方法
- ユーザーアイコン > ユーザーアカウント > 新しいユーザーを招待
- メールアドレスを入力し、アクセスグループを選択、招待をクリック
- ユーザーはサインアップメールを受け取り、招待済みとしてリストされます
招待を再送信できます。
Logicを使ってユーザーを招待
Webflow Logicのユーザー招待ブロックを使用して、プログラム的な招待や外部データベースからの移行を行います。
Logicについて詳しくはこちら
ユーザーのパスワードをリセットする方法
- ユーザー > ユーザーアカウントでユーザーをクリックし、リセットメールを送信を選択
ユーザーは自分のユーザーアカウントページからもパスワードをリセットできます。
ユーザーアカウント設定の更新方法
サイト所有者はユーザーアクセスグループとカスタムフィールドを編集できます。ユーザーは自分のアカウントで詳細を編集できます。
Logicでユーザーアカウントを更新する
Logicのユーザーアカウントを更新ブロックで設定を自動化します。
Logicについて詳しくはこちら
ユーザーアカウントを削除する方法
- ユーザー > ユーザーアカウントでユーザーを選択し、削除をクリックして確認
- Logicのユーザーアカウントを削除ブロックでも削除可能
ログイン状態に基づいて要素の表示を設定する方法
要素レベルのゲーティングを使用して、ユーザーのログイン状態に基づいて任意の要素を表示/非表示にできます。
- 要素を選択
- 要素設定 > 表示とユーザーアクセスを開く
- ユーザーアクセス条件を追加：「ユーザー状態」を選択し、「ログイン中」または「ログアウト中」を選択
- 保存して公開
条件を削除するには：要素を選択し、設定を開き、条件を削除して公開。
サブスクリプションを管理する方法
Ecommerce > サブスクリプションで全てのユーザーサブスクリプションを確認できます。
サブスクリプションリスト
- ステータスでサブスクリプションを検索/絞り込み
- 選択して一括キャンセル
サブスクリプションをキャンセルする方法
- Ecommerce > サブスクリプションでサブスクリプションを選択し、サブスクリプションをキャンセルをクリックして確認
- 一括キャンセル：複数選択し、サブスクリプションをキャンセルをクリックして確認
ユーザーは自分のサブスクリプションをユーザーアカウントページからキャンセルすることもできます（サブスクリプション要素が必要です）。
ユーザーシステムを無効にする方法
ユーザーアカウントを完全に無効化することはできませんが、ユーザーシステムを無効にし、ユーザーページを非公開にすることができます：
- ユーザーパネル > ユーザーアカウント（設定）> 公開を有効にするをオフに切り替え
- ユーザーシステムを無効にするをクリック
- サイトを公開