Wix モバイルアプリ:メンバーズアプリでサイトをカスタマイズする
読了時間:18分
ダッシュボードのモバイルウェブエディタから、または外出先から Wix アプリを使って、Wix メンバーズアプリでのサイトの見え方をカスタマイズしましょう。
Wix メンバーズアプリはサイトページに似ていて、異なる画面で構成されています。これらの画面を使用して、メンバーに表示される内容を表示します。
オンラインプログラム、ブッキングサービス、商品ページなど、ビジネスを表すパーツで画面をデザインします。次に、ボタンや画像で見た目を良くして、コンテンツを目立たせます。
この記事では、以下の項目について説明します:
ヘッダーをカスタマイズする
ヘッダーは、訪問者が Wix メンバーズアプリでサイトを訪れた際に最初に目にするセクションです。ここに独自のロゴやカバー写真を追加すると、ビジネスに適した外観に変更することができます。表示する情報やボタンも自由に選択できるため、訪問者が思わずメンバーになりたくなるような魅力的なセクションに仕上げましょう。
サイトダッシュボードのウェブエディタと Wix アプリでは、ヘッダーをカスタマイズする手順が一部異なるためご注意ください。
ダッシュボード
Wix アプリ
サイトダッシュボードのメンバー数には、すべてのアプリメンバーが表示されます。これには、公開と非公開の両方のプロフィールを持つサイト会員、およびブロックされたサイト会員が含まれます。
- サイトダッシュボードの「モバイルアプリ」にアクセスします。
- 「モバイルアプリを編集」をクリックします。
- ウェブエディタでアプリのヘッダーをクリックして、「ヘッダーを編集」プレビューパネルを開きます。
![モバイルウェブエディタの「ヘッダーを編集」パネルのスクリーンショット。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2024/10/11/5b2a1474-eba5-45a0-91e9-10e25204d33e/0e0a7047-0f19-42ce-ba7d-e00271186f51.jpeg)
- 「アイコン」ドロップダウンをクリックして、ヘッダーとすべての画面に簡易アクションを追加します。パネルに表示されるアイコンは、サイトに追加した Wix アプリによって異なります(例:Wix ストア):
- ショッピングカートアイコンを表示:トグルをクリックしてヘッダーにショッピングカートアイコンを追加し、メンバーのカートへの移動をより簡単にします。
- 「アプリ情報」ドロップダウンをクリックし、カスタマイズするものを選択します:
- タイトル:サイトの名前を入力します。
- サブタイトル:サイトの内容を表す短いテキストを入力します。
- ロゴを表示:トグルを有効にして、ヘッダーにロゴを表示します。
ヒント:Wix ロゴメーカーを使用すると、簡単に独自のロゴを作成することができます。 - 基本情報を表示:トグルを有効にして、ビジネスに関する基本情報画面へのリンクを表示します。Wix アプリで基本情報画面をカスタマイズする方法はこちら
- 「カバー写真」ドロップダウンをクリックして、サイトのカバー写真をアップロードします。
- 「メンバー情報」ドロップダウンをクリックして、ヘッダーに表示するサイト会員情報を選択します:
- メンバー数を表示:トグルをクリックして、アプリのヘッダーでメンバー数を表示または非表示にします。
- メンバープロフィールを表示:トグルをクリックして、アプリのヘッダーでメンバープロフィールアバターを表示または非表示にします。
- 「アクションボタン」ドロップダウンをクリックして、ヘッダーにボタンを追加します。
- 招待ボタンを表示:トグルをクリックし、メンバーがアプリに他のユーザーを招待できるボタンを表示または非表示にします。
- カスタムボタンを表示:トグルを有効にして、ヘッダーにカスタムのボタンを追加します。たとえば、「メッセージを送信」ボタンを追加すると、メンバーがリアルタイムであなたとチャットできるようになります。
- 「保存して公開する」をクリックします。
画面にパーツを追加して管理する
アプリにパーツを追加して、コンテンツや提供するサービスを表示します。たとえば、オンラインプログラムを追加して、メンバーをアクティブな参加者に変えることができます。メンバーが簡単に見て操作できる場所にこれらのパーツを配置しましょう。
パーツを追加したら、表示する場所を選択し、簡単に管理、編集、削除してパーソナライズされた体験を提供します。
ダッシュボード
Wix アプリ
- サイトダッシュボードの「モバイルアプリ」にアクセスします。
- 「モバイルアプリを編集」をクリックします。
- 左側の「パーツ」をクリックします。
- カタログをスクロールし、希望のパーツをクリックしてアプリに追加します。たとえば、「基本アイテム」下で、ボタン、メディア、タイトル、段落などのアプリをデザインおよび整理するためのパーツを追加できます。
注意:すべてのパーツがウェブエディタからカスタマイズできるわけではありません。パーツの中には、 Wix アプリからのみカスタマイズできるものもあります。
![「パーツを追加」パネルのスクリーンショット。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2024/10/11/a5f38ca3-65cb-46d9-8582-980850b73274/2bd147b1-b32a-4092-9d6c-c8b52a33b2f5.jpg)
- 利用可能なオプションを使用してパーツを管理します:
パーツを並べ替える
パーツを複製する
パーツを削除する
パーツの余白を調整する
パーツの表示設定を設定する
6.「保存して公開する」をクリックします。
画面を追加・管理する
メンバーズアプリでは、探しているものが簡単に見つけられるよう、ナビゲーションメニューから各画面にアクセスできるようになっています。このナビゲーションメニューで表示する画面は、非表示にしてアクセスできるユーザーを選択することもできます。
メンバーズアプリの画面は、サイトダッシュボードのウェブエディタ、または Wix アプリから追加・管理することができます。
ダッシュボード
Wix アプリ
- サイトダッシュボードの「モバイルアプリ」にアクセスします。
- 「モバイルアプリを編集」をクリックします。
- 左側の「画面」をクリックします。
![「画面」パネルのスクリーンショット。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2024/10/11/c0c43a5e-a3c6-4d8c-b829-a0ee3b814d08/0e869935-52ce-44c2-940c-66265da7bc31.jpg)
- 実行する内容を選択します:
新しい画面を追加する
ナビゲーションで非表示の画面を追加する
画面のアクセス権を設定する
ナビゲーションで画面を非表示にする
画面を並べ替える
画面の名前を変更する
画面を削除する
5.「保存して公開する」をクリックします。
メンバーズアプリのテーマカラーを変更する
ブランドに合ったカスタムカラーテーマを選択して、メンバーズアプリの体験をカスタマイズしましょう。選択した色は、ヘッダーからその他の重要なパーツまで、アプリ全体で統合されます。
ダッシュボード
Wix アプリ
- サイトダッシュボードの「モバイルアプリ」にアクセスします。
- 「モバイルアプリを編集」をクリックします。
- 左側の「デザイン」をクリックします。
![ダッシュボードのウェブエディタのデザインパネルのスクリーンショット。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2024/10/11/b5a41775-7f22-45bc-bee8-1ad0b7c540ef/bab07022-16e1-41b6-bff7-d61b564afd68.jpg)
- 「色」の横にある「編集」アイコン
をクリックします。
- 「テーマを編集」下で「メイン」カラーを設定します。
- 「保存して公開する」をクリックします。
「基本情報」画面をカスタマイズする
「基本情報」画面では、メンバーズアプリに表示されるサイトの情報を変更することができます。問い合わせ先、ロゴ、タグライン、メンバーリスト、SNS リンクなどの表示を編集してみましょう。
注意:
現在、この機能は Wix アプリでのみご利用いただけます。
基本情報をカスタマイズする方法:
- Wix アプリでサイトにアクセスします。
- 下部にある「管理」
をタップします。
- 「モバイルアプリ」をタップします。
- サイト名またはネイティブアプリ名の下にある「編集」をタップします。
- 上部の「画面」ドロップダウンをタップし、「基本情報」を選択します。
- 編集する情報を選択します:
連絡先情報
メンバーストリップ
ソーシャルリンク
7.「保存する」をタップし、「完了」をタップします。
![「画面」ドロップダウンメニューのスクリーンショット。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2024/10/11/2415dd15-8c30-4985-a2e6-a10a611e61e2/2d89ab5d-9977-4c0b-b59c-8ecffd71ada3.jpeg)
よくある質問
メンバーズアプリのカスタマイズ方法に関する詳細については、以下の質問をクリックしてください。
ダッシュボードのメンバー数が、アプリに表示されるメンバー数と異なるのはなぜですか?
ウェブエディタにリアルタイムで表示されるパーツと、デモのメッセージが表示されるパーツがあるのはなぜですか?
メンバーズアプリに変更を加える際は、必ずウェブエディタと Wix アプリの両方を使用する必要がありますか?