Сайты

Создайте сайт, лендинг (landing page) и одноэкранник из готовых секций или zero block

Магазины

Полноценный интернет-магазин с корзиной, доставкой и интеграциями

Квизы

Мощные квиз-опросы (quiz) c ветвлением, статистикой и калькулятором

Чат-боты

Создайте чат-бот сразу для 4 соц. сетей и общайтесь с клиентами в одном месте

Автоворонки

Создайте цепочку коммуникаций с клиентами в письмах, смс и сайтах

← Назад

Интеграции

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

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

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

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

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

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

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

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

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

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

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

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

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

Шаг 2. Настраиваем чат

1. Зайдите в раздел виджетов ВК
Перейдите по ссылке и нажмите на Виджет сообщений сообщества.

2. Выбор группы
Выберите группу, в отношении которой будут поступать сообщения:

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

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

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

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

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

7. Установите код на сайт
Первую часть кода необходимо будет вставить перед закрывающим тегом </head>. А вторую — перед закрывающим тегом </body>.

В mottor, например, код для этих тегов вставляется в специальных полях:

Пример вставки кода в теги head и body в mottor

Обратите внимание. Если вы уже устанавливали какие-либо виджеты от ВК на сайт, то этот код (первая часть) там уже есть, его дублировать не надо.

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

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

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

Итоги

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

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

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