Обратная связь на сайте является очень важным элементом, чтобы не потерять клиента когда вас нет рядом. Есть много платных аналогов, которые помогут вам создать чат-бота для сайта, и помочь пользователю в решении распространенных вопросов на сайте, тем самым помочь пользователю, не тратить на это усилий, но сегодня мы хотим показать как сделать такого бота самому, в красивой форме при помощи небольшого плагина convForm-это небольшой плагин jQuery для создания умного, интерактивного чат-бота из обычной html-формы.

 

Если вы хотите создать сайт при этом воспользоватся готовыми шаблонами тогда вы можете найти бесплатные и не только предложения на сайте наших партнеров:

Шаг 1. HTML

Плагин требует, чтобы последняя библиотека jQuery была правильно загружена в документ, обратите внимание, чтобы у вас не было подключено одновременно две библиотеки:

Идем дальше, загрузите в документ файлы JavaScript и CSS плагина jQuery convForm:

Создавая разметку вы можете определять свои собственные вопросы для каждой формы, используя атрибуты conv -*:

Если вы хотите показать конкретные вопросы, на основе ответов пользователя:

На основании это разметки, мы создали целую структуру вопросов и ответов, которые отображены в демонстрации.

Шаг 2. JS

По умолчанию все работу выполняет плагин, который имеет следующие настройки, вы можете их изменить под свое усмотрение:

Такой бот станет отличным помощником и поможет проконсультировать пользователя за вас, вы можете построить целую иерархию вопросов, тем самым разгрузив себя от одинаковых вопросов посетителей.

Вот и все. Готово!