既存のお問い合わせフォームとFAQ記事を連携させたい (フォームサジェスト)
ホームページ上の「お問い合わせフォーム」と、FAQPlusを連携させることができます。
この設定を行うと、ユーザーがフォームに文字を入力した際、関連するFAQ(よくある質問)のタイトルがその場で自動表示(サジェスト)されるようになります。
💡設定を行うメリット
・お問い合わせ件数の削減: ユーザーがフォームに質問を書き込んでいる途中でQAをサジェスト表示するので、自己解決に繋げられます。
・ユーザーのストレス軽減: メールや電話の返信を待つことなく、その場ですぐに疑問を解決できるようになります。
以下のサンプルページから、フォームサジェスト機能を体験できます。
フォームサジェストのサンプルページ
設定方法は以下となります。
(1)以下のFAQPlusのタグを、お問い合わせフォームがあるHTMLページに埋め込みます。
https://app.chatplus.jp/admin/cp/faq/setting/formsuggest
(2)サジェストを表示したいフォームをIDまたはClassで指定します。
HTML内のIDまたはClassを記載し、サジェストした記事タイトルを表示する範囲を指定します。

(3)カスタムCSSを入力します。
サジェスト時の文字サイズや色などのデザインを変更したい場合は、CSSを記載します。

(4)最後に更新を押します。

(5)フォームに文字を入力します。
サジェストされた記事タイトルをクリックすると該当のページに遷移します。

💡ID・Classとは?
HTML内の「ID」や「Class」は、特定の要素(入力フォームなど)に名前をつけて識別するためのものです。
・ID:ページ内で1つだけ使う「固有の名前」
・Class:複数の要素に使える「グループ名」
例えば、特定の1つのフォームだけにサジェストを表示したい場合はIDを、同じ種類のフォームすべてに表示したい場合はClassを指定します。
IDは1ページ内で1つのみ使用するのが基本で、Classは同じ名前を複数の要素に設定できるという違いがあります。