ClickFunnelsでチャットボットビルダーAIを完璧に統合する方法

ClickFunnelsにChatbot Builder AI Webchatウィジェットを埋め込むには、以下の手順に従ってください:

1. Chatbot Builder AIプラットフォームからWebチャットコードを取得します。「設定」>「チャンネル」>「Webチャット」セクションに移動し、使用するWebチャットを選択してください。

2. ClickFunnelsで新しい「カスタムHTML&JavaScript」ブロックを作成し、Webチャットコードを貼り付けます。

3. ClickFunnelsにはWebチャットコードに対する特定のプラットフォーム要件がある可能性があります。問題が発生した場合は、Chatbot Builder AIのドキュメントを参照して、ClickFunnels用にコードを修正する方法を確認してください。

4. コードを貼り付けた後、変更がClickFunnelsページに反映されるまで10分待ってください。これはプラットフォームの既知の制限です。

5. Webチャットウィジェットをさらにカスタマイズする場合(チャットボタンの上にテキストバブルを追加するなど)、Anthropicのクロードのようなサービスを使用してコードを生成することができます。要件を提供すると、カスタマイズされたコードが提供されます。

6. カスタマイズされたコードができたら、ClickFunnelsの「カスタムHTML&JavaScript」ブロックの元のWebチャットコードを新しいコードに置き換えてください。10分待てば変更が反映されます。

これらの手順に従えば、ClickFunnelsページにChatbot Builder AI Webchatウィジェットを簡単に埋め込むことができ、高度なウェブ開発スキルなしでカスタマイズすることもできます。

Chatbot Builder AIのWebチャットウィジェットをカスタマイズし、特定のスタイルのテキストバブルを追加するには、以下の手順に従ってください:

1. Chatbot Builder AIダッシュボードから元のWebチャットスクリプトコードを取得します。
2. Anthropicのクロードのようなサービスを使用して、希望のテキストバブルとスタイルを含む修正コードを生成します。以下の指示を提供してください:
   • 「これがウェブチャットプラグインスクリプトのコードです。必要なのは、ウェブチャットボタンの上にテキストバブルを追加することです。テキストは「質問がある場合はここで聞いてください」とします。テキストは非常に狭く、モバイル対応で、境界半径は16ピクセルにします。テキストの表示遅延は5秒にします。」
   • 「テキストバブルの背景色を白に変更し、チャットボタンとテキストバブルの間にスペースを追加してください。」
3. 生成されたコードには、テキストバブルとスタイルを実装するための必要なHTML、CSS、JavaScriptが含まれています。
4. ウェブサイトやプラットフォーム(ClickFunnelsなど)で、カスタマイズされたWebチャットコードを貼り付ける適切なセクション(カスタムHTML/Javascriptブロックなど)を見つけてください。
5. コードを更新したら、変更がライブウェブサイトやプラットフォームに反映されるまで10分待ってください。
6. ページを更新すると、テキストバブルとスタイルが適用されたカスタマイズされたWebチャットウィジェットが表示されます。

このセクションでは、ClickFunnelsにChatbotBuilder AIのWebチャットプラグインをインストールするプロセスについて説明しました。主なポイントは以下の通りです:

1. ChatbotBuilder AIプラットフォームからWebチャットコードを取得し、ClickFunnelsのカスタムJavaScriptとHTMLブロックに貼り付けます。
2. 変更がClickFunnelsページに反映されるまで最大10分待つ必要があります。
3. Webチャットウィジェットをさらにカスタマイズするには、Clowd.aiのようなサービスを使用して、チャットボタンの上にテキストバブルを追加したり、背景色を変更したり、スペースを調整したりできます。
4. これらの手順に従えば、高度なウェブ開発スキルなしでChatbotBuilder AIのWebチャットプラグインをClickFunnelsページに簡単に統合できます。