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

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

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

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

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
Техподдержка
Платная поддержка
Инструкция по установке