カスタマーハブと商品ページ向け FAQ の作成方法
このページで学べること
サイトのカスタマーハブインターフェイスと商品詳細ページに表示する「よくあるご質問(FAQ)」を作成して管理する方法をご確認ください。FAQ を目立たせることで、よくあるお客様の質問に先回りして対応でき、サポートチームへの繰り返しの問い合わせを減らせます。
Shopify 向け カスタマーハブは、現在標準のストアフロントと Shopify Headless をサポートしています。WooCommerce の場合は、https://help.klaviyo.com/hc/en-us/articles/47792369863451 に移動してください。
始める前に
このガイドでは、サイトのカスタマーハブインターフェイスで FAQ を有効にする方法について説明します。続行する前に、Klaviyo でカスタマーハブ機能が有効になっていることを確認してください。
FAQ は顧客に対してどこに表示されますか?
FAQ はウェブサイト上の 2 つのエリアに表示できます:
- カスタマーハブ
- ウェブチャット有効 (左の画像)
FAQ はカスタマーハブドロワーの [チャット] タブに表示されます。顧客は FAQ をクリックして、メッセージスレッド内で質問とその回答を表示できます。 - ウェブチャットが有効になっていません(右の画像)
FAQ は、カスタマーハブドロワーの専用の FAQ タブに表示されます。顧客は質問を閲覧し、展開して回答を確認できます。
- ウェブチャット有効 (左の画像)
![]() | ![]() |
- 商品詳細ページ
- (任意)サイトの商品詳細ページで、商品下に最大 3 件の FAQ を表示できます。顧客が質問をクリックすると、カスタマーハブインターフェイスが開き、回答が表示されます。
- (任意)サイトの商品詳細ページで、商品下に最大 3 件の FAQ を表示できます。顧客が質問をクリックすると、カスタマーハブインターフェイスが開き、回答が表示されます。

カスタマーハブに新しい FAQ を追加
カスタマーハブの FAQ を作成するには:
- Klaviyoのメインナビゲーションで、[サービス] > [カスタマーハブ]を選択します。
- [デザイン] をクリックします。

- エディターキャンバスの上部付近で FAQ オプションを見つけるか、https://www.klaviyo.com/customer-hub/design?view=faq にアクセスしてください。

- [FAQ を作成]をクリックしてください。
- FAQ の詳細を入力します:
- 名前
内容が分かる名前を割り当てます(例:配送に関する質問の場合は "配送ポリシー")。 これらは社内でのみ使用され、お客様には表示されません。
- 名前
FAQ は作成後に名前を変更できません。これは、Klaviyo が FAQ 名を使用して、FAQ との顧客インタラクション(例:「カスタマーハブでFAQをクリック」のイベント)を追跡および絞り込みするためです。正確なレポート作成を行うために、各 FAQ に明確で関連性の高い名前を付けてください。
- 質問
顧客が尋ねると想定される形で質問を作成します。 - 回答
簡潔で正確な回答を記載してください。 - リンク(任意)
詳細情報へのリンク用 URL を追加します(例:配送ポリシー)。
- [作成] をクリックして、カスタマーハブインターフェイスで FAQ を公開します。

Display FAQs メニューには、サイトに表示される順にすべての FAQ が一覧表示されます。FAQ はドラッグして並べ替えることができます。各 FAQ の横にある青いトグルは公開中かどうかを示しており、これをオフに切り替えるとサイトから FAQ を削除できます。

商品ページに FAQ を追加する
さらに、商品詳細ページに FAQ を表示できます。これを行うには、Shopify オンラインストアに Klaviyo FAQs アプリブロックを追加します。
同じ FAQ がすべての商品詳細ページに表示されます。商品ページごとに異なる FAQ を選択することはできません。
- FAQ を表示メニューで、[アプリブロックを追加] をクリックします。

