Wix エディタ:モバイルサイトにモバイルアクションバーを追加・設定する
読了時間:3分
モバイルサイトにモバイルアクションバーを追加・設定して、訪問者がモバイル端末から簡単にあなたに連絡できるようにします。Facebook やメールなどのアクションを追加したり、カスタムリンクを作成すると、訪問者が必要な情報にすぐにアクセスできるようになります。
![モバイルアクションバーが表示されたモバイル上のライブ Wix サイトのプレビュー。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/9432a2ad-f01d-4a3d-ae53-370c37e15e62/2019/12/26/4ed638c3-e94a-4fbb-8386-be949476ebc0/8a5c2a02-8b05-449e-82cc-9b811b829116.png)
ステップ 1 | モバイルアクションバーを追加する
モバイルアクションバーを追加して、モバイルの訪問者があなたとスムーズに繋がることができるようにします。
備考:
Wix チャットをインストールしている場合、モバイルアクションバーは自動的にサイトに搭載されています。ステップ 2 に進んで設定してください。
モバイルアクションバーを追加する方法:
- モバイルエディタにアクセスします。
- 左側の「モバイルツール」アイコン
を選択します。
- 「モバイルアクションバー」横の「サイトに追加する」アイコン
をクリックします。
![モバイルエディタの「モバイルツール」パネルで、モバイルアクションバーを追加するオプションにマウスオーバーしている様子を示したスクリーンショット。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2024/01/02/f2705267-3065-4eff-98c2-09981640a009/9aee0ce6-8c84-4ed4-8cba-9b6780bf4fcb.jpg)
ヒント:
モバイルアクションバーはモバイルサイトの下部に追加されます。モバイルアクションバーがフッターの一部を覆う場合、エディタツールバーを使用して、フッターの高さを 50 ピクセル長くしてください。
ステップ 2 | アクションを追加する
必要なアクションをモバイルアクションバーに追加します。Facebook、LinkedIn、TikTok など、さまざまなプリセットアクションを利用することができます。
モバイルアクションバーにアクションを追加する方法:
- モバイルエディタでモバイルアクションバーを選択します。
- 「モバイルアクションを設定」をクリックします。
- 「その他」をクリックします。
- リストで必要なアクションをクリックして、モバイルアクションバーに追加します。
ご存知でしたか?
カスタムアクションを追加・設定し、訪問者を外部 URL や文書ファイルなどに誘導できます。カスタムアクションの追加・設定方法はこちら
![「モバイルアクションを設定」パネルでその他のアクションを表示し、「お問い合わせフォーム」のオプションにマウスオーバーしている様子を示したスクリーンショット。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2024/01/02/1b7e7626-f7f3-4641-a98d-a5d82e7bf2f0/5cfe6a39-c872-48b1-bb1c-616e447d9aa9.jpg)
ステップ 3 | アクションを設定する
必要なアクションを追加したら、訪問者があなたに連絡できるよう設定します。
アクションを設定する方法:
- モバイルエディタでモバイルアクションバーを選択します。
- 「モバイルアクションを設定」をクリックします。
- パネル内のアクションにマウスオーバーし、「その他のアクション」アイコン
をクリックします。
- 「設定」をクリックし、アクションの詳細を入力します。
![「モバイルアクションを設定」パネルで、「電話」のアクションを設定するオプションにマウスオーバーしている様子を示したスクリーンショット。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2024/01/02/793eef1c-9ec9-45f2-a897-0fc1fcd64311/bffe5fec-a7e2-4c9b-9882-c58e73190a06.jpg)
次のステップ:
バーに表示されるアクションを管理したり、バーのデザインをカスタマイズしてみましょう。