Wix ブッキング:サービスページにマッププラグインを追加・設定する

読了時間:4分
サービスページにマッププラグインを追加すると、サービスを提供する場所がより分かりやすくなります。また、サービスを複数の場所で提供する場合は、顧客が最寄りの場所をすぐに把握できるようになります。
ブッキングのサービスページに表示した Google マッププラグイン

ステップ 1 | サービスページにマッププラグインを追加する

エディタからサービスページにマッププラグインを追加することができます。

サービスページにマッププラグインを追加する方法:

  1. エディタでサービスページを開きます:
    • Wix エディタ:
      1. エディタ左側の「ページ・メニュー をクリックします。
      2. ブッキングページ」をクリックします。
      3. サービスページ」をクリックします。
    • Editor X:
      1. Editor X 上部にある「ページ をクリックします。
      2. ブッキングページ」下の「サービスページ」をクリックします。
  2. エディタで「サービスページ」パーツをクリックします。
  3. プラグイン」アイコン をクリックします。
  4. マッププラグイン」にマウスオーバーし、「+追加」をクリックします。
プラグインを「追加」するボタン
  1. エディタでマップが表示されている部分をクリックします。
  2. 地図を管理」をクリックします。
  3. サービスの提供場所、またはビジネス所在地のどちらを表示するかを選択します。
    注意:サービスの提供場所は、ダッシュボードで該当するサービスを開き、「場所」セクションから追加または変更することができます。また、新たなビジネス所在地は、サイトダッシュボードの「ビジネス情報」ページから追加することができます。
ヒント:
サイトのプレビューモードでは、最新版の Google マップが表示されない場合があります。プレビューモードがライブサイトと異なって表示される場合は、地図に変更を加えてから「公開」をクリックしてください。

ステップ 2 | マッププラグインの設定をカスタマイズする

サービスページにマッププラグインを追加したら、マップの表示形式や縮尺などをカスタマイズすることができます。

マッププラグインの設定をカスタマイズする方法:

  1. エディタでマップが表示されている部分をクリックします。
  2. 設定」アイコン  をクリックします。
  3. スライダーを使用して、マップのデフォルトの縮尺を設定します。
  4. 地図 / 衛星写真」トグルを有効にして、顧客がマップの表示形式を切り替えられるようにします。
  5. ズームイン / アウト」トグルを有効にして、顧客がマップをズームインまたはズームアウトできるようにします。これは、ビジネス所在地が遠くにある場合や複数の国にある場合に便利です。
  6. ストリートビュー」トグルを有効にして、顧客がマップ上でストリートビューを使用できるようにします。
  7. ルート案内リンクを表示」トグルを有効にして、Google のルート案内サービスへのリンクを表示します。
  8. マップのドラッグ」トグルを有効にして、顧客がマウスをドラッグしてマップ内を移動できるようにします。
Google マップ設定

ステップ 3 | サービスページでマップが表示される場所を選択する

デフォルトでは、マップはサービスページの最下部に配置されますが、表示される場所は必要に応じていつでも変更することができます。

サービスページでマップが表示される場所を選択する方法:

  1. エディタで「サービスページ」をクリックします。
  2. 設定」をクリックします。
  3. セクション」をクリックします。
  4. プラグイン」セクションを希望の場所にドラッグします。
マッププラグインの「セクション」タブ

ステップ 4 | 地図のデザインとピンのデザインを選択する

地図のデザインは、サイトのデザインやブランドに合わせて選択することができます。また、ピンもさまざまな形から選択し、マップをさらにカスタマイズすることができます。

地図のデザインとピンのデザインを選択する方法:

  1. エディタでマップが表示されている部分をクリックします。
  2. デザイン」アイコン をクリックします。
  3. 地図のデザインを選択します。
  4. ピンのデザイン」タブをクリックして、実行する内容を選択します:
    • プリセットのピンを選択する:ピンの形状を選択します。(使用可能な場合)「色を選択」ボックスをクリックし、色を選択します。
    • オリジナルのピンをアップロードする:「追加」アイコン  をクリックしてファイルをアップロードします。
Google マップデザインパネルの「ピンのデザイン」タブ

お役に立ちましたか?

|