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

Documentation Index

Fetch the complete documentation index at: https://docs.lovi.ai/llms.txt

Use this file to discover all available pages before exploring further.

ウェブウィジェット構成

Lovi のウェブウィジェットを統合し、ウェブサイトのデザインと機能を完璧に一致させる方法を学びます。 ウィジェットリスト これは賢いエージェントとウェブサイト訪問者の間の橋です。 ウェブウィジェット は画面の隅にあるフレンドリーな小さな泡で、“こんにちは!“と言います。統合するのは簡単です——ウェブサイトにコードスニペットを追加するだけです。そして、AI エージェントが 24/7 チャットする準備が整います。

🎛️ ウィジェットの概要

ウィジェットコマンドセンターです。ここで作成した各チャットバブルを表示できます。
  • なぜ複数? 価格ページに “Sales Bot” を、ヘルプセンターに “Tech Support” ボットを配置したい場合があります。ここでそれらをすべて管理します。
  • 各ウィジェットの主要アクション:
    • 📋 スクリプトをコピー: ウェブサイトに貼り付ける魔法のコードを取得します。
    • ⚙️ 構成: 楽しい部分。色、メッセージ、動作を調整します。

🎨 ウィジェットをカスタマイズ(アートクラス)

歯車アイコン ⚙️ をクリックして構成ラボに入ります。このウィジェットを本当に自分のものにしましょう。

1. 基本

  • AI エージェント: このチャットを強化する脳。
  • 言語: サイトが英語、スペイン語、フランス語を話す場合、ウィジェットに伝えます。

2. フローティングメッセージ(フック 🪝)

ボットが隠れないように!アイコンの上に魅力的なメッセージを設定します。

3. ルック&フィール(ドレスアップ)

  • ヘッダー: トップに何を表示するかを選択します。
  • 色: ブランドに正確に一致する吸管ツールを使用します。

4. ゲートキーパー:データ収集フォーム 📝

チャットを開始する前に誰と話しているかを知りたいですか?フォーム を有効にします。
  • 名前、メール、電話を尋ねます。
  • 必須またはオプションにします。

5. スマートデータ収集(アドバンス 🤓)

ウィジェットがウェブサイトのデータ(localStorage)を覗き見ることができます。
  • 役立つ方法: ログインしている場合、“こんにちは、ジョン!” と言います。

🛠️ 追加の調整とレイアウト

モバイル画面をチャットが占めるようにします。

🧪 テストドライブ(プレイグラウンド)

ライブサイトにコードを貼り付ける前に、試してみましょう。