Wix メンバーズアプリ:メンバーズアプリでサイトをカスタマイズする

読了時間:18分
ダッシュボードのモバイルウェブエディタから、または外出先から Wix アプリを使って、Wix メンバーズアプリでのサイトの見え方をカスタマイズしましょう。
Wix メンバーズアプリはサイトページに似ていて、異なる画面で構成されています。これらの画面を使用して、メンバーに表示される内容を表示します。
オンラインプログラム、ブッキングサービス、商品ページなど、ビジネスを表すパーツで画面をデザインします。次に、ボタンや画像で見た目を良くして、コンテンツを目立たせます。
この記事では、以下の項目について説明します:

ヘッダーをカスタマイズする

ヘッダーは、訪問者が Wix メンバーズアプリでサイトを訪れた際に最初に目にするセクションです。ここに独自のロゴやカバー写真を追加すると、ビジネスに適した外観に変更することができます。表示する情報やボタンも自由に選択できるため、訪問者が思わずメンバーになりたくなるような魅力的なセクションに仕上げましょう。
サイトダッシュボードのウェブエディタと Wix アプリでは、ヘッダーをカスタマイズする手順が一部異なるためご注意ください。
Wix アプリ
サイトダッシュボードのメンバー数には、すべてのアプリメンバーが表示されます。これには、公開と非公開の両方のプロフィールを持つサイト会員、およびブロックされたサイト会員が含まれます。
  1. サイトダッシュボードの「モバイルアプリ」にアクセスします。
  2. モバイルアプリを編集」をクリックします。
  3. ウェブエディタでアプリのヘッダーをクリックして、「ヘッダーを編集」プレビューパネルを開きます。
モバイルウェブエディタの「ヘッダーを編集」パネルのスクリーンショット。
  1. アイコン」ドロップダウンをクリックして、ヘッダーとすべての画面に簡易アクションを追加します。パネルに表示されるアイコンは、サイトに追加した Wix アプリによって異なります(例:Wix ストア):
    • ショッピングカートアイコンを表示:トグルをクリックしてヘッダーにショッピングカートアイコンを追加し、メンバーのカートへの移動をより簡単にします。
  2. アプリ情報」ドロップダウンをクリックし、カスタマイズするものを選択します:
    • タイトル:サイトの名前を入力します。
    • サブタイトル:サイトの内容を表す短いテキストを入力します。
    • ロゴを表示:トグルを有効にして、ヘッダーにロゴを表示します。
      ヒント:Wix ロゴメーカーを使用すると、簡単に独自のロゴを作成することができます。
    • 基本情報を表示:トグルを有効にして、ビジネスに関する基本情報画面へのリンクを表示します。Wix アプリで基本情報画面をカスタマイズする方法はこちら
  3. カバー写真」ドロップダウンをクリックして、サイトのカバー写真をアップロードします。
  4. メンバー情報」ドロップダウンをクリックして、ヘッダーに表示するサイト会員情報を選択します:
    • メンバー数を表示:トグルをクリックして、アプリのヘッダーでメンバー数を表示または非表示にします。
    • メンバープロフィールを表示:トグルをクリックして、アプリのヘッダーでメンバープロフィールアバターを表示または非表示にします。
  5. アクションボタン」ドロップダウンをクリックして、ヘッダーにボタンを追加します。
    • 招待ボタンを表示:トグルをクリックし、メンバーがアプリに他のユーザーを招待できるボタンを表示または非表示にします。
    • カスタムボタンを表示:トグルを有効にして、ヘッダーにカスタムのボタンを追加します。たとえば、「メッセージを送信」ボタンを追加すると、メンバーがリアルタイムであなたとチャットできるようになります。
  6. 保存して公開する」をクリックします。

画面にパーツを追加して管理する

アプリにパーツを追加して、コンテンツや提供するサービスを表示します。たとえば、オンラインプログラムを追加して、メンバーをアクティブな参加者に変えることができます。メンバーが簡単に見て操作できる場所にこれらのパーツを配置しましょう。

パーツを追加したら、表示する場所を選択し、簡単に管理、編集、削除してパーソナライズされた体験を提供します。
Wix アプリ
  1. サイトダッシュボードの「モバイルアプリ」にアクセスします。
  2. モバイルアプリを編集」をクリックします。
  3. 左側の「パーツ」をクリックします。
  4. 一覧をスクロールし、希望のパーツをクリックしてアプリに追加します。
    注意:すべてのパーツがウェブエディタからカスタマイズできるわけではありません。パーツの中には、 Wix アプリからのみカスタマイズできるものもあります。
「パーツを追加」パネルのスクリーンショット。
  1. 利用可能なオプションを使用してパーツを管理します:
6.「保存して公開する」をクリックします。

画面を追加・管理する

メンバーズアプリでは、探しているものが簡単に見つけられるよう、ナビゲーションメニューから各画面にアクセスできるようになっています。このナビゲーションメニューで表示する画面は、非表示にしてアクセスできるユーザーを選択することもできます。
メンバーズアプリの画面は、サイトダッシュボードのウェブエディタ、または Wix アプリから追加・管理することができます。
Wix アプリ
  1. サイトダッシュボードの「モバイルアプリ」にアクセスします。
  2. モバイルアプリを編集」をクリックします。
  3. 左側の「画面」をクリックします。
「画面」パネルのスクリーンショット。
  1. 実行する内容を選択します:
5.「保存して公開する」をクリックします。

メンバーズアプリのテーマカラーを変更する

ブランドに合ったカスタムカラーテーマを選択して、メンバーズアプリの体験をカスタマイズしましょう。選択した色は、ヘッダーからその他の重要なパーツまで、アプリ全体で統合されます。
ダッシュボード
Wix アプリ
  1. サイトダッシュボードの「モバイルアプリ」にアクセスします。
  2. モバイルアプリを編集」をクリックします。
  3. 左側の「デザイン」をクリックします。
ダッシュボードのウェブエディタのデザインパネルのスクリーンショット。
  1. 」の横にある「編集」アイコン  をクリックします。
  2. テーマを編集」下で「メイン」カラーを設定します。
  3. 保存して公開する」をクリックします。

「基本情報」画面をカスタマイズする

「基本情報」画面では、メンバーズアプリに表示されるサイトの情報を変更することができます。問い合わせ先、ロゴ、タグライン、メンバーリスト、SNS リンクなどの表示を編集してみましょう。
注意:
現在、この機能は Wix アプリでのみご利用いただけます。

基本情報をカスタマイズする方法:

  1. Wix アプリでサイトにアクセスします。
  2. 下部にある「管理 をタップします。
  3. モバイルアプリ」をタップします。
  4. サイト名または制作したアプリ名の下にある「編集」をタップします。
  5. 上部の「画面」ドロップダウンをタップし、「基本情報」を選択します。
  6. 編集する情報を選択します:
7.「保存する」をタップし、「完了」をタップします。
「画面」ドロップダウンメニューのスクリーンショット。

よくある質問

メンバーズアプリのカスタマイズ方法に関する詳細については、以下の質問をクリックしてください。

お役に立ちましたか?

|