Практические рекомендации

Добавить Facebook Messenger на сайт: A Messenger Widget Guide [Oct 22]

Gerardo Salandra
Генеральный директор, Respond.io
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 Виджет (также известный как 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 Inbox. Это преимущество, когда вы добавляете Facebook Messenger  на свой сайт.
Сохраняйте контактную информацию и историю чата при добавлении Messenger на сайт.

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

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

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

Добавить 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 Автоответчик на комментарий или личные ответы, переходы по объявлениям или ссылкам 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  , например, американский английский для США или британский английский.
Выберите язык

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  . Отключите тумблер "Гостевой чат", чтобы отключить гостевой режим. Вы можете найти этот тумблер в разделе Customize Your Chat Plugin.
Отключение гостевого режима

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

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

Чтобы создать код виджета Messenger на сайте respond.io, вам потребуется учетная записьrespond.io . Затем выполните следующие действия:

1. Перейдите к модулю Каналы. Затем нажмите Добавить канал , чтобы подключить страницу Facebook .

Начните с создания канала на приборной панели respond.io .
Как сделать виджет Messenger для сайта: Модуль каналов

2. Выберите Messenger в списке каналов.

Прежде чем создавать скрипт для виджета Facebook Messenger  , необходимо подключить страницу Facebook к платформе respond.io .
Как сделать виджет Messenger для сайта: Respond.io подключение канала

3. Нажмите Connect with Facebook. Войдите в учетную запись Facebook , которая имеет администраторский доступ к странице, к которой вы хотите подключиться.

Это изображение показывает, как добавить Facebook Messenger  к respond.io Нажмите Соединить с Facebook. Войдите в учетную запись Facebook , которая имеет администраторский доступ к странице, к которой вы хотите подключиться.
Связь с Facebook

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

4. Нажмите Chat Plugin, чтобы начать создание виджета Facebook Messenger Код.

Начните создание плагина Facebook Customer Chat, нажав Chat Plugin на странице канала Respond.io .
Как сделать виджет Messenger для сайта: Respond.io страница каналов

5. Добавьте свой сайт в белый список. Это необходимо для добавления Facebook Messenger на ваш сайт.

Прежде чем вставить код плагина Facebook Custom Chat на свой сайт, необходимо добавить домен вашего сайта в белый список.
Как сделать виджет Messenger для сайта: Facebook Messenger белый список виджетов

6. Скопируйте скрипт и вставьте его в нижний колонтитул вашего сайта.

Последний шаг - добавление скрипта плагина Facebook Chat на ваш сайт.
Как сделать виджет Messenger для сайта: Facebook Messenger скрипт виджета

Нажмите кнопку Готово после добавления кода виджета чата Facebook на ваш сайт, и вот он - ваш Facebook Chat Plugin должен быть готов к работе.

Теперь вы, возможно, задаетесь вопросом, как добавить чат Facebook на свой сайт. Это зависит от вашей CMS. Мы расскажем вам о некоторых методах добавления 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 Live Chat на свой сайт 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 .

Есть способы добавить Facebook Messenger  на ваш сайт. Чтобы интегрировать Facebook Messenger  в ваш сайт Squarespace , добавьте скрипт. Вот как добавить Facebook Messenger  на ваш сайт.
Добавьте сценарий

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

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

Читать далее

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

Теги
Скопировано в буфер обмена!

Готовы начать?

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