Webflow AIチャットボット
Webflowサイトのすべての訪問者に、答えを。コードで、思いのままに。
サイトのカスタムコードにスニペットを1つ貼り付けて公開するだけ。ページやドキュメントで学習したチャットバブルが訪問者に回答し、小さなJavaScript APIで、独自のボタンからチャットを開くこともできます。
- 無料プランで利用可能
- フッターコードにスニペット1つ
- JavaScript API
例：ソフトウェア会社のWebflowサイトで、訪問者がスプレッドシートからデータをインポートできるか尋ねます。エージェントはドキュメントをもとに回答し、「インポートガイドを読む」ボタンを表示します。
さまざまな企業のチームが利用しています
ドキュメントを、会話に。サイトのすべてのページで。
訪問者が求めているのは、ドキュメント探しではなく答えです。エージェントはページ、料金、ヘルプセンターを把握しており、数秒で回答します。
質問への回答
機能、料金、設定方法、各種ポリシーなどの質問に、ページやドキュメントをもとに答えます。
ボタンを表示
チャット内のボタンで、予約、料金、購入手続きのページへ訪問者を案内します。
リードの獲得
名前やメールアドレスなど、指定した情報を1つずつ質問して集め、「リード」に保存します。
デモの予約
あなたの空き時間を確認し、Googleカレンダーに予約を入れます。
サイトの作りに合わせて
独自のコードからチャットを開いたり、隠したり、表示したりでき、ログイン中のユーザーが誰かも伝えられます。
顧客の言語で対応
同じ知識をもとに、顧客が書いた言語で返信します。
貼り付けて、公開するだけ。スニペット1つで、全ページに。
- 1
スニペットをコピーする
Easy-Peasy.AIでエージェントを開き、「チャンネル」→「チャットバブル」に進んで「管理」をクリックし、インストール用スニペットをコピーします。
- 2
フッターコードに貼り付ける
Webflowで「サイト設定」を開き、「カスタムコード」タブの「フッターコード」にスニペットを貼り付けて、「変更を保存」をクリックします。
- 3
公開する
カスタムコードは公開すると反映されます。「公開」をクリックして、公開中のサイトを開きましょう。
「フッターコード」にインストール用スニペットが入った、Webflowのカスタムコード設定。公開すると反映されることを示すメモが添えられています。
チャットを、コードで操作。数行で、プラグインなし。
独自のボタンからチャットを開き、購入手続きのページでは非表示にし、ログイン中のユーザーが誰かをエージェントに伝えられます。チャットの読み込み前に呼び出した処理は、準備ができてから実行されます。
- どのボタンからでも open()、close()、toggle()
- ページの移動に合わせて hide() と show()
- setContact() で会話に訪問者のラベルを付与
- 「会話」に各チャットの開始ページを表示
ボタンからチャットを開き、ログイン中の訪問者の名前とメールアドレスを渡すコード。その横に、その訪問者と開始ページのラベルが付いた会話があります。
知っておきたいこと。Webflowについて、わかりやすく。
- 無料プランに対応
- ウェブサイトのチャットは、無料プランを含むすべてのプランで使えます。ボタンや予約などのアクションには有料プランが必要です。
- Webflowのプラン
- カスタムコードはWebflowの有料サイトプランで使え、公開すると反映されます。
- 1ページだけに表示
- 1つのページだけにチャットを表示するには、代わりにそのページ設定の「</body>タグの前」欄にスニペットを貼り付けます。
- サイトが重くならない
- バブルはすぐに表示され、チャット本体はページが落ち着いてから読み込まれます。
- 変更は自動で反映
- 「外観」でバブルの見た目やあいさつ文を変更すると、新しいコードなしで、1分ほどでサイトに反映されます。
- ラベル用で、認証用ではない
- setContact() で渡した情報は、会話のラベルとして使われます。本人確認はされないため、エージェントが何を共有してよいかの判断には使わないでください。
お客様の声。G2、Capterra、Trustpilotのレビューをそのまま。
Easy-Peasy.AI is an incredible chatbot platform! It’s user-friendly, intelligent, and provides accurate and helpful responses. I’m amazed by its capabilities and how it adapts to my needs.
Nermin S.★★★★★Capterra“The intuitive interface without needing any technical expertise. Use runs fast and the results are highly accurate. Plus, the affordable pricing plans make powerful AI accessible even for individuals and small businesses.”
Ronit S.★★★★★G2“…I use it to create images, bots and access every LLM in one single place. I highly recommend it.”
Dennis Cambronero★★★★★Trustpilotご質問に、お答えします。
まだ気になることはありますか？このページのエージェントに聞いてみてください。皆さまにご利用いただくのと同じツールで作りました。
WebflowサイトにAIチャットボットを追加するには？
エージェントのインストール用スニペットをコピーし、Webflowで「サイト設定」を開いて、「カスタムコード」タブの「フッターコード」に貼り付け、保存して公開します。すべてのページにチャットバブルが表示されます。
独自のボタンからチャットを開けますか？
はい。どのボタンからでも window.easyPeasyChat.open() を呼び出せます。チャットの非表示・表示もでき、setContact() でログイン中のユーザーが誰かをエージェントに伝えることもできます。
ウェブサイトのチャットボットは無料ですか？
はい。ウェブサイトのチャットは、無料プランを含むすべてのプランで使えます。ボタン、フォーム、予約はアクションにあたり、有料プランが必要です。
サイトが重くなりませんか？
いいえ。バブルはページの読み込みと同時に表示され、チャット本体はページが落ち着いてからバックグラウンドで読み込まれます。
チャットの見た目は変えられますか？
はい。「外観」で位置、アイコン、色、あいさつ文を選べます。新しいコードなしで、1分ほどでサイトに反映されます。
エージェントは何から学習できますか？
ウェブサイトとサイトマップ、PDF・Word・CSV・TXT・EPUBファイル、YouTube動画、テキスト、Q&Aペアから学習できます。内容が変わったら、ワンクリックで再学習できます。
訪問者は音声で話しかけられますか？
はい、Unlimited 200以上のプランで可能です。訪問者はチャットの「Talk」をタップして話しかけます。そのほかのプランでは、プレイグラウンドで音声通話をお試しいただけます。
どの言語に対応していますか？
80以上の言語に対応し、同じ知識をもとに、顧客が書いた言語で返信します。
1つのエージェントを、すべてのチャネルで。顧客とどこで出会っても、答えは同じ。
- WhatsAppWhatsApp Businessの番号に届くメッセージに回答します。
- Telegram登録した知識をもとに回答するTelegramボットです。
- MessengerFacebookページに届くメッセージに返信します。
- SlackSlackでチームの質問に回答します。
- LINELINE公式アカウントのチャットに回答します。
- メール顧客からのメールに、同じスレッド内で返信します。
- WordPressプラグインで、WordPressサイトにチャットバブルを設置します。
- Shopifyストアで商品を探し、注文状況もお知らせします。
- WixWixサイトの全ページにチャットを追加します。
- SquarespaceSquarespaceサイトにチャットを追加します。
- あらゆるチャネルウェブサイトチャット、電話、Zapierなど、すべてを1つのエージェントで。