Пошаговые гайды

Добавить Facebook Messenger на сайт: Руководство по виджетам для мессенджера [апрель 2024]

Gerardo Salandra
3 августа 2022 года

Ищете лучший виджет для чата? Если посетители вашего сайта являются заядлыми пользователями Messenger, добавьте на свой сайт виджет Facebook Messenger . В этой статье мы расскажем вам, как добавить Facebook Messenger на сайт, а также где его можно установить в таких конструкторах сайтов, как WordPress, Wix и Shopify.

Что такое виджет Facebook Messenger ?

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

Это изображение виджета Facebook Messenger . Facebook Messenger Widget (также известный как Facebook Chat Plugin) - это плагин для сайта, который позволяет посетителям вашего сайта общаться с вашей страницей Facebook через Messenger. Если вы находитесь в таких странах, как Великобритания (UK), Соединенные Штаты (US), Индия или Филиппины, считайте, что Messenger - это самый лучший плагин для чата.
Чтобы получить максимальный виджет чата, установите виджет Messenger на сайт

Когда посетители сайта отправляют запрос через виджет, вы можете ответить на него через папку " Входящие"Meta Business Suite. Этого достаточно для предприятий, которые получают небольшой или средний объем сообщений и полагаются на Facebook Messenger для общения с клиентами.

<call-out> Do not mistake the Facebook Messenger widget with the Facebook Chat Plugin. While similar in some aspects, the Facebook Chat Plugin is no longer available from May 9, 2024. <call-out>

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

Почему стоит использовать виджет Facebook Messenger

Если вы используете Facebook Messenger для поддержки клиентов или стимулирования продаж, вы знаете, насколько эффективна эта платформа. Среди основных причин, по которым стоит рассмотреть возможность использования веб-чата Facebook, - его способность создавать постоянные беседы и формировать список контактов.

Создайте постоянное, последовательное взаимодействие

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

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

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

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

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

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

Составьте список контактов Facebook Messenger

Теперь, когда люди могут легко написать вам сообщение через Facebook с помощью Facebook Customer Chat, они будут добавлены в ваш список контактов навсегда.

Это изображение показывает, что Facebook Messenger имеет более высокие показатели открытия и кликов, чем email. Теперь, когда люди могут легко написать вам сообщение через Facebook, используя Facebook Customer Chat, они будут добавлены в ваш список контактов навсегда. Вы можете думать о списке подписчиков Facebook Messenger так же, как и о списке подписчиков email . Используйте его как новый канал связи с вашей аудиторией или даже используйте его для рассылки сообщений в Messenger, который имеет потрясающий показатель открываемости - 92 процента.
Добавьте виджет Facebook Messenger : Facebook Messenger имеет более высокие показатели вовлеченности, чем email

Вы можете думать о списке подписчиков Facebook Messenger так же, как и о списке подписчиков email. Используйте его как новый канал связи с вашей аудиторией или даже используйте его для рассылок в Messenger, которые имеют впечатляющий показатель открываемости в 92 процента.

Виджет Messenger - это лишь один из способов создания списка подписчиков Facebook Messenger . Существует несколько способов увеличения числа подписчиков в Messenger, включая автоответчики на комментарии Facebook или личные ответы, объявления или ссылки Click to Messenger и QR-коды Facebook.

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

Как создать код виджета

Сначала поговорим о процессе установки виджета Messenger. Чтобы добавить Facebook Messenger на сайт, необходимо последовательно выполнить следующие два шага:

  • Создайте код виджета Facebook Messenger
  • Добавьте код виджета Messenger на свой сайт

Если вы занимаетесь бизнесом в сфере B2B, которому необходим гостевой режим, мы рекомендуем настроить виджет Facebook Messenger на сайте respond.io.

Вы можете автоматизировать не только приветствия или прощальные сообщения, но и такие процессы, как маршрутизация чата или назначение контактов. respond.io позволяет добавлять код ссылки на виджет Facebook Messenger , чтобы определить, откуда поступают контакты. Крупным компаниям стоит рассмотреть этот вариант.

Создайте код виджета на respond.io

Процесс установки виджета Facebook Messenger прост и может быть выполнен быстро, если следовать следующим шагам.

Это изображение показывает, как установить виджет Messenger .
Respond.io омниканальный виджет сайта поддерживает широкий спектр каналов

Чтобы начать работу, перейдите в раздел Настройки > Виджеты роста. Затем нажмите кнопку Добавить виджет и выберите Facebook Widget, прежде чем нажать кнопку Создать виджет.

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

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

Вы можете добавить предварительно заполненный текст или настроить внешний вид виджета, нажав на кнопки Дополнительные настройки. Наконец, нажмите кнопку Generate Widget, скопируйте созданный скрипт и установите его на свой сайт.

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

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

Как добавить Facebook Messenger на сайт

Навигация по вашей CMS для добавления виджета чата может быть запутанной. Ниже вы найдете инструкции по установке кода виджета Messenger на популярных конструкторах сайтов, таких как WordPress, Wix, Shopify и Squarespace.

Как добавить мессенджер на сайт: WordPress

Теперь вы можете установить плагин Messenger по адресу Meta непосредственно с вкладки "Плагины" в боковой панели. Хотя сам плагин бесплатный, его установка доступна только подписчикам тарифного плана Business или пользователям тарифного плана Pro, для тех, кто находится на старых тарифных планах.

Это изображение показывает, как Теперь вы можете установить плагин Messenger по адресу Meta непосредственно из вкладки "Плагины" в боковой панели. Хотя сам плагин бесплатный, его установка доступна только подписчикам тарифного плана Business или пользователям тарифного плана Pro, для тех, кто находится на старых тарифных планах. Если вы находитесь в месте, где Messenger является основным плагином для чата, например, в Великобритании, США, Индии или Флиппинах, добавьте его на свой сайт WordPress .
WordPress Подписчики Pro или Business могут установить виджет Facebook Messenger напрямую.

Чтобы добавить Facebook Messenger на сайт WordPress, следуйте этим инструкциям:

  1. Найдите виджет Facebook Messenger и выберите его.
  2. Нажмите Установить сейчас.
  3. Нажмите Активировать.
  4. Найдите вкладку с надписью Customer chat. Перейдите в раздел " Начало работы " и нажмите Редактировать плагин чата.
  5. Настройте плагин чата и завершите установку.

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

1. Добавьте выбранный вами плагин для заголовков и колонтитулов со страницы Плагины.

После того, как вы подготовили код плагина Facebook Chat Plugin, вы можете добавить плагин заголовков и колонтитулов в ваш wordpress.
Добавьте плагин для верхнего и нижнего колонтитулов

2. Перейдите к разделу Верхние и нижние колонтитулы.

После того как вы добавили плагин Headers and Footers, перейдите к нему.
Как интегрировать Facebook Messenger на сайт: Откройте консоль верхнего и нижнего колонтитулов

3. Добавьте скрипт виджета Facebook Messenger в нижний колонтитул.

Теперь вставьте код плагина Facebook Customer Chat в нижний колонтитул вашего сайта wordpress.
Как интегрировать Facebook Messenger на сайт: Добавьте скрипт в консоль верхнего и нижнего колонтитулов

Вы добавили чат Facebook Messenger на свой сайт WordPress .

Как добавить мессенджер на сайт: Wix

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

1. Перейдите в меню Настройки > Дополнительные настройки > Пользовательский код.

Теперь, когда у вас готов код виджета Facebook Messenger , перейдите в раздел Custom Code внутри Wix.
Добавить код виджета Messenger в Wix

2. Вставьте код виджета Facebook Messenger и выберите страницы, на которых вы хотите применить код. Убедитесь, что вы поместили код в Body - конец.

Возьмите скрипт плагина Facebook Chat и вставьте его в диалог пользовательского кода.
Заполните форму пользовательского кода

Теперь вы добавили виджет Facebook Chat Widget на свой сайт Wix.

Теперь виджет Facebook Messenger появится на вашем сайте Wix Website.
Ваш новый виджет Facebook Chat установлен

Как добавить мессенджер на сайт: Shopify

Получив скрипт виджета Facebook Chat, выполните следующие шаги, чтобы интегрировать Facebook Messenger в сайт Shopify .

1. Перейдите в раздел Интернет-магазин и отредактируйте код.

После того как вы подготовили скрипт плагина Facebook Customer chat plugin, перейдите в темы shopify и отредактируйте код. Это стоит сделать, если вы используете Shopify в стране, где популярен Messenger, например, в Индии, на Филиппинах, в Великобритании (UK) или Соединенных Штатах (US).
Shopify Messenger чат: Редактирование кода вашего интернет-магазина

2. Откройте раздел footer.liquid и вставьте скрипт Facebook Messenger Widget.

Возьмите код виджета Facebook Messenger и добавьте его в раздел footer.liquid вашего сайта Spotify.
Shopify Messenger чат: Добавить скрипт

Теперь вы добавили виджет Facebook Chat на свой сайт Shopify .

Как добавить мессенджер на сайт: Squarespace

После того как у вас есть скрипт виджета Facebook Chat, пришло время внедрить Messenger на сайт Squarespace .

1. Войдите на сайт Squarespace, выберите свой сайт и откройте Настройки.

После того как вы подготовите код виджета Facebook Messenger , войдите в squarespace, чтобы начать процесс установки.
Откройте настройки вашего сайта

2. Перейдите в раздел Дополнительные настройки.

Существуют способы добавления Facebook Messenger на ваш сайт. Чтобы интегрировать Facebook Messenger в ваш сайт Squarespace , откройте дополнительные настройки. Вот как добавить Facebook Messenger на ваш сайт.
Откройте расширенные настройки

3. Перейдите к разделу Инъекция кода.

Существуют способы добавить Facebook Messenger на ваш сайт. Чтобы интегрировать Facebook Messenger в ваш сайт Squarespace , откройте инъекцию кода. Вот как добавить Facebook Messenger на ваш сайт.
Инъекция открытого кода

4. Вставьте скрипт Facebook Messenger Widget.

На этом изображении показано, как интегрировать чат в ваш домен.
Добавьте сценарий

Теперь вы добавили чат Facebook Messenger на свой сайт.

Мы показали вам, как создать код виджета чата Facebook и установить виджет Facebook Chat на некоторые из самых популярных конструкторов сайтов. Хотите общаться с клиентами в виджете Messenger и других каналах, а также получать доступ к их контактным данным и истории чатов в централизованном почтовом ящике? Зарегистрируйте аккаунт на respond.io прямо сейчас.

Читать далее

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

Gerardo Salandra
Генеральный директор
Gerardo Salandra CEO и соучредитель компании . Имея опыт работы в IBM, Google и Runtastic, он накопил опыт в области искусственного интеллекта и хакинга роста. Получил степень MBA в Китайском университете Гонконга. respond.io
Теги
Скопировано в буфер обмена!

Готовы приступить к работе? ✨

  • Раскройте возможности сайта respond.io для роста продаж и восхищения клиентов.
  • 7-дневная бесплатная пробная версия
  • Без привязки карты
  • Отмена в любой момент
Зарегистрироваться
  • Проведите с нами индивидуальную демонстрацию
  • Узнайте, почему 10 000+ предприятий выбирают нас
Заказать демо