メインコンテンツにスキップ

ウィジェットの設定

ウェブサイトにAI搭載のチャットウィジェットをインストールして、リードを獲得し、クライアントの質問に回答します。

対応者:Sarah Chen

ウィジェット は、ウェブサイトに埋め込めるチャットアシスタントです。ビジネスコンテンツで訓練されたAIを使用して、訪問者の質問に答え、連絡先情報を取得し、会話をチームにルーティングします。独自のブランディングと知識ベースを持つ複数のウィジェットを作成できます。

ウィジェットの作成

設定 を開き、サイドバーから Widget を選択します。最初のウィジェットを作成するには、ウェブサイトのドメインを入力し、Exayard が自動的にブランドカラー、ロゴ、会社名を取得します。また、AI の知識ベースを構築するためにサイトのクローリングを開始します。

追加のウィジェットを作成するには、上部のウィジェット名ドロップダウンを開き、新しいウィジェット をクリックします。同じドロップダウンの ウィジェット管理 サブメニューから、任意のウィジェットを名前変更または削除できます。

外観

外観 セクションを展開して、サイト上のウィジェットの外観をカスタマイズします。右側のライブプレビューが変更に応じて更新され、デスクトップとモバイルのビューを切り替えられます。

設定

制御内容

ロゴ

ウィジェットヘッダーに表示される画像

会社名

ウィジェットヘッダーに表示されるテキスト

プライマリカラー

ボタンやアクセントの背景色

フォアグラウンドカラー

プライマリカラーの要素のテキスト色

テーマ

カラースキーム: システム、ライト、またはダーク

ボタンテキスト

フローティング起動ボタンのラベル (プリセットを選択、カスタムテキストを記述、または非表示)

起動動作

ページロード時のウィジェットの表示方法、デスクトップとモバイルで別々に設定: ボタンを表示、即時オープン、30秒後にオープン、または非表示

間隔

ページ端からの水平および垂直距離 (ピクセル単位)

位置

ページ上の配置 (左上から右下への9点グリッド)

カスタムボタンテキストは自動的にすべてのサポート言語に翻訳されます。翻訳アイコンをクリックして個別の翻訳を確認または編集します。

知識

知識 セクションは、AI がビジネスについて知っている内容を制御します。コンテンツを追加する方法は2つあります。

ウェブサイトを追加 をクリックして、ドメイン全体をクロールします。Exayard はサイト全体のリンクをたどり、AI が参照できるようにページコンテンツをインデックス化します。詳細設定でクロール制限 (最大ページ数) とクロール深度 (たどるリンクの深さ) を設定できます。インデックス化されたウェブサイトをクリックして、ページを表示、個別URLを検査、ページを除外、または再クロールします。

ページを追加 をクリックして、サイト全体をクロールせずに単一のURLをインデックス化します。これは特定のランディングページや外部リソースに便利です。製品カタログと価格知識は、知識セクションにリンクが提供されている見積もり設定で別途管理されます。

サービス

サービス セクションを展開して、ウィジェット経由で訪問者が依頼できる作業の種類を定義します。入力フィールドにサービス名を入力して Enter を押して追加します。サービスをドラッグして並べ替え、名前をクリックしてインラインで名前変更、または提供しないサービスを削除します。

インストール

ウィジェット設定の上部にあるインストールカードに、プラットフォーム固有の指示付きの埋め込みコードが表示されます。プラットフォームを選択 -- HTML、WordPress、Wix、Squarespace、または Shopify -- して、表示される手順に従います。WordPress の場合、Exayard プラグインをインストールし、設定 > Exayard にウィジェットキーを貼り付けます。他のプラットフォームでは、コードスニペットをコピーして、サイトのHTMLの閉じ </body> タグの前に追加します。インストール後、カードにドメインと インストール済み バッジが表示されます。

インテグレーション

インテグレーション セクションは、ウィジェットを外部プラットフォームに接続して、会話とリードをリアルタイムでチームに届けます。メッセージングインテグレーション -- Slack および Telegram -- は、選択したチャネルまたはグループにウィジェット会話を転送します。スケジューリングインテグレーション -- Calendly および Cal.com -- は、チャットから直接訪問者が会議を予約できるようにします。インテグレーション記事 を参照して詳細な設定手順を確認してください。

こちらの回答で解決しましたか?