Меню

Как настроить чат фейсбука

Как добавить Facebook-чат с клиентами на ваш сайт

Хотите более близкого общения с будущими клиентами и нынешними заказчиками?

Знаете ли вы, что с помощью мессенджера Facebook на ваш сайт можно встроить виджет живого чата с клиентами?

Плагин чата даёт возможность переписываться с посетителями сайта.

Из этой статьи вы узнаете, как добавить виджет чата мессенджера Facebook на сайт.

Для чего вашему веб-сайту нужен чат с клиентами?

Живой чат с клиентами – это небольшая всплывающая иконка, которая обычно появляется в нижнем правом углу сайта. Вы можете установить плагин чата с клиентами на ваш веб-сайт, как обычное программное обеспечение для живого чата.

Этот плагин даёт возможность любому посетителю сайта с аккаунтом в мессенджере Facebook общаться вживую с человеком, оставлять сообщения и взаимодействовать с чат-ботом.

Facebook не берёт денег за установку виджета чата. Вам даже не нужно иметь бота в мессенджере. Единственное требование – иметь страницу в Facebook.

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

Управляйте диалогами из входящих сообщений на вашей странице

Все сообщения, отправленные через виджет чата мессенджера на вашем сайте, автоматически появятся во Входящих на вашей странице Facebook.

Вы также можете читать и отвечать на сообщения посетителей с помощью мобильных устройств через бесплатное приложение Facebook Page Manager, которое можно скачать в App Store и Google Play.

Улучшайте обслуживание клиентов

Согласно данным Facebook, 53% людей скорее купят что-то у компании, к которой они смогут обратиться напрямую. Если рассматривать обычный живой чат, то вы сможете общаться только на конкретном сайте. А с чатом мессенджера вы можете начать диалог на ПК, а затем позже продолжить его на мобильном устройстве с установленным мессенджером.

Давайте мгновенные автоматизированные ответы

Виджет чата в мессенджере позволяет посетителям задавать вопросы прямо на вашем сайте. И вы можете общаться с потенциальным клиентами в режиме реального времени.

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

Чтобы лучше конвертировать посетителей в лиды, вы можете дать людям выбор – подписаться на рассылку через мессенджер или по email, дать ссылку на скачивание руководства или дать ссылки на дополнительный полезный контент, пока они ждут ответа от человека.

Теперь давайте посмотрим, как установить чат с помощью сервисов Chatfuel и ManyChat.

1. Установите чат на ваш сайт с помощью сервиса Chatfuel

Даже если это необязательно, будет лучше, если бот пошлёт приветствие пользователю, когда тот начинает переписку в чате мессенджера.

Так что давайте приступим к делу и создадим сообщение с приветствием с помощью приложения Chatfuel. Если вы ещё не пользовались этим инструментом, посмотрите видео (на англ. яз.) и узнайте подробнее, как он работает или как зарегистрироваться и создать простого бота в Chatfuel.

После того как вы зарегистрируетесь, кликните на вкладку Automate (Автоматизировать). Затем кликните на знак «+», чтобы создать новый блок.

Чтобы всё было понятно, кликните на заголовок блока и переименуйте его в «Живой чат». Ниже надписи Add a card (Добавить карточку), кликните на знак +.

Во всплывающем окне кликните Live Chat (Живой чат), чтобы добавить плагин чата в реальном времени.

Этот плагин временно отключит функцию искусственного интеллекта вашего бота, когда вы сами будете беседовать с человеком. Если в чате откроется новый диалог, вы получите всплывающее уведомление от бота.

Теперь измените стандартное приветствие («Вы начали диалог с нашим оператором»). Напишите что-то вроде «Добро пожаловать, <>! Чем я могу вам помочь?»

Фигурные скобки вокруг «first name» сообщат боту, что нужно включить имя пользователя в приветственное сообщение. Facebook автоматически подставит имя в поле, так что вам не придётся просить пользователя заполнить форму или вбивать эти базовые данные.

Вы также можете просмотреть и отредактировать приветственное сообщение и заключительное. В этом руководстве мы рассмотрим только то, что идёт по умолчанию.

