AIで検索
キーワードを入力するだけで、AIが関連するレッスン、ドキュメント、情報を自動でピックアップします。
キーワードを入力するだけで、AIが関連するレッスン、ドキュメント、情報を自動でピックアップします。
無料、有料、または段階的な会員資格でコンテンツをカスタマイズおよび収益化します。
⚠️ 重要なお知らせ
この記事で紹介している機能は「Webflow Users」および「Webflow Logic」は近日中に提供終了されます。
詳しくは以下をご確認ください:
Webflow User Accountsを使用するには、User Accountsテンプレートまたはクローン可能なサイトを選択するか、ゼロからサイトを作成します。
User Accountsテンプレートを選択した場合、User Accountsはデフォルトで有効になります。異なるテンプレートを選択したり、ゼロからサイトを作成したり、既存のサイトにUser Accountsを追加したい場合は、左のツールバーのUsersアイコンをクリックしてUser Accountsを有効にできます。
User Accountsを有効にした後、ユーザー関連のコレクション、ページ、設定がサイトに追加され、AddパネルのUsersの下にUser Accounts要素が利用可能になります。
User Accountsサイトを開始するのに役立つ2つのUser Accountsコレクションが自動的に作成されます:User accountsとAccess groups。これらのコレクションは、Webflow Designerの左ツールバーのUsersアイコンをクリックして各コレクションを表示できます。
User accountsには、サイト上にアカウントを持つすべてのユーザーを見つけて管理できる場所があります。
Access groupsは、サイトのコンテンツへのアクセスを制御することができる場所です。
基本的なユーザー機能をサポートするために、ユーザーアカウントサイトにはいくつかのユーザーページ(例:ログイン、サインアップ、ユーザーアカウントなど)が自動的に作成されます。これらのページは、ページパネルのユーザーページセクションの下に表示されます。
これらのページの要素にはデフォルトで基本的なスタイルが適用されていますが、ユーザーに独自の体験を提供するためにカスタマイズできます。ユーザーページについて詳しく。
重要: ユーザーページには編集できない予約済みのURLスラッグ(例:/log-in、/sign-upなど)があります。また、将来的にサイトでユーザーアカウントを使用しないことに決定した場合、これらの予約済みのスラッグを使用して新しいページを作成することはできません。
ユーザーページには事前に作成されたフォームに加えて、ユーザーアカウントはサイトユーザーの利便性のために事前に作成されたログイン/ログアウトボタン要素を提供します。
事前に作成されたログイン/ログアウトボタン要素を使用するには、Addパネル > 要素 > Usersを開き、ログイン/ログアウトボタンをWebflowキャンバスにドラッグします。この要素をナビゲーションバーなどに配置できます。
ログイン/ログアウトボタンには2つの状態があります:ログイン済みおよびログアウト済み。デフォルトでは、ログイン済みの状態のボタンテキストは「ログアウト」であり、ログアウト済みの状態のボタンテキストは「ログイン」です。テキストをカスタマイズしたり、要素の設定 > ユーザーログイン/ログアウト設定で状態を切り替えたりできます。
ユーザーアカウントは、サイトのユーザーがユーザーアカウントページからサブスクリプションを管理できるように、事前に作成されたサブスクリプション要素も提供します。
サブスクリプション要素を使用するには、User account pageを開き、 Add panel > Elements > Ecommerceを開き、Subscriptions要素をWebflowキャンバスにドラッグします。
サブスクリプション要素がUser account pageに追加されると、ユーザーはサブスクリプションの詳細(購入日、次回請求日、またはキャンセル日など)を表示し、このページからサブスクリプションをキャンセルすることができます。
アクセスグループを使用すると、ユーザーがサイト上のさまざまな種類のコンテンツにアクセスできるかどうかを制御できます。無料および有料のアクセスグループを両方作成できます。
無料アクセスグループを作成するには、Usersアイコンをクリックし、UsersパネルでAccess groupsを選択します。次に、New access groupをクリックし、アクセスグループに名前を付けます。
Access settingsの下でGroup typeとしてFree accessを選択します。サイトでEcommerceが有効になっていない場合、Free accessのオプションしか表示されません。
次に、ユーザーにコンテンツへのアクセスをいつ与えるかを決定するためにGrant accessオプションを選択します。ここには2つのオプションがあります:
最後に、Restricted contentセクションに、この無料アクセスグループのユーザーに利用可能にしたいページおよび/またはフォルダを追加し、Createをクリックします。
有料アクセスグループを作成するには、サイトでEcommerceを有効にする必要があります。Ecommerceを有効にする方法について詳しく学ぶ。
Ecommerceが有効になったら、ユーザーがチェックアウトプロセス/フローを介して購入できるEcommerceメンバーシップ製品を設定する必要があります。
メンバーシップ製品を作成するには:
これでメンバーシップ製品が作成されました。次に、Usersアイコンを開き、次のタブでAccess groupsを選択し、New access groupをクリックし、アクセスグループに名前を付けます。
Access settingsの下で、Group typeとしてPaid accessを選択します。サイトでEcommerceが有効になっていない場合、Free accessのオプションしか表示されませんので、Ecommerceを有効にしたことを確認してください。
その後、アクセスグループに関連するメンバーシップ製品を設定できます。Associated membership products 入力フィールドをクリックし、この有料アクセスグループにリンクさせたい製品を選択します。
最後に、この有料アクセスグループのユーザーに利用可能にしたいページやフォルダを Restricted content セクションに追加し、Create をクリックします。
Restricted content セクションに追加されたページやフォルダにアクセスするためには、そのページやフォルダにアクセス権を持つアクセスグループに所属するアカウントにログインする必要があります。ページ制限について詳しく学ぶ。
サイトやビジネスが成長し続けるにつれて、サイト上でアクセスグループが不要になる場合があります。
アクセスグループを削除するには:
ページ制限は、ユーザーページおよびユーティリティページを除く、制限したいページについてはアクセスグループ設定またはページ設定で設定できます。
ページ制限には3つのアクセス制御設定から選べます:公開、パスワードを知っている全員、またはSpecific usersのみです。
Restrict AccessがPublicに設定されているページは、インターネット上の誰にでも利用可能です。これは新しいページに対するデフォルトのアクセス制御設定です。
既存のページを公開にするには:
アクセス制限がパスワードを知っている全員( Anyone with the password)に設定されているページは、そのページのパスワードを知っている誰にでも利用可能です。
ページをパスワードを知っている全員に制限するには:
Pages with Restrict Access set to Specific users only will be available to users in the access group that you choose.
Restrict Access が特定のユーザーのみ(Specific users only)に設定されているページは、選択したアクセスグループのユーザーにのみ利用可能です。
既存のアクセスグループにページを制限するには:
あなたのサイトで会員登録を行ったユーザーは、 Users > User accounts. に表示されます。ここでは、既存のユーザーを管理し、新しいユーザーを追加し、ユーザー情報を確認できます。
ユーザーは、自分のユーザーアカウントページからアカウント設定(例: メールアドレス、パスワードなど)を管理できます。
Users > User accounts では、サイトの会員登録を行った各ユーザーの概要が表示されます。ユーザーの認証ステータス(例: Verified または Unverified)、アカウント作成日、最終ログイン日などが表示されます。
また、個々のユーザーをクリックして情報を詳細に表示すると、ユーザーの設定や以下の詳細情報が表示されます:
サイトオーナーは、ユーザーの概要でユーザーのアクセスグループやユーザーが入力したカスタムフィールドの情報を編集できます。ユーザーは、自分のユーザーアカウントページからユーザーアカウントの設定(つまり、マーケティング/その他のコミュニケーションへの同意)およびユーザーが入力した情報(名前、メール、および/またはカスタムフィールドの情報)を編集できます。
新しいユーザーがサイトでアカウントを作成すると、ユーザーアカウントが自動的に作成されますが、手動でユーザーアカウントを追加することもできます。
新しいユーザーアカウントを追加するには:
このユーザーは、サイトでアカウントを作成するように招待するメールを受け取ります。また、ユーザーアカウントタブに「招待中」のステータスで表示されます。
ユーザーに招待状を再送信する必要がある場合は、User accountsタブのユーザーをクリックし、Resend inviteをクリックすることで行えます。これにより、メール招待を再送信したいかどうかを確認する確認モーダルウィンドウが開きます。
Logicを使用してプログラム的にユーザーを招待することもできます。LogicのInvite user ブロックを使用すると、ユーザーアカウントサイトへのユーザーの自動招待とアクセスグループへの割り当てを自動化できます。これは、既存の外部データベースから新しいユーザーをユーザーアカウントサイトに移行するために役立ちます。
サイトのユーザーの中には、パスワードをリセットするのに支援が必要な場合があるかもしれません。特定のユーザーにパスワードリセットメールを送信してパスワードリセットプロセスを開始することができます。これを行うには、User accounts タブのユーザーをクリックし、Send reset emailをクリックします。これにより、パスワードリセットメールをこのユーザーに送信するかどうかを確認する確認モーダルウィンドウが開きます。
ユーザーはまた、ユーザーアカウントページからパスワードをリセットすることもできます。
サイトの所有者は、ユーザーのアクセスグループやユーザーが入力した情報(例: 名前、メールアドレスなど)をユーザーの概要で編集できます。ユーザーは、ユーザーアカウントページからユーザーアカウント設定(例: マーケティング/その他のコミュニケーションへの同意)とユーザーが入力した情報(例: 名前、メール、カスタムフィールド内の情報)を編集できます。
Logicを使用してプログラム的にユーザーアカウント設定を更新することもできます。Logicのユーザーアカウントを更新ブロックを使用すると、ユーザーIDまたはユーザーのメールによってユーザーの設定(例: マーケティングコミュニケーション用の設定)とアクセスグループを自動更新できます。サイト上の既存のユーザーを選択して設定を更新することもできます。
重要: 削除したユーザーアカウントは復元できず、無料または有料の閲覧制限コンテンツにアクセスできません。また、アクティブなサブスクリプションやメンバーシップもキャンセルされます。
ユーザーアカウントを削除するには:
Logicを使用してユーザーアカウントをプログラム的に削除することもできます。Logicの Delete user accountブロックを使用すると、ユーザーIDまたはユーザーのメールによってユーザーアカウントをユーザーアカウントサイトから自動的に削除するプロセスを自動化できます。また、サイト上の既存のユーザーを選択して削除することもできます。
ユーザーアカウントが有効なサイト上の任意の要素(ボタン、セクションなど)は、要素レベルのゲートを使用して、任意の訪問者のログインステータスに関連付けられた可視性設定を持つことができます。
これは、同じページ内でユーザーがログインしているかどうかに基づいてユーザーごとに異なるエクスペリエンスをカスタマイズできることを意味します。例えば、ログアウトしているユーザー向けにコンバージョンに焦点を当てたホームページエクスペリエンスを作成し、一方でログインしているユーザーは直接プレミアムコンテンツエクスペリエンスに移動します。または、訪問者のアクセス許可に基づいて異なる詳細レベルを表示するサイト全体にわたる共通のナビゲーションバーを持つこともできます。
要素をゲート化し、訪問者のログインステータスに基づいてその可視性を設定するには:
例えば、ボタン要素を「ユーザーステートが「ログインしている」に設定すると、ログインしているユーザーだけがそのボタンを見ることができます。ログインしていないユーザーは、そのボタンが非表示になるため、ボタン要素に設定した要素レベルのゲートに基づいて、ボタンと対話することはできません。
Note: 要素レベルのゲートとユーザーアクセス条件を使用する場合、Element settings > Visibility & user access内の可視性ボタンを「表示」または「非表示」に切り替える必要はありません。代わりに、ユーザーアクセス条件を設定することによって要素の可視性が管理されます。上記の手順に記載されています。
ユーザーアクセス条件を削除するには:
サブスクリプションベースのメンバーシップ製品を作成すると、サブスクリプションを購入したユーザーはEcommerce > Subscriptionsに表示されます。ここでは、ユーザーのサブスクリプションを追跡し、管理することができます。
注意: サブスクリプションはエディタから表示または管理することはできません。
サブスクリプションリストでは、各サブスクリプション注文の概要が提供され、日付、合計金額、サブスクリプションのステータスなどの最も重要な情報が表示されます。ここでは、以下のことができます:
ユーザーの要求に応じて、アクセスグループを削除した後、またはアクセスグループを有料から無料に変更した後に、サブスクリプションをキャンセルする必要があるかもしれません。
サブスクリプションをキャンセルするには:
また、複数のサブスクリプションを一括でキャンセルすることもできます:
また、ユーザーがユーザーアカウントページにサブスクリプションエレメントを追加した場合、ユーザーは自分のメンバーシップをキャンセルすることもできます。