- これにより Shopify テーマ エディタが新しいウィンドウで起動し、デフォルトの商品ページテンプレートに Klaviyo FAQs アプリブロックが追加されたことを示すモーダルが表示されます。

- 必要に応じて、アプリブロックをクリックしてドラッグし、位置を変更します。
- Shopify で変更を保存するには、保存をクリックします。
- Klaviyo に戻り、ページを更新します。商品詳細ページに質問を表示する設定が表示されるようになりました。

- ドロップダウンを使用して、商品ページに表示する FAQ を最大 3 つ選択してください。
- 任意:FAQ アプリブロックの希望の色を選択します。
選択内容は自動的に保存されます。商品ページで FAQ をクリックするとカスタマーハブインターフェイスが開き、ウェブチャットの設定に応じて、Chat または FAQs タブに回答が表示されます。
今後は、Klaviyo の 商品詳細 ドロップダウンを使用して、商品詳細ページに表示する FAQ を追加できます。アプリ ブロックを再インストールする必要はありません。FAQ は、調整可能な表示ボックスで選択した順序でサイトに表示されます。
サイトに表示される FAQ を管理する
カスタマーハブインターフェイスと商品詳細ページに表示される FAQ を、それぞれ個別に制御できます。たとえば FAQ は、カスタマーハブで公開、商品のみ、両方、またはいずれでもない、のいずれにも設定できます。
カスタマーハブに表示される FAQ を変更する
- Klaviyo のメインナビゲーションから、[カスタマーハブ] を選択します。
- [設定] ボタンをクリックします。
- [FAQ]を選択します。
- Display FAQs の下で、トグルをオンに切り替えて質問を公開に設定するか、オフに切り替えて非表示に設定します。

商品詳細ページに表示する FAQ を変更する
- Klaviyo のメインナビゲーションから、[カスタマーハブ] を選択します。
- [設定] をクリックします。
- [FAQ] タブを選択します。
- 表示する FAQ を選択ドロップダウンをクリックし、表示する質問を選択または選択解除します。最大 3 件の FAQ を表示できます。

FAQ を編集する
FAQ の 1 つを変更するには:
- Klaviyo のメインナビゲーションから、[カスタマーハブ] を選択します。
- [設定] をクリックします。
- [FAQ] タブを選択します。
- 変更したい FAQ の横で、追加オプション(3 点)メニューを選択し、[編集] を選択します。

- 必要に応じて質問、回答、またはリンクを更新します。
- [保存] をクリックします。変更は、FAQ が公開されているすべての場所で直ちに反映されます。
FAQ を削除
FAQ を削除すると、アカウントから完全に削除され、復元することはできません。後で FAQ を再利用する可能性がある場合は、切り替えをオフにして、代わりに下書きに設定してください。
FAQ を削除するには:
- Klaviyo のメインナビゲーションから、[カスタマーハブ] を選択します。
- [設定] ボタンをクリックします。
- [FAQ]を選択します。
- 完全に削除したい FAQ を見つけ、追加オプション(3 点)メニューを選択します。

- [削除] をクリックしてください。
その他のリソース
- Getting started with web chat
Learn about web chat, which is a 2-way communication channel you can add to your website. Web chat can be set up on its own for you to use with Customer Agent and Helpdesk, but it's also designed to be a seamless part of Customer Hub. Web chat allows your business to engage in live, personalized conversations with visitors on your website so they can easily get answers to their questions or assistance with issues.
- Getting started with Customer Agent
Learn how to activate Klaviyo's Customer Agent, an AI-powered tool that provides instant support to your website visitors. Customer Agent ingests information from your Shopify store, and learns any additional information you provide, to answer shopper inquiries across web chat, email, SMS, and WhatsApp.
- How to style your Customer Hub
Learn about design options for styling your Customer Hub drawer, and how you can design it to match your brand. Because the Customer Hub interface is ingrained in the customer experience, it’s best practice to style it to appear as an extension of your website.

