Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
+38 067 539 82 37
Бесплатная консультация

Бесплатная консультация

Оставьте заявку, с вами свяжется специалист Shcherbakov Agency и ответит на все ваши вопросы

Ваша заявка успешно отправлена!
Oops! Something went wrong while submitting the form.
Рубрики:
Блог
Чат-боты
30.03.2018

Пошаговый план создания чат-бота с помощью сервиса ManyChat

Если у вас есть хотя бы недельный запас энтузиазма, чешутся руки и не терпится “прощупать” тему чат-ботов лично (без участия платных специалистов, которые придут и сразу внесут скучную ясность), держите пошаговый план создания сами знаете чего без кодинга. Подробный, со скриншотами из ManyChat, практическими подсказками и без H2O. Открывайте новое окно браузера и погнали!

Платформа ManyChat имеет интуитивно понятный интерфейс, правда, на английском. На протяжении этой статьи мы будем работать в базовом конструкторе Basic Builder (альтернативный вариант – визуальный конструктор Flow Builder, но это уж, как говорится, дело вкуса).

Сервис позволяет «собрать» чат-бота из стандартных элементов, под свои потребности (свои цели коммуникации). ManyChat подходит только для разработки ботов в мессенджере Facebook. Я рекомендую начать именно с него, чтобы получить первый опыт и понять на будущее, какой функционал вам вообще нужен. За помощью приходите вот сюда.

Этапы создания Чат-бота в сервисе ManyChat

План будет следующим:

  • сначала мы разберемся, как подключить свою бизнес-страницу Facebook к ManyChat;
  • затем создадим пару элементарных диалогов;
  • научимся проектировать “карусель”;
  • запланируем отсроченную отправку сообщений;
  • введем правила отписки от чат-бота;
  • поговорим о тегах и нюансах их работы.

Как подключить к сервису страницу Facebook

Создайте или подготовьте бизнес-страницу Facebook, от имени которой с пользователями будет взаимодействовать ваш чат-бот. Проверьте в настройках, могут ли пользователи отправлять личные сообщения этой странице.

Запустите в браузере сервис ManyChat. Нажмите на большую белую кнопку, появившуюся на первом экране. Да-да, именно на ту соблазнительную надпись «Get Started Free».

manychat начало

Разумеется, вас попросят авторизироваться с помощью своего профиля Facebook.

меничат фейсбук авторизация

Введите пароль, если вход не произошел автоматически. После авторизации всплывающее окно спросит у вас о полномочиях на управление страницей. Соглашайтесь и нажимайте на синюю кнопку «Connect».

авторизация facebook и меничат

Когда загрузится экран приветствия с логотипом ManyChat (это я о синем осьминоге), не спешите нажимать кнопку с надписью «Get Started». Разработчики здесь припрятали подписку на рассылку. Если вы в ней не заинтересованы, сначала снимите галочку над своим аватаром и только потом жмите на кнопку.

Далее сервис предложит вам серию «попробуйте то, попробуйте это». Это так называемый «курс молодого бойца». Его можно пропустить, нажав справа серую надпись «Skip».

На следующем экране кликните по надписи в самом низу «Finish Onboarding». Экран позеленел? Отлично! Теперь жмите белую кнопку, она там одна. Поздравляю, вы находитесь в главном меню.

как создать чат-бота в меничат

И вот здесь-то начинается самое интересное…

Выбор текста для начала взаимодействия

  • Зайдите во вкладку «Аutomation» и среди подкатегорий выберите «Sequence».

как сверстать диалог в чат боте

  • Теперь кликните по строке «Example Sequence» в центральной части экрана.

боты без кодинга

  • В открывшемся окне вы увидите примеры дней, автоматически созданные самим сервисом ManyChat.

автоматическое формирование дней меничат

  • Нажмите на любую строку (у меня на скрине – первая). Откроется новое окно.

контент приветствие мэничат

  • Найдите в правом верхнем углу кнопку с изображением пера и надписью «Edit Message». Теперь сообщение можно отредактировать.

как редактировать сообщения бота

  • Вместо стандартного текста введите новое сообщение с приветствием и информацией о том, кто вы и чем занимаетесь. Чтобы пользователь, получив первое сообщение от вашего бота, сразу понял ради чего оставаться. Укажите также, как именно пользователь может отписаться, если ему надоест.
приветствие чат-бота

Не забудьте добавить кто вы и чем именно будете полезны подписчикам.

  • Добавьте подходящую картинку, нажав на кнопку «+Image».
  • Когда картинка подгрузится, нажмите на синюю кнопку «Preview», чтобы посмотреть, как это будет выглядеть. Чтобы опубликовать – кликните “Publish”.

предпросмотр публикация ботов

  • Вот и все. Можно открывать свой мессенджер и проверять.

привет я чат кот

Как подключить функцию выбора вариантов

  • В том же меню введите новое сообщение. В данном случае это будет чертовски риторический вопрос: «Ты чат-бот?».

