← Назад

Интеграции

Связь с клиентами

Как подключить виджет сообщений сообщества от Вконтакте

Сложность ∙ Легко

Общаться с клиентами через чат прямо на вашем сайте очень удобно. К тому же, совершенно необязательно присутствовать в этом чате без перерыва — вы можете настроить автоответ и попросить клиента оставить свои контактные данные. Чат в большинстве случаев не остаётся без внимания. :)

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

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

Аудит вашего сайта или консультация по редактору

0₽

подключенного тарифа для конструктор сайтов

+4

месяца

промокод на продвижение в сетях Яндекс

+12.000₽

тарифа чат-ботов, автоворонок и мобильных приложений

+3

Бесплатный домен в зоне .ru/.рф

0₽

Бесплатный шаблон сайта под вашу сферу бизнеса

0₽

месяца

/год

Забронировать предложение

Получите подарки от mottor при подключении тарифа

спецпредложение

Шаг 1. Создаём группу ВК

1. Переходите в свою учётную запись
Зайдите в раздел "Сообщества" и нажмите на кнопку "Создать сообщество":

2. Выберите тип сообщества
Например, "Бизнес", если у вас интернет-магазин.

3. Заполните информацию о компании
Укажите название, тематику и адрес сайта. Затем нажмите "Создать сообщество":

4. Дополните информацию
На следующем шаге Вконтакте предложит вам настроить сообщество, используя подсказки. Чтобы воспользоваться ими, нажмите на кнопку "Перейти к настройкам":

Вам останется пройти 6 простых шагов, и группа будет готова. :)

Пример группы Вконтакте с заполненными контактами

Шаг 2. Создание и настройка виджета

Зайдите в раздел виджетов ВК
Перейдите по ссылке и прокрутите экран до этапа "Код виджета":

В поле "Ссылка на страницу" выберите из списка нужную группу ВК.
Выберите положение виджета на сайте и установите паузу перед раскрытием.
Включите или отключите звуковые сигналы.
Включите или отключите подсказку для чата. Если она включена — укажите текст подсказки.

Шаг 3. Размещение виджета на сайте

Ниже под настройками виджета появится окно с 2мя фрагментами кода:

Набор бытовых предметов, используемых брендами в качестве мерча

Скопируйте часть кода из первого абзаца:

Перейдите в настройки сайта в mottor:

В категории "Общие" включите опцию "Вставка в тег Head и Body":

Вставьте скопированную часть кода в поле тега <Head>:

Вернитесь на страницу настройки виджета и скопируйте часть кода из второго абзаца:

Разместите ее в поле тега <Body> настроек сайта и сохраните настройки:

Перейдите в настройки сообщества ВК, раздел "Сообщения". Включите опцию "Разрешить использование виджета":

Заполните появившиеся поля и сохраните настройки:

ВАЖНО! Если у вас домен на кириллице — оставьте поле "Разрешённые домены" пустым.

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

Пример чата от Вконтакте

Пример подключения виджета сообщений от Вконтакте к сайту, созданному в mottor, можно посмотреть в нашем коротком видео:

Итоги

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

Надеемся, вы примените эти знания при создании своего собственного сайта. Если что-то будет непонятно — в конструкторе сайтов mottor есть бесплатная техподдержка для всех пользователей. Вам поможет живой специалист:

— в чате на сайте lpmotor.ru
— по телефону 8 800 200 51 47 (звонки по РФ бесплатные)
— в Телеграм: https://t.me/lpmotorchat