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

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

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

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

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

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

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

0₽

0₽

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

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

+4

+4

месяца

месяца

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

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

+12.000₽

+12.000₽

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

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

+3

+3

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

0₽

0₽

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

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

0₽

0₽

месяца

месяца

/год

/год

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

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

Получите подарки от 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

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