ответ на вопросы бота

  • После этого нажмите на кнопку «+Add Button», она находится прямо под текстом. Вместо Button title введите название вашей будущей клавиши, клик по которой будет фактически являться ответом пользователя.

работа с блоками сообщений

  • Например, пусть это будет частица: «Да!». Выберите целевое действие, — отослать сообщение. Нажмите на «Send message».

да или нет чат-бот

  • Второй вариант ответа добавляется точно так же – с помощью «+Add Button». На этот раз используем «Нет!»

manychat yes or no

  • Теперь у нас есть вопрос с двумя вариантами ответа.

два варианта ответа бот фейсбук

  • Все как в жизни… Чтобы в беседе не возникало логических дыр и неловких пауз – планируйте коммуникацию от начала и до конца. За первым сообщением должно следовать второе – вы уже придумали какое будет у вас?

разговор в messenger facebook

  • Повторяем уже знакомую вам процедуру. Готово? У нас – да.

chat-bot manychat

  • А теперь нажмите «Preview» и протестируйте работу чат-бота в мессенджере, выбирая то один, то другой вариант ответа попеременно.

выбор из двух вариантов ответа бот

Как создать «карусель»

  • Чтобы добавить сразу несколько изображений, которые в мессенджере будут располагаться горизонтально и прокручиваться по клику, нажмите на кнопку «+Gallery». Такой формат будет интересен тем, кто предлагает сразу несколько товаров или услуг.

чат-бот карусель

  • По одной добавляйте фотографии и, конечно, “заряжайте” их заголовками и описаниями, которые выстреливают чаще чем раз в год.

кот карусель фейсбук

  • Каждое изображение “карусели” может содержать уникальную ссылку, например, на карточку товара у вас на сайте. В чате у пользователя они будут активироваться при клике.
реклама в facebook

Как видите, русскоязычная грамматика поддерживается. Но продающие тексты так писать, конечно, не надо )

  • Когда оформите первый продукт, беритесь за второй. Работайте от рассвета и по аналогии.

как добавить два продукта в карусель фейсбук

  • Подготовив необходимое количество карточек товаров, услуг или предложений для “карусели”, возвращайтесь к работе над кнопками для взаимодействия пользователей.

описание карточки товара в рекламе

  • Теперь выберите действие, которое будет выполняться при нажатии кнопки. Если это переход на сайт, то вам нужна категория «Open Website». В поле под категорией укажите его адрес.
Пошаговый план создания чат-бота с помощью сервиса ManyChat

Кот живой, но на нашем сайте корма нет

  • Проделайте те же манипуляции с остальными карточками вашей “карусели” (ведь это радость для нас?)

проектировка чат-бота

  • Протестируйте готовую карусель.

как сделать бота фейсбук

  • Обязательно проверьте, уходите ли вы по ссылке из бота на сайт по клику.

Как настроить отсроченную отправку сообщений

  • Зайдите в раздел «Automation» и выберите в нём любой «Sequence» (звучит-то как, правда?).

отсрочка отправки сообщений чат-бот

  • Найдите слева колонку под названием «Schedule».

шаблон отправки сообщений в facebook

  • Это своеобразная линия времени с пунктами (если их перевести) «немедленно», «через 1 день», «через 20 минут», «через 1 час» и «через 3 дня»… Все они кликабельны. Нажмите на любую (мы ведь учимся!), чтобы изменить настройки отправки.

отсрочка отправки сообщения на один час

  • Настройте график по дням недели и промежуткам времени между отправкой сообщений.

настройка автоматической отправки сообщений чат-бот

  • Можно устанавливать не только конкретное время, но и задавать временные рамки. В этом случае отправка будет происходить рандомно в указанные часы. Важно понимать: чем менее по шаблону действует бот, тем больше вы создаёте иллюзию живого общения.

планирование рандомной отправки сообщений

Как запрограммировать отписку от чат-бота

  • Зайдите в раздел «Automation». Вам нужен подраздел «Keywords».

как отписаться от чат-бота

  • Как видите здесь по умолчанию установлены 2 ключевых действия: «start» для инициации подписки, и «stop» для окончания общения а, соответственно – отписки.

старт и стоп facebook messenger

  • Кликните «Unsubscribe from bot» (вторая строка, справа). В открывшемся дефолтном сообщении поменяйте текст, нажав «Edit message».

как установить отписку в чат-боте

  • Запланируйте текст, уточняющий у пользователя, действительно ли он собирается отменить подписку. И нажмите кнопку подтверждения.

подтверждение отписки бот

  • Если нужно, поменяйте название кнопки и введите текст сообщения, которое чат-бот отправит в качестве подтверждения отписки.
  • Выйдите из режима редактирования сообщения. Вернитесь в подраздел «Keywords». В нижней строке измените “стоп-слово” (которые будет запускать алгоритм отписки). Таких слов может быть несколько (например, “стоп”, “конец”, “хватит”, и т.д.).

подтверждение отписки бот

  • Протестируйте, правильно ли работает программа.

подтверждение отписки от бота

Как присваивать теги

Давайте начнем с того, что это вообще такое. Теги – инструмент, который позволяет маркировать действия пользователей, а затем на основании таких маркеров сегментировать аудиторию, разбивать ее на подгруппы, и разговаривать с каждым сегментом отдельно (этакий Pixel Facebook в профиль). Теги очень помогают с аналитикой и персонализацией сообщений. Что конкретно нужно сделать:

  • Зайдите во вкладку «Audience». В ней отображаются все подписчики вашего бота.

как присваивать теги чат-боту

  • Обратите внимание на белую кнопку «Bulk Actions», она находится над списком справа. Кликните и изучите выпадающий список. В данный момент нас интересуют функции, связанные с тегами, а именно “добавить” и “убрать”.

добавить убрать теги чат бот

  • Нажмите на первую в списке функцию «Add Tag». В появившемся поле введите название тега, например «Parni» (как на принтскрине в правом верхнем углу).

facebook чат-бот разметка тегами

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

теги меничат

  • Кликните по названию интересующего вас тега, чтобы вывести на экран всех, кто им отмечен. Супер, теперь вы можете настроить отправку сообщений только на пользователей из этого сегмента.

бродкастинг мени чат

Подводим итоги создания Чат-бота своими руками

Если вы хотите сделать себе Чат-бота, придерживайтесь следующего плана:

  1. Запланируйте цель (или цели) коммуникации. Честно ответьте себе на вопрос: чем такой виртуальный помощник будет полезен именно вашему бизнесу? Информирование об акциях, сбор отзывов, приглашение на мероприятие, оплата товаров, заказ билетов, формирование подписной базы, отслеживание посылок, круглосуточная служба поддержки, распространение контента… И это далеко не полный список того, что под силу чат-боту.
  2. Запланируйте KPI, с помощью которых будете измерять достигаемость цели. Что это будет, решать вам. Возможные варианты навскидку: количество подписчиков, количество транзакций, проведённых непосредственно в месенджере, процент вовлечения, количество сэкономленных за счёт автоматизации процессов часов работы или денег.
  3. Выберите площадку для создания чат-бота с учётом того, какими функциями должен обладать ваш помощник и в каком мессенджере будет его рабочее место. Обратите внимание на стандартный пакет услуг, а также на то, что предлагает платформа для pro аккаунтов и во сколько вам обойдётся её использование на постоянной основе.
  4. Создайте воронку коммуникации и формализуйте её с помощью сервиса для создания блок-схем. Грубо говоря, продумайте ход коммуникации: какой контент и в каком порядке должен видеть пользователь, общаясь с вашим ботом в чате. Позаботьтесь о том, чтобы направить трафик на важные для вас каналы (вебсайт, блог или, скажем, канал YouTube).
  5. Подготовьте контент (тексты, видео, графику, ссылки). Когда воронка коммуникации будет продумана до мелочей, займитесь её наполнением. Делайте ставку на уникальный контент и, конечно же, ведущий к цели, которая перед ботом поставлена.
  6. Сверстайте чат-бота в выбранном сервисе. Как это сделать без кодинга, вы уже, собственно, знаете. Обратите внимание на то, что техническая часть воплощается далеко не первым пунктом.
  7. Протестируйте работоспособность бота. Используйте для этого малую группу целевой аудитории (10-15 человек), поскольку критически важно проверить читаемость текста, открываемость картинок, смайлы и прочие нюансы, непосредственно влияющие на восприятие информации.
  8. Разместите чат-бота на сайт, в рассылку и другие рекламные каналы, которые у вас есть. Создание бота-мессенджера – это событие, которое достойно быть резонансным. Особенно, если у конкурентов такого виртуального агента ещё нет.
  9. Получайте результат и анализируйте, что можно сделать еще лучше. Вариантов много (особенно, когда вы занимаетесь аналитикой), главное, иметь желание совершенствовать себя, свой контент и своего чат-бота, разумеется.

Ну, а если желание есть, но вы ограничены во времени и не готовы тратить его на знакомство с интерфейсом платформы, конструирование чат-бота и создание контента под него, поручите это специалистам. Тогда все перечисленные выше пункты сведутся к двум: оставьте заявку и получите результат!

Контакты

г. Киев, ул. Коперника, 3

+38 067 539 82 37

sa@shcherbakovs.com

Подписка
на новости блога
Shcherbakov SMM Agency Контакты:
Адрес: Украина Киев, Коперника, 3 офис 5 04116
Телефон:+380675398237, Факс:+380675398237, Электронная почта: sa@shcherbakovs.com График работы: https://shcherbakovs.com/wp-content/themes/smm-shcherbakov-7/images/5d7cd05e28ecca0ff8d38681_logo20footer.png