Автор оригинала: Wisdom Anthony Ebong.
Интегрировать Facebook Live Chat с поддержкой BOT из Chatfuel.com на вашем сайте
Что такое живой чат
Live Chat предоставляет быстрому общению с посещениями вашего сайта через мгновенные сообщения. Чат просто появляется в своем окне браузера, и посетитель веб-сайта может общаться с оператором, набрав в поле Live Chat.
Решения, которые предлагают живые особенности чата, включают домофон, дрейф E.T.C
Страница в Facebook будет служить управлением взаимоотношениями с клиентами, которые мы построим нашу поддержку в прямом эфире, используя Messenger.
Бонусная особенность
Мы добавим поддержку ботов на нашу функцию Live Chat, чтобы хорошо спешить.
Начать
1. Создайте страницу в Facebook
Создайте личную страницу в Facebook, если у вас еще нет. (Messenger Botts и Live Chat Chat могут только «жить» на странице Facebook. Не в личном профиле или группе).
- Нажмите на эту ссылку, чтобы создать страницу Facebook: https://www.facebook.com/pages/create/
- Выберите тип страницы, который относится к вашему бизнесу
- Введите имя для вашей страницы
- Новый дом для вашего живого чата и бота!.
2. Создайте учетную запись Glitch
Глюк Это дружеское сообщество, где вы построете приложение своей мечты.
- Посетить https://glitch.com И давайте получим счет для себя, если у вас еще нет.
- Нажмите здесь Сделать простую веб-страницу для этого руководства.
Установка
1. Восстановите свой идентификатор страницы Facebook
Для этого проекта нам потребуется наш идентификатор страницы в Facebook. Вы можете получить это, навигацию на свою страницу в Facebook, щелкнув на вкладке «О» и прокрутите в нижнюю часть страницы. Там вы увидите идентификатор вашей страницы (это должно быть числом).
2. Whitelist Ваше домен
Ваша страница в Facebook не распознает ваш сайт, если оно не белистерено, Сделать это – Перейдите на вкладку «Платформа Messenger» и Whitelist Ваше домен. Введите как в http://и https://Варианты вашего домена, чтобы убедиться, что он работает на 100% пользователей. Нажмите кнопку Сохранить. Вы можете использовать бесплатный домен, который мы получили от нашего приложения Glitck.
3. встроить фрагмент HTML
Внизу перед закрытием Тег Добавить этот фрагмент, и не забудьте заменить Page_ID Атрибут с идентификатором вашей страницы от шага 1 выше.
Это служит родительской тегом/узлом, на котором покажет наша платформа Live Chat.
4. Установите Facebook SDK на вашем сайте
На вашем приложении Glitch открыть Script.js и добавить этот фрагмент ниже
window.fbAsyncInit = function() {
FB.init({
appId : '912333495590130',
autoLogAppEvents : true,
xfbml : true,
version : 'v2.11'
});
};
(function(d, s, id){
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) {return;}
js = d.createElement(s); js.id = id;
js.src = "https://connect.facebook.net/en_US/sdk.js";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
На нашем сайте импортирует фейсмерский SDK на нашем сайте Facebook SDK.
Мы могли видеть это сейчас на нашем сайте
Интеграция поддержки бота на нашем живом чате с питанием Messenger
1. Создайте учетную запись Chatfuel
Нажмите на кнопку «Начнитесь бесплатно»
Как только вы нажмете «Продолжить», вы будете перенаправлены обратно в Chatfuel.
2. Выберите страницу, чтобы подключить бот
«Подключить» страницу, которую вы только что создали на предыдущем шаге выше
Теперь вы должны быть вошли в систему
3. Настройте приветственное сообщение
Измените приветственное сообщение на что-то более короткое … Например …
Добавить ответ по умолчанию Боты не могут ответить на все вопросы, поэтому настройка ответа по умолчанию пригодится
- Нажмите на блок «Ответ по умолчанию» под «Встроенные блоки»
- Давайте изменим этот текст, чтобы сказать «Хммм. Я не уверен, что понимаю. Извините!»
4. Как настроить ключевые слова
Если пользователь/клиенты вводят в определенное слово или предложение, бот автоматически ответит с предварительно определенным сообщением – созданным вами! Это очень актуально, когда дело доходит до часто задаваемых вопросов вашего бизнеса.
В меню левого бока нажмите «Настроить AI», затем на «Добавить правило AI»
Давайте настроим автоматическую ответ на слово «Привет». Сделать это: Введите «Привет» под «Если пользователь говорит что-то похоже на» Тип “Привет там” под “Бот ответы с текстом”
Я хорошо, чтобы ссылаться на мою работу. Это способ проявить признательность тем великим писателям
Посланник разработчиков
@jamesfutheree from Medium
Думать
Начните писать здесь …