Wix メンバーズアプリ:メンバーズアプリでサイトをカスタマイズする
読了時間:18分
ダッシュボードのモバイルウェブエディタから、または外出先から Wix アプリを使って、Wix メンバーズアプリでのサイトの見え方をカスタマイズしましょう。
Wix メンバーズアプリはサイトページに似ていて、異なる画面で構成されています。これらの画面を使用して、メンバーに表示される内容を表示します。
オンラインプログラム、ブッキングサービス、商品ページなど、ビジネスを表すパーツで画面をデザインします。次に、ボタンや画像で見た目を良くして、コンテンツを目立たせます。
この記事では、以下の項目について説明します:
ヘッダーをカスタマイズする
ヘッダーは、訪問者が Wix メンバーズアプリでサイトを訪れた際に最初に目にするセクションです。ここに独自のロゴやカバー写真を追加すると、ビジネスに適した外観に変更することができます。表示する情報やボタンも自由に選択できるため、訪問者が思わずメンバーになりたくなるような魅力的なセクションに仕上げましょう。
サイトダッシュボードのウェブエディタと Wix アプリでは、ヘッダーをカスタマイズする手順が一部異なるためご注意ください。
ダッシュボード
Wix アプリ
サイトダッシュボードのメンバー数には、すべてのアプリメンバーが表示されます。これには、公開と非公開の両方のプロフィールを持つサイト会員、およびブロックされたサイト会員が含まれます。
- サイトダッシュボードの「モバイルアプリ」にアクセスします。
- 「モバイルアプリを編集」をクリックします。
- ウェブエディタでアプリのヘッダーをクリックして、「ヘッダーを編集」プレビューパネルを開きます。
- 「アイコン」ドロップダウンをクリックして、ヘッダーとすべての画面に簡易アクションを追加します。パネルに表示されるアイコンは、サイトに追加した Wix アプリによって異なります(例:Wix ストア):
- ショッピングカートアイコンを表示:トグルをクリックしてヘッダーにショッピングカートアイコンを追加し、メンバーのカートへの移動をより簡単にします。
- 「アプリ情報」ドロップダウンをクリックし、カスタマイズするものを選択します:
- タイトル:サイトの名前を入力します。
- サブタイトル:サイトの内容を表す短いテキストを入力します。
- ロゴを表示:トグルを有効にして、ヘッダーにロゴを表示します。
ヒント:Wix ロゴメーカーを使用すると、簡単に独自のロゴを作成することができます。 - 基本情報を表示:トグルを有効にして、ビジネスに関する基本情報画面へのリンクを表示します。Wix アプリで基本情報画面をカスタマイズする方法はこちら
- 「カバー写真」ドロップダウンをクリックして、サイトのカバー写真をアップロードします。
- 「メンバー情報」ドロップダウンをクリックして、ヘッダーに表示するサイト会員情報を選択します:
- メンバー数を表示:トグルをクリックして、アプリのヘッダーでメンバー数を表示または非表示にします。
- メンバープロフィールを表示:トグルをクリックして、アプリのヘッダーでメンバープロフィールアバターを表示または非表示にします。
- 「アクションボタン」ドロップダウンをクリックして、ヘッダーにボタンを追加します。
- 招待ボタンを表示:トグルをクリックし、メンバーがアプリに他のユーザーを招待できるボタンを表示または非表示にします。
- カスタムボタンを表示:トグルを有効にして、ヘッダーにカスタムのボタンを追加します。たとえば、「メッセージを送信」ボタンを追加すると、メンバーがリアルタイムであなたとチャットできるようになります。
- 「保存して公開する」をクリックします。
画面にパーツを追加して管理する
アプリにパーツを追加して、コンテンツや提供するサービスを表示します。たとえば、オンラインプログラムを追加して、メンバーをアクティブな参加者に変えることができます。メンバーが簡単に見て操作できる場所にこれらのパーツを配置しましょう。
パーツを追加したら、表示する場所を選択し、簡単に管理、編集、削除してパーソナライズされた体験を提供します。
ダッシュボード
Wix アプリ
- サイトダッシュボードの「モバイルアプリ」にアクセスします。
- 「モバイルアプリを編集」をクリックします。
- 左側の「パーツ」をクリックします。
- 一覧をスクロールし、希望のパーツをクリックしてアプリに追加します。
注意:すべてのパーツがウェブエディタからカスタマイズできるわけではありません。パーツの中には、 Wix アプリからのみカスタマイズできるものもあります。
- 利用可能なオプションを使用してパーツを管理します:
パーツを並べ替える
パーツを複製する
パーツを削除する
パーツの余白を調整する
パーツの表示設定を設定する
6.「保存して公開する」をクリックします。
画面を追加・管理する
メンバーズアプリでは、探しているものが簡単に見つけられるよう、ナビゲーションメニューから各画面にアクセスできるようになっています。このナビゲーションメニューで表示する画面は、非表示にしてアクセスできるユーザーを選択することもできます。
メンバーズアプリの画面は、サイトダッシュボードのウェブエディタ、または Wix アプリから追加・管理することができます。
ダッシュボード
Wix アプリ
- サイトダッシュボードの「モバイルアプリ」にアクセスします。
- 「モバイルアプリを編集」をクリックします。
- 左側の「画面」をクリックします。
- 実行する内容を選択します:
新しい画面を追加する
ナビゲーションで非表示の画面を追加する
画面のアクセス権を設定する
ナビゲーションで画面を非表示にする
画面を並べ替える
画面の名前を変更する
画面を削除する
5.「保存して公開する」をクリックします。
メンバーズアプリのテーマカラーを変更する
ブランドに合ったカスタムカラーテーマを選択して、メンバーズアプリの体験をカスタマイズしましょう。選択した色は、ヘッダーからその他の重要なパーツまで、アプリ全体で統合されます。
ダッシュボード
Wix アプリ
- サイトダッシュボードの「モバイルアプリ」にアクセスします。
- 「モバイルアプリを編集」をクリックします。
- 左側の「デザイン」をクリックします。
- 「色」の横にある「編集」アイコン をクリックします。
- 「テーマを編集」下で「メイン」カラーを設定します。
- 「保存して公開する」をクリックします。
「基本情報」画面をカスタマイズする
「基本情報」画面では、メンバーズアプリに表示されるサイトの情報を変更することができます。問い合わせ先、ロゴ、タグライン、メンバーリスト、SNS リンクなどの表示を編集してみましょう。
注意:
現在、この機能は Wix アプリでのみご利用いただけます。
基本情報をカスタマイズする方法:
- Wix アプリでサイトにアクセスします。
- 下部にある「管理」 をタップします。
- 「モバイルアプリ」をタップします。
- サイト名または制作したアプリ名の下にある「編集」をタップします。
- 上部の「画面」ドロップダウンをタップし、「基本情報」を選択します。
- 編集する情報を選択します:
連絡先情報
メンバーストリップ
ソーシャルリンク
7.「保存する」をタップし、「完了」をタップします。
よくある質問
メンバーズアプリのカスタマイズ方法に関する詳細については、以下の質問をクリックしてください。
ダッシュボードのメンバー数が、アプリに表示されるメンバー数と異なるのはなぜですか?
ウェブエディタにリアルタイムで表示されるパーツと、デモのメッセージが表示されるパーツがあるのはなぜですか?
メンバーズアプリに変更を加える際は、必ずウェブエディタと Wix アプリの両方を使用する必要がありますか?
お役に立ちましたか?
|