← Назад
Интеграции
Связь с клиентами

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

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

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

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

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

1. Переходите в свою учётную запись
Зайдите в раздел "Сообщества" и нажмите на кнопку "Создать сообщество":
Создание сообщества Вконтакте
2. Выберите тип сообщества
Например, "Бизнес", если у вас интернет-магазин.
3. Заполните информацию о компании
Укажите название, тематику и адрес сайта. Затем нажмите "Создать сообщество":
4. Дополните информацию
На следующем шаге Вконтакте предложит вам настроить сообщество, используя подсказки. Чтобы воспользоваться ими, нажмите на кнопку "Перейти к настройкам":
Вам останется пройти 6 простых шагов, и группа будет готова. :)
Пример группы Вконтакте с заполненными контактами
Пример группы Вконтакте с заполненными контактами

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

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

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

5. Настройте виджет нужным вам образом
Вернитесь назад на страницу подключения виджета и установите другие настройки, такие как расположение, время раскрытия виджета, текст подсказки и т.д.
6. Получите код виджета
В итоге будет сформирован определенный код виджета. Он состоит из двух частей, которые нужно будет разместить в коде вашего сайта.
7. Установите код на сайт
Первую часть кода необходимо будет вставить перед закрывающим тегом </head>. А вторую — перед закрывающим тегом </body>.

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

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

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

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

Итоги

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

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

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

Ищете конструктор чтобы собрать сайт или интернет-магазин?
Попробуйте mottor бесплатно

Бесплатный конструктор сайта
Все шаблоны
Шаблон онлайн курса
Шаблон курс инвестиций
Шаблон доставка еды
Шаблон онлайн школы
Шаблон для портфолио
Шаблон лендинг для вебинаров
Шаблон интернет-магазин мебели
Одностраничный сайт
Многостраничный сайт
Создать сайт онлайн бесплатно самому
Конструктор сайтов на русском
Сделать сайт для интернет магазина
Создать сайт бесплатно конструктор
Создать бесплатно интернет магазин
Создать сайт конструктор
Конструктор сайта онлайн
Онлайн конструктор сайта бесплатно
Создать сайт с нуля конструктор
Конструктор интернет магазинов
Конструктор страниц
Сайт конструктор бесплатно
Конструктор создания сайтов
Платформа для создания сайта
Разработка сайтов
Бесплатный сайт
бесплатный конструктор сайтов, лендингов и квизов
Документы:
Полезные ссылки:
Функциональность:
Функциональность:
О компании:
при поддержке Фонда Развития Интернет Инициатив
бесплатный конструктор сайтов, лендингов и квизов
Бесплатный звонок по России
Шаблоны:
Популярные запросы:
support@lpmotor.ru
О компании и сервисе
Тур по сервису
Помощь
Договор-оферта
Партнёрская программа
Шаблоны
Видеоинструкции
Согласие
Тарифы и услуги
Обновления
Инструкции для пользователей
Политика конфиденциальности
Сделано на mottor
Техподдержка
Платная поддержка
Инструкция по установке