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

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

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

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

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

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

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

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

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

Почему стоит использовать Messenger Widget: Facebook Преимущества плагина чата

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

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 Chat Plugin: Facebook Messenger имеет более высокие показатели вовлеченности, чем email

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

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

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

Facebook Плагин для чата: Гостевой режим

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

Режим гостя предоставляет клиентам возможность общаться с компанией анонимно. Однако у этой функции есть несколько недостатков для предприятий.

Это изображение с виджетом Facebook Messenger с кнопкой "Гостевой режим". Facebook ввел гостевой режим в 2020 году, позволяя клиентам общаться с предприятиями через виджет Messenger, не входя в свой аккаунт Facebook. Чтобы войти в гостевой режим, просто нажмите Продолжить как гость. Именно такая гибкость делает Facebook Messenger лучшим плагином для чата в таких странах, как Великобритания, США, Индия, Филиппины и других.
Facebook Messenger Виджет с гостевым режимом

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

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

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

Как установить виджет Facebook Messenger : Создание кода виджета

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

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

Вы можете сгенерировать код виджета Messenger в Meta Business Suite или respond.io. Хотя обе платформы служат одной цели, они предлагают разные возможности.

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

Однако отключение гостевого режима может оттолкнуть покупателей B2B, которые хотят оставаться анонимными. Если вы работаете в сфере B2B, и вам необходимо включить гостевой режим, мы рекомендуем настроить плагин Facebook Chat Plugin через respond.io.

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

Генерация кода виджета Messenger в Meta Business Suite

Вот как добавить Facebook Messenger на любой веб-сайт с помощью Meta Business Suite. С вашей страницы Facebook:

  1. Перейдите на сайт Meta Business Suite и откройте папку "Входящие".
  2. Нажмите на значок Настройки и выберите Просмотреть все настройки
  3. Выберите плагин чата
  4. Нажмите на Настроить

Чтобы настроить функциональность виджета в соответствии с вашими потребностями, выберите нужные вам автоматизацию и настройки из списка, прежде чем нажать кнопку Set Up. Затем выберите метод настройки, который вы хотите использовать для генерации кода виджета Messenger .

1. Нажмите синюю кнопку Настройка.

Это изображение показывает, как сгенерировать код виджета Messenger на Facebook Business Suite Inbox. Нажмите синюю кнопку Set Up, чтобы начать установку плагина чата Facebook .
Facebook Плагин чата в Meta Business Suite

2. Выберите способ установки Facebook Chat Plugin, который вы хотите использовать. Если в списке вы видите конструктор вашего сайта, выберите его. В противном случае выберите Стандартный.

Это изображение показывает, как сгенерировать код виджета Messenger на сайте Facebook Business Suite Inbox. Выберите конструктор сайтов, на котором вы хотите установить виджет Messenger .
Выберите конструктор сайтов, если он есть в списке, или выберите Стандартный

3. Выберите предпочтительный язык для плагина чата. Затем нажмите кнопку Сохранить и продолжить.

Это изображение показывает, как сгенерировать код виджета Messenger на Facebook Business Suite Inbox. Выберите язык, на котором будет отображаться виджет Facebook Messenger , например, американский английский для США (US) или британский английский.
Выберите язык

4. Добавьте домен для всех сайтов, на которых вы хотите, чтобы появился плагин чата. Убедитесь, что домен, вставленный в генератор кода, не включает страницу. Нажмите кнопку Сохранить и продолжить, когда все будет готово.

Это изображение показывает, как сгенерировать код виджета Messenger на Facebook Business Suite Inbox. После добавления языка, например, американского английского (US), добавьте домен сайта, на котором вы хотели бы видеть виджет Facebook Messenger .
Добавьте домен веб-сайта

5. Нажмите на кнопку Копировать код , чтобы скопировать код. Затем нажмите кнопку Далее.

Это изображение показывает, как добавить Facebook Messenger на сайт. Нажмите Копировать код и затем нажмите Далее.
Скопируйте код

6. Вставьте фрагмент кода на свой сайт. Далее мы кратко покажем, куда добавить этот код на сайтах WordPress, Wix, Shopify и Squarespace.

Это изображение показывает, как добавить Messenger на сайт. Вставьте код на свой сайт. Узнайте, как добавить этот код в Wordpress, Wix, Shopify и Squarespace.
Вставьте фрагмент кода плагина на свой сайт

Нажмите кнопку Готово , когда закончите. Теперь ваш виджет Messenger готов к использованию. По желанию вы можете отключить гостевой режим для виджета Messenger .

6. Выключите тумблер "Гостевой чат", чтобы отключить гостевой режим. Вы можете найти этот тумблер в разделе Настроить плагин чата.

Это изображение показывает, как отключить гостевой режим в виджете Facebook Messenger . Чтобы отключить гостевой режим, выключите тумблер Guest Chat. Вы можете найти этот тумблер в разделе Customize Your Chat Plugin.
Отключение гостевого режима

Затем нажмите кнопку Опубликовать, чтобы изменения вступили в силу. Вот так вы установите Facebook Messenger на чат сайта! В качестве альтернативы вы можете создать код виджета Messenger на respond.io.

Генерация кода виджета Messenger на respond.io

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

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

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

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

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

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

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

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

Как добавить Messenger на сайт с помощью кодов виджетов

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

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

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

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

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

  1. Найдите Facebook Chat Plugin и выберите его.
  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 .

Как добавить код плагина Facebook Chat Plugin к Wix Website

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

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

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

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

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

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

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

Как добавить виджет чата Facebook в Shopify

Получив скрипт Facebook Chat Plugin, выполните следующие шаги, чтобы интегрировать 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 Plugin на свой сайт Shopify .

Как добавить код виджета Facebook Messenger в Squarespace

После того, как у вас есть скрипт Facebook Chat Plugin, пришло время встроить 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 Messenger в ваш сайт Squarespace , добавьте скрипт. Вот как добавить Facebook Messenger на ваш сайт.
Добавьте сценарий

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

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

Читать далее

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

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

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

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