使い方は？

A FAB (フローティングアクションボタン) は、画面の下部に常に浮かんでいるシンプルなメニューで、通常はサポートに使用されます。FABは、WhatsApp、メッセージング、メールなどのチャットツールや、サポートリソースやソーシャルメディアチャンネルへのリンクを提供し、あなたのウェブサイトを促進します。

主な利点:

シンプルで、通常はサポートに使用されます。
他のアプリからのフローティングボタンをグループ化したり、スライドメニューをトリガーするために使用できます。
重要なリンクを簡単にアクセスできる場所に配置します。
主要なナビゲーションを中央集約し、ユーザーと検索エンジンがあなたのサイトをよりよく理解できるようにします - SEOに最適です。

FAQ:

1. 無料版と有料版のどちらを使用するか決めていません。プロフェッショナルメニューのテンプレートを試すことはできますか？

もちろんです！メニューグループは、主に初心者がNavi+の高度な機能に圧倒されないようにするためのものです 😄. プロフェッショナルメニューを試して、すべての機能とレイアウトオプションを探索するのが最良の方法です。後で、必要ないメニューや不適切なメニューを削除することができます。

2. ここでメニューを作成すると、すぐに私のウェブサイトに表示されますか？

まだです。正しいメニューを公開する必要があります。それがあなたのウェブサイトに表示されるために。心配しないでください — 簡単です！

3. 間違ったテンプレートを選んだり、間違いを犯したらどうなりますか？

全く問題ありません。いつでも削除して新しいものを作成できます。メニューをテストしていて、別のテンプレートを試したい場合は、現在のものをバックアップファイルとして保存し、後で再オープンできます。メニュー間で部分をコピー＆ペーストすることもできます（2つのブラウザタブを開くことで）以前の作業を保持するために。自由に実験してください！

4. メニューを1つだけ作成するべきですか、それとも複数作成するべきですか？

あなたは複数のメニューを作成するべきです。 アクティブなメニューだけがあなたのサイトに表示されますが、異なるテンプレートを選択したり、メニューをクローンしたりして、多くのバージョンを準備できます。メニューは、ページタイプ（ホーム、製品、コレクション...）、デバイス（モバイルまたはデスクトップ）、またはURLキーワードに基づいて表示/非表示に設定できます。だから、各状況に合ったメニューを構築してください！

ステップ1: メニューツリーを編集する

1.1. メニューツリーの理解

メニューツリーは、どのメニューにとっても最も重要な部分です — 構造を定義します。

以下はメニューツリーの例です：

サポート  
- バナー  
- チャットする（グループとして表示）  
- Whats App
- テレグラム
- Facebookメッセンジャー
- ...  

これは2レベルのメニューツリーです。あなたの創造性に応じて、FABで最大3レベルを作成できますが、シンプルさのために通常は2レベルが最適な選択です。

あなたはこのメニューツリーを構築するのにほとんどの時間を費やし、顧客が探しているコンテンツを見つける手助けをします。

カタログ: タブバーに表示されるレベル1メニュー項目。オールマウンテン: カタログをタップしたときに表示されるレベル2メニュー項目。

1.2. メニューツリーとの基本的なインタラクション

メニュー項目を上下または左右にドラッグ＆ドロップして、その位置や親子関係を変更できます。

任意のメニュー項目にマウスをホバーすると、追加のオプションが表示されます：項目の詳細を編集する、メニューツリーから削除する、または他の場所にコピー＆ペーストすることができます。

ヒント: 2つのブラウザタブでNavi+アプリを開くことで、1つのメニュー項目を別のメニューにコピーできます。

1.3. 重要！サンプルメニュー項目を削除し、必要な構造だけを保持してください。

これは、Navi+でメニューを作成する際の一般的な状況です。新しいメニューを作成すると、レイアウトアイデアを示し、必要に応じてコピー/ペーストできる人気のメニュー項目を含む完全な例が含まれます。ただし、Navi+に不慣れでStarterプランを使用している場合は、画像のアップロードや高度なインタラクションの使用など、利用できない機能に対して多くの赤い（i）警告が表示されます。

これらの高度な機能が好きな場合は、BusinessまたはEliteプランにアップグレードすることを検討してください。しかし、Starterプランを続けたい場合は、赤い（i）警告のあるメニュー項目を見つけて削除してください。

重要なヒント: 削除確認が表示されたら、「次回は再度尋ねない」をオンにして、より早く削除してください。

1.4. メニューツリーにメニュー項目を追加する

メニュー項目を追加するには、2つのオプションがあります：

オプション1 **（Navi+に不慣れな場合は推奨しません）**: 「メニューを追加」をクリックして、メニューツリーの最後に空のメニュー項目を挿入します。この方法は、メニュー項目の設定をよく理解している必要があります。これは後で説明します。最初は圧倒されるかもしれませんので、後で探索することができます。

オプション2（推奨）： すでに多くのデザインされたメニュー項目テンプレートを用意しています。単にそれらを適切な場所にコピー＆ペーストしてください。メニューツリーが完成したら、未使用のテンプレートを削除するだけです。

ステップ2: (Shopify) メニューをウェブサイトに公開する。

2.1. App EmbedsでNavi+をオンにする

ステップ1: オンラインストアをクリックし、次にテーマをクリックします。ヒント: オンラインストアを右クリックして「新しいタブでリンクを開く」を選択すると、時間を節約できます。

ステップ2: メニューを公開したいテーマを選択します。  クリック: カスタマイズ

あなたのウェブサイトが新しく、まだユーザーがいない場合は、心配せずにメニューを公開してください — 訪問者に影響を与えることなく、いつでも簡単にオンまたはオフにできます。
あなたのウェブサイトにすでに定期的なトラフィックがある場合は、より注意が必要です。最良の方法は、複製テーマを作成し、そのバージョンで最初にNavi+をテストすることです。