Теперь кликните по иконке Link (Ссылка) наверху страницы, рядом с заголовком блока.

В открывшемся окне установите переключатель Block Link (Ссылка на блок) в положение «включено». Затем введите значение атрибута ref и запомните, что вы ввели. После этого кликните на оранжевую кнопку Done (Готово).

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

Кликните по вкладке Grow (Развитие) в левом сайдбаре. На панели инструментов Growth Tools (Инструменты развития) найдите надпись Customer Chat Plugin for Your Website (Плагин чата с клиентами для веб-сайта) и кликните Enable (Включить) внизу.

Во всплывающем окне введите URL сайта, на котором вы планируете установить плагин чата. Затем введите параметр ref, который вы задали ранее.

Когда пользователь начинает живой диалог с помощью плагина чата, ваш бот отправит пользователям блок текста.

Код для плагина чата автоматически генерируется, так что кликните Copy (Копировать), чтобы скопировать код в буфер обмена. Затем вы вставите этот код в раздел Header (заголовок) вашего сайта на WordPress. Читайте раздел 3 ниже, чтобы узнать, как это сделать.

Читайте также:  Windows 10 как настроить чувствительность мыши

Продвинутый приём: персонализируйте виджет чата

Знаете ли вы, что можно добавить несколько строк к этому коду, чтобы усовершенствовать виджет чата? Вот как будет выглядеть чат, который вы только что создали:

Добавив несколько строк кода, вы сможете персонализировать плагин чата, а именно:

  • Изменить цвет темы, чтобы он сочетался с цветами вашего бренда.
  • Показывать различные приветствия людям, зашедшим вFacebook, и тем, кто не залогинен в аккаунте.

Чтобы сделать это, вставьте код, сгенерированный Chatfuel, в Блокнот или текстовый редактор. Поищите фрагмент кода, выделенный жёлтым цветом ниже.

В пределах этого фрагмента добавьте три строки, выделенные жирным шрифтом ниже:

Замените #FFFFFF шестнадцатеричным кодом цвета, который вы хотите видеть в теме. Вы можете найти коды цветов при помощи инструмента, такого как ColorHexa). Замените текст Greeting Message”, чтобы изменить два приветствия.

Например, вы хотите изменить традиционную синюю тему Facebook на зелёную и изменить стандартное приветствие с «Привет, чем мы можем вам помочь?» на призыв к действию, необходимый для вашего бизнеса. Вот какой код вы могли бы добавить в чат:

Виджет чата тогда выглядел бы так:

Надпись: «Привет! Есть вопросы о том, как работает чат-бот?»

2. Установите чат на ваш веб-сайт, используя сервис ManyChat

Для того чтобы установить чат при помощи ManyChat, зайдите в сервис и кликните на вкладку Growth Tools (Инструменты развития) в левом сайдбаре. Если вы никогда не пользовались этим инструментом, посмотрите видео, чтобы подробнее узнать, как зарегистрироваться и создать простого бота в ManyChat (на англ. яз.).

Затем кликните на кнопку New Growth Tool (Новый инструмент развития) наверху страницы.

В открывшемся окне кликните Customer Chat (Чат с клиентами).

Чтобы всё хорошо смотрелось, переименуйте этот инструмент в Live Chat (Живой чат) и нажмите на голубую кнопку Save (Сохранить).

Затем кликните Edit (Редактировать), чтобы отредактировать сообщение. Это сообщение пользователи получат, когда кликнут по вкладке, чтобы начать разговор в чате.

Измените текст на что-то вроде: «Привет! Спасибо, что заглянули. У вас есть вопрос?»

Кликните Publish (Опубликовать) наверху страницы, а затем кликните Live Chat (Живой чат), чтобы вернуться назад в инструменты развития.

Теперь кликните голубую кнопку Next (Следующий) и решите, в какой области экрана вы хотите отображать окно с чатом. Оставьте эти поля пустыми, если хотите, чтобы виджет чата появлялся на каждой странице вашего сайта.

Если вы хотите изменить цвет виджета, введите шестнадцатеричный код или выберите цвет из палитры. Посмотрите, как поменяется цвет виджета чата и цвет сообщения пользователя в окне предпросмотра справа.

ManyChat также даёт возможность менять приветственное сообщение для людей, которые зашли в Facebook, а также для людей, кто сейчас не залогинен в Facebook.

Далее выберите, должен ли отображаться виджет чата на мобильном устройстве и/или ПК. Также выберите как виджет чата должен отображаться, когда пользователь видит его впервые на вашем веб-сайте.

Теперь, когда вы задали настройки, переключите виджет из режима Draft (Черновик) в режим Active (Активный) в правом верхнем углу страницы.

Чтобы установить виджет чата на сайт, кликните по кнопке Install JavaScript Snippet (Установить сниппет JavaScript).

Введите URL веб-сайта, где вы будете устанавливать плагин чата и кликните Add (Добавить), затем кликните Next (Следующий).

ManyChat автоматически сгенерирует код, который вам нужно вставить на ваш веб-сайт. Кликните Copy Code to Clipboard (Скопировать код в буфер обмена).

3. Разместите код на вашем сайте WordPress

После того как вы настроили всё в чате с помощью Chatfuel или ManyChat, остался последний шаг. Разместите код на вашем сайте. Если вы используете WordPress, зайдите в Консоль и кликните по вкладке Плагины слева в меню.

Затем кликните по кнопке Add New (Добавить новый) наверху страницы.

В окне поиска найдите бесплатный плагин Insert Headers and Footers.

Кликните по кнопке установки плагина, затем кликните ещё раз, чтобы активировать плагин.

Из левого сайдбара кликните Settings (Настройки) и выберите Insert Headers and Footers (Вставить заголовки и подвалы).

И наконец, вставьте код чата в раздел заголовка и нажмите Save (Сохранить).

Если вы обновите страницу, то увидите, что на вашем сайте появился чат мессенджера.

Совет: если вы используете сервис для создания лендингов Leadpages, следуйте вот этим шагам, чтобы встроить виджет:

  • Добавьте URL страницы, свёрстанной в Leadpages, в список разрешённых сайтов (ManyChat) или доменов веб-сайта (Chatfuel).
  • Затем вставьте код HTML в окно кода отслеживания в разделе заголовка в Leadpages.

Другие полезные ресурсы

Чат с клиентами в приложении Chatfuel

Если вы создаёте чат-бота при помощи Chatfuel, вы также можете быстро установить виджет чата на ваш сайт в WordPress с помощью плагина Chatfuel Customer Chat plugin.

Chatfuel и Master of Code (разработчик чат-ботов для компаний, подобных World Surfing League, Online News Association, и других международных брендов) разработали этот плагин. Вы можете скачать его бесплатно и посмотреть инструкцию по установке на сайте WordPress (на англ. яз.).

Входящие сообщения в мессенджере

Чтобы отвечать пользователям, которые написали сообщение в вашу компанию, вы можете использовать ссылку на вашу страницу в Facebook, а также скачать официальное приложение Facebook Pages Manager app для iOS или Android.

Читайте также:  Как правильно настроить насос для теплого пола

Если вы пользуетесь сервисом ManyChat, вы также можете отвечать пользователям из вкладки Live Chat. У ManyChat нет приложения, но страница сервиса с живым чатом прекрасно отображается на мобильных устройствах.

Документация плагина Customer Chat Plugin

Чтобы узнать больше подробностей о настройках в плагине чата (если вы продвинуты в технических вопросах), почитайте официальную документацию Facebook .

Заключение

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

  • Быстро реагировать на любые проблемы с вашим продуктом или сервисом.
  • Отвечать на вопросы от потенциальных покупателей и клиентов.
  • Давать посетителям полезную и нужную информацию.

Вы всё это сделаете на базе бесплатной платформы мессенджера, которой пользуются более 1,3 миллиарда людей и компаний, и которые в совокупности отправляют ежемесячно более 2 миллиардов сообщений.

Что вы думаете об этой теме? У вас уже есть чат-бот? Вы собираетесь установить себе на сайт плагин чата? Поделитесь вашими мыслями в комментариях ниже.

ОБ АВТОРЕ

Дана Тран – это коуч в сфере цифровых технологий. Она специализируется на обучении предпринимателей тому, как создавать чат-ботов без знания программирования.

Источник

Как настроить плагин чата в Facebook

Facebook разработал новый плагин чата для сайтов

Плагин позволяет общаться с потенциальными клиентами в мессенджере без регистрации (если, конечно, клиент имеет аккаунт в Facebook).

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

Как настроить плагин чата в Facebook

Переходите в настройки бизнес-страницы и кликайте на вкладку «Платформа Messenger». Прокручивайте вкладку вниз до строчки Customer «Chat Plugin».

Кликайте на кнопку «Set Up».

На следующем экране жмите на «Next». Откроется мастер создания плагина.

В мастере выбирайте язык сообщения.

Далее создайте и само сообщение. Сохраните и кликните на кнопку «Next».

На следующем шаге дайте знать клиенту как быстро вы отвечаете на сообщения и выберите цветовую гамму для плагина. Настроили? Кликайте на «Next».

На последнем шаге добавьте сайты, на которые вы планируете установить плагин (1), поставьте галочку в чек-боксе (2), скопируйте и установите код после открывающего тега «Body» на сайте (3).

Пример для посадочной страницы:

Вам будет интересно:

«Объявления в группах, новые охваты, удаление устаревших метрик и другие новости Facebook за прошлую неделю». Читать.

Источник

Как пользоваться чатом в Фейсбуке?

Общение с Друзьями в рамках Facebook удобнее всего поддерживать с помощью Чата. Формально он представляет собой «легкое» диалоговое окно, в котором собраны все беседы. Открыть Чат можно на любой странице социальной сети, не переходя при этом в раздел «Сообщения». А о его основных функциях и особенностях мы расскажем чуть ниже.

О функционале и свойствах

Прелесть фейсбуковского Чата в том, что он очень прост и понятен. Пользователи, даже впервые заглянувшие в социальную сеть, без труда привыкают к нему. По умолчанию, функция включена у всех владельцев аккаунтов, и воспользоваться ей можно сразу же, как в контакт-листе появляется первый Друг. «Чатовское» окно расположено в правом нижнем углу любой открытой страницы на Фейсбуке. Как правило, находится оно в свернутом виде, чтобы у юзера была возможность без преград просматривать содержимое страниц. Чтобы раскрыть окно, нужно нажать на него.

Если у вас в списке Друзей много контактов, но в Чате отображаются лишь некоторые из них, не переживайте. Это сделано для вашего же удобства. В окне отображаются пользователи, с которыми вы больше всего взаимодействуете в соцсети, т.е. ранее обменивались личными сообщениями, комментировали или ставили «лайки» публикациям и т.д. Чтобы найти человека, имя которого не обозначено в списке, просто введите его фамилию (или имя) в строке «Поиск».

Многих волнует вопрос, что же означают иконки рядом с именами Друзей. Представляем их расшифровки:

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

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

Отсутствие каких-либо иконок – свидетельство того, что пользователь Чат не включил. Тем не менее, отправлять ему сообщения вы можете, только попадать они будут в его папку «Входящие» в разделе «Сообщения».

Начать беседу с Другом очень просто. Нажмите на его имя, введите сообщение и отправьте нажатием кнопки Enter. Когда собеседник ответит вам, вы получите уведомление. Поддерживать онлайн-беседу в Чате удобно и легко, т.к. никаких дополнительных окон и страниц открывать не приходится.

Кстати, на Фейсбуке можно даже создавать беседы с несколькими пользователями, что очень удобно, если необходимо обсудить какую-то общую тему. Чтобы запустить текстовую конференцию, нужно сначала открыть беседу с одним из Друзей, затем в окне Диалога нажать на иконку и выбрать пункт «Добавить друзей в Чат…». С недавних пор в шапку Диалогов отдельно вынесена иконка, позволяющая приглашать других пользователей в беседу.

Читайте также:  Keenetic как настроить openvpn

В Чате Фейсбука также доступны некоторые приятные функции, упрощающие и делающие общение более интересным: стикеры, смайлики, возможность отправить изображение и получать звуковые уведомления об активности пользователей. Звук можно в любой момент отключить. Отключить можно и сам Чат. Для этого нужно зайти в «Параметры», нажав иконку и выбрать соответствующий пункт. В случае отключения функции все отправленные вам сообщения будут приходить непосредственно в папку «Входящие» в «Личных сообщениях».

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

В целом, Чат – функция крайне необходимая. Это гораздо удобнее, чем обычные сообщения, особенно для активных пользователей смартфонов и приложения Facebook Messenger.

Источник



Как использовать чат и сообщения в Facebook

Чат и сообщения в Facebook позволяют вам приватно общаться со своими друзьями. В отличие от других вещей, которыми вы делитесь на Facebook, таких как обновления статуса и фото, чат и сообщения не будут видны всем вашим друзьям и не публикуются в вашей Хронике.

Чат Facebook

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

Чтобы использовать чат Facebook:

  1. Найдите и кликните по чатбоксу в правом нижнем углу экрана;
  2. Появится список друзей, которые в данный момент доступны для беседы;
  3. Выберите друга, находящегося в сети;
  4. Появится окно чата с другом. Наберите свое сообщение, затем нажмите клавишу Enter. Ваш диалог появится в окне чата.
  5. Когда вы закончите, нажмите значок в виде крестика, чтобы закрыть окно чата.

Если вы используете мобильное приложение, кликните по кнопке Чат или проведите по экрану пальцем влево, чтобы войти в Чат.

Чтобы отключить чат:

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

  1. В чатбоксе кликните по иконке настроек, затем выберите Отключить чат.
  2. Ваш статус поменяется на оффлайн. Кликните Включить чат, если захотите вернуть статус обратно в онлайн.

Сообщения

Сообщения работают как чат, но их вы можете посылать людям, находящимся оффлайн — то есть тем, кто в данный момент не находится на сайте Facebook. В этом смысле сообщения похожи на письма обычной электронной почты.

Чтобы послать сообщение:

  1. Найдите и кликните по иконке Сообщения в верхней части экрана, затем выберите Написать новое сообщение.
  2. Появится окно сообщений. Начните набирать имя того, кому вы хотите написать — по мере набора текста появится список друзей, из которого выберите адресата.
  3. Наберите свое сообщение, затем нажмите клавишу Enter, чтобы отправить его.

Если вы используете мобильное приложение для iPhone, нажмите кнопку в нижней части экрана, чтобы написать новые сообщения и просмотреть входящие.

Также вы можете посылать сообщения непосредственно со страниц их профилей. Просто кликните по кнопке Сообщение на странице профиля друга.

Страница Входящие

На странице Входящие вы можете прочесть всю свою личную переписку в Facebook, включая историю диалогов в чате. Когда вы получаете сообщение в чате, оно появится на этой странице. Отсюда удобно управлять вашими чатами и сообщениями, читать и удалять их.

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

Узнайте больше о том, как использовать страницу Входящие.


1. Другое

Facebook автоматически фильтрует ваши входящие сообщения, так что вы увидите на этой странице наиболее важные сообщения — например, от ваших друзей — сначала. Менее важные сообщения, например, со страниц мероприятий и от групп, появятся в папке Другое.

2. Еще

Здесь вы можете просмотреть ваши архивированные сообщения и спам.

3. Новое сообщение

Вы можете создать новое сообщение непосредственно со страницы Входящие, нажав на кнопку Новое сообщение.

4. Действия

Вы можете использовать кнопку действия для выполнения некоторых наиболее важных действий.

5. Поиск

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

6. Диалог

Записи всех сообщений и чатов между вами и вашими друзьями появятся здесь.

7. Групповое обсуждение

Когда вы отсылаете сообщение более, чем одному человеку, Facebook соберет все ответы в одну запись обсуждения. Когда вы отвечаете всем, каждый из группы сможет увидеть ваш ответ.

8. Ответить

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

Источник