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

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

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

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

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

1. Зарегистрируйте сайт как приложение
Перед тем, как создать виджет комментариев, требуется зарегистрировать сайт в VK в качестве приложения.
Перейдите по ссылке, Нажмите на кнопку "Создать приложение":

Впишите любое название приложения (1), выберите платформу "Сайт" (2), нажмите на кнопку "Перейти в сервис":

Выберите тип аккаунта и нажмите "Далее":

Заполните анкету персональных данных, проставьте галочки и нажмите "Создать аккаунт":

Впишите любое название приложения (1), выберите платформу "Web" (2), нажмите "Далее":

Укажите базовый домен сайта и ссылку на него, нажмите "Готово":

2. Настройте виджет
  • Перейдите по ссылке, прокрутите ее до раздела "Код виджета":
  • Выберите приложение, которое создали в пункте I, из списка.
  • Выберите кол-во комментариев для отображения внутри виджета.
  • Включите расширенные комментарии.

При нажатии кнопки "Подробнее" дает возможность разрешить/запретить использование доп. инструментов, таких как: граффити, фото, видео, аудио, ссылки.
  • Задайте ширину виджета. При указании 100% виджет занимает всю доступную ширину в блоке.
3. Разместите виджет на сайте
В итоге будет сформирован определенный код виджета. Он состоит из двух частей, которые нужно поместить в разные места сайта.
  • Скопируйте часть кода, которая начинается с "Put this script tag to the <head> of your page" и разместите ее в настройках сайта, поле "Вставка в тег <head>":
  • Зайдите в редактор, создайте HTML-блок в том месте, где надо поместить виджет комментариев:
  • Дважды кликните по нему, удалите все содержимое, вставьте вторую часть кода. Здесь нужно разместить то, что идет после слов "Put this div tag to the place, where the Comments block will be":
  • После указанных действий на вашем сайте появится виджет комментариев. Его удобно использовать, чтобы клиенты могли оставить отзывы прямо на сайте.

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

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

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

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

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

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

Итоги

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

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

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

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