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

Как добавить на сайт виджет комментариев от Вконтакте

Сложность ∙ Легко
Для размещения отзывов и обсуждений прямо на вашем сайте, вы можете использовать виджет комментариев от Вконтакте. Единственный минус, он же и плюс — оставлять комментарии могут только зарегистрированные пользователи этой соц.сети. Что это даёт? При желании, каждый прокомментировавший может поделиться записью на своей странице ВК, тогда рядом с комментарием будет показываться ссылка на ваш сайт, что может привлечь внимание других людей к обсуждению и вашему сайту в целом. 
Виджет комментариев от Вконтакте

Подключение виджета

1. Зайдите в раздел виджетов ВК
Перейдите по ссылке, внизу найдите раздел "Виджеты для сайтов" и нажмите на "Комментарии":
2. Настройте виджет
• Добавьте сайт, на котором будут размещаться ваши комментарии. Введите для него название (любое), адрес (ссылку на сайт), основной домен (та же ссылка, только без http в начале) и укажите тематику сайта. После добавления данных о сайте нажмите "Сохранить".
Далее можно настроить параметры виджета:
Количество комментариев (макс. число комментариев, которое показывается при загрузке виджета);
Включить расширенные комментарии (при нажатии кнопки "Подробнее" дает возможность разрешить/запретить использование доп. инструментов, таких как: граффити, фото, видео, аудио, ссылки);
Ширина (может задаваться как в процентах, так и в пикселях. При указании 100% — занимает всю доступную ширину в блоке).
3. Получите сформированный код
В итоге будет сформирован определенный код виджета. Он состоит из двух частей, которые нужно поместить в разные места сайта.
4. Установите первую часть кода на сайте
Первую часть кода, которая начинается с <!-- Put this script tag to the <head> of your page -->, необходимо будет вставить перед закрывающим тегом </head>. 

В mottor, например, код для этих тегов вставляется в специальных полях:
Пример вставки кода в тег head в mottor 
5. Разместите вторую часть кода
Вторую часть кода, начинающуюся с <!-- Put this div tag to the place, where the Comments block will be -->, необходимо разместить в том месте на вашем сайте, где вы хотите разместить комментарии. Это код вставляется в тег <div>.

В mottor, например, код для тега <div> размещается в HTML-блоке:
Пример вставки кода в тег div в mottor (HTML-блок) 

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

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

Важно! Виджет будет показываться ТОЛЬКО по тому домену, что вы указали при создании виджета во втором пункте нашей статьи.

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

Дальнейшее управление виджетом

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

Итоги

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

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

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

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

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