Чат-лендинг на веб-сайт (iframe)

Описание

На платформе Nextbot можно создать встраиваемый чат, что позволяет разрабатывать современные ИИ-лендинги.

Пример такого лендинга: https://promo.nextbot.kz/cbl/

Обычные лендинги устарели: человек заходит, читает и уходит. ИИ-лендинг работает иначе:

клиент сразу попадает в диалог, как в мессенджере;
бот отвечает на вопросы, консультирует и доводит до заявки;
контакт тут же передается в CRM и аналитику.

Создание iframe чата

Создание чата

Откройте раздел «Чат на сайт».
Выберите вкладку «HTML-код в тело сайта».
Нажмите кнопку «Создать iframe-чат».

Основные опции

Окно чата. В этом блоке можно настроить следующие опции:
1. Язык интерфейса
2. Текст в поле ввода вопроса (например, «Введите ваш вопрос»)
3. Фон (цвет фона)
4. Фоновое изображение
5. Текст при наборе текста ботом
6. Цвет текста при наборе текста ботом:
7. Приветственное сообщение
Шрифты Google Fonts По желанию вы можете выбрать нужный вам шрифт и установить его. Для этого перейдите на сайт https://fonts.google.com/, выберите нужный язык (например, Russian) и нажмите на подходящий вам в списке шрифт. Откроется новое окно с выбранным вами шрифтом, нажмите кнопку Get Font, а затем <> Get Embeded Code. Скопируйте код из двух полей: — Embed code in the of your html -> вставьте его в поле "Ссылка на Google Fonts (CSS)" — Ponomar: CSS class -> вставьте его в поле "CSS стили для шрифтов" Нажмите "Применить" и не забудьте сохранить настройки. После сохранения ваш кастомный шрифт будет применён.
Иконка кнопки отправки Чтобы добавить кастомную иконку отправки сообщений, вы можете вставить SVG-код в поле и нажать "Применить". После сохранения, иконка отправки сообщения изменится на новую. Используя опцию "Поворот", вы можете настроить угол наклона вашей SVG-иконки.
Сообщения ИИ-агента
1. Фон
2. Текст
Сообщения пользователя
1. Фон
2. Текст
Размеры виджета
1. Ширина – может быть указана в px (пикселях), процентах или vw (viewport width – ширина видимой области).
2. Высота – может быть указана в px (пикселях) или vh (viewport height – высота видимой области)
3. Отступ
4. Закругление углов
Аватар - выберите один из предложенных или введите ссылку на свой аватар. Ссылка на свой аватар должна быть в формате https://xxxxxxx.xxx/avatar.png Используйте сервисы ImgBB, Imgur, PostImages, ImageShack и т.п.
Google Drive / Яндекс.Диск — не дают прямую ссылку с расширением, поэтому ссылки с этих сервисов работать не будут.
Вспомогательные вопросы - Вы можете добавить до 6 вопросов, которые будут отображаться в начале диалога для упрощения начала общения с ботом. После отправки первого сообщения, вопросы будут скрыты.
Не забудьте сохранить настройки!