Как бесшовно интегрировать Chatbot Builder AI на ClickFunnels

Чтобы встроить виджет веб-чата Chatbot Builder AI на ClickFunnels, выполните следующие шаги:

1. Получите код веб-чата с платформы Chatbot Builder AI. Вы можете найти его, перейдя в раздел "Настройки" > "Каналы" > "Веб-чат" и выбрав веб-чат, который вы хотите использовать.

2. В ClickFunnels создайте новый блок "Пользовательский HTML и JavaScript" и вставьте в него код веб-чата.

3. Обратите внимание, что ClickFunnels может иметь некоторые специфические для платформы требования к коду веб-чата. Если вы столкнетесь с какими-либо проблемами, обратитесь к документации Chatbot Builder AI за руководством по модификации кода для ClickFunnels.

4. После вставки кода будьте терпеливы и подождите 10 минут, пока изменения не отразятся на вашей странице ClickFunnels. Это известное ограничение платформы.

5. Если вы хотите дополнительно настроить виджет веб-чата, например, добавить текстовый пузырь над кнопкой чата, вы можете воспользоваться услугой, такой как Claude от Anthropic, чтобы сгенерировать необходимый код для вас. Предоставьте службе ваши требования, и она предоставит вам модифицированный код для использования.

6. Как только у вас будет настроенный код, просто замените исходный код веб-чата в блоке "Пользовательский HTML и JavaScript" ClickFunnels на новый код, и изменения будут отражены на вашей странице после 10-минутного периода ожидания.

Выполнив эти шаги, вы сможете легко встроить виджет веб-чата Chatbot Builder AI на ваши страницы ClickFunnels и даже настроить его по своему вкусу без каких-либо навыков веб-разработки.

Чтобы настроить виджет веб-чата Chatbot Builder AI и добавить текстовый пузырь с определенным стилем, выполните следующие шаги:

1. Получите исходный код скрипта веб-чата с панели управления Chatbot Builder AI.
2. Используйте услугу, такую как Claude от Anthropic, чтобы сгенерировать модифицированный код с желаемым текстовым пузырем и стилем. Предоставьте следующие инструкции:
   • "Вот код нашего скрипта плагина веб-чата. Нам нужно, чтобы вы добавили текстовый пузырь над кнопкой веб-чата. Текст должен быть: 'Эй, если у вас есть какие-либо вопросы, задавайте их здесь'. Текст должен быть довольно узким и адаптивным для мобильных устройств, с радиусом границы 16 пикселей. Задержка для отображения текста должна составлять 5 секунд."
   • "Пожалуйста, также измените цвет фона текстового пузыря на белый и добавьте немного пространства между кнопкой чата и текстовым пузырем."
3. Сгенерированный код будет включать необходимый HTML, CSS и JavaScript для реализации настроенного виджета веб-чата с текстовым пузырем и стилем.
4. На вашем веб-сайте или платформе (например, ClickFunnels) найдите соответствующий раздел, чтобы вставить модифицированный код веб-чата, например, пользовательский блок HTML/JavaScript.
5. После обновления кода подождите 10 минут, пока изменения не отразятся на вашем живом веб-сайте или платформе.
6. Обновите страницу, чтобы увидеть настроенный виджет веб-чата с текстовым пузырем и стилем.

В этом разделе мы обсудили процесс установки плагина веб-чата ChatbotBuilder AI на ClickFunnels. Ключевые моменты:

1. Получите код веб-чата с платформы ChatbotBuilder AI и вставьте его в пользовательский блок JavaScript и HTML в ClickFunnels.
2. Будьте терпеливы, так как может потребоваться до 10 минут, чтобы изменения отразились на странице ClickFunnels.
3. Чтобы дополнительно настроить виджет веб-чата, вы можете использовать услугу, такую как Clowd.ai, чтобы добавить текстовый пузырь над кнопкой чата, изменить цвет фона и отрегулировать расстояние.
4. Следуя этим шагам, вы можете легко интегрировать плагин веб-чата ChatbotBuilder AI в ваши страницы ClickFunnels без каких-либо навыков веб-разработки.