ВКонтакте остается самой популярной социальной платформой в русскоязычном сегменте интернета, и интеграция с ней дает сайтам дополнительный трафик, вовлеченность аудитории и вирусный эффект.
Мы в PushLab разработали бесплатный плагин VK Widgets WP, который добавляет на сайты под управлением WordPress три ключевых виджета ВКонтакте: комментарии, кнопку «Нравится» и кнопку «Поделиться». Рассказываем, зачем это нужно и как использовать плагин на максимум.
Зачем нужны виджеты ВКонтакте на сайте?
ВКонтакте — это не просто социальная сеть, а целая экосистема с многомиллионной аудиторией. Интеграция с ней решает несколько важных задач:
- Упрощение коммуникации — пользователям не нужно проходить регистрацию на вашем сайте, чтобы оставить комментарий. Они заходят через свой аккаунт ВК.
- Вирусный эффект — каждый комментарий или отметка «Нравится» может транслироваться на стену пользователя, привлекая его друзей на ваш сайт.
- Рост доверия — реальные аккаунты с фотографиями и историей выглядят убедительнее анонимных комментаторов.
- Дополнительный трафик — публикации со ссылками на ваш сайт остаются на стенах пользователей навсегда и продолжают работать как вечные ссылки.
Раньше для интеграции с ВКонтакте приходилось либо разбираться с API самостоятельно, либо устанавливать несколько разных плагинов. VK Widgets WP объединяет всё необходимое в одном решении.
Что умеет VK Widgets WP
Плагин состоит из трех независимых модулей, которые можно включать и настраивать по отдельности.
Виджет «Комментарии ВК»
Это полноценная замена стандартной системы комментариев WordPress. Блок выглядит так же, как на самом ВКонтакте, и поддерживает все современные возможности:
- Количество комментариев — можно выбрать от 5 до 100 отображаемых записей.
- Ширина и высота — гибкая настройка размеров блока под дизайн сайта.
- Расширенные прикрепления — пользователи могут добавлять граффити, фотографии, видео, аудио и ссылки.
- Автопубликация — комментарий автоматически появляется на стене пользователя со ссылкой на ваш материал.
- Режим реального времени — новые комментарии подгружаются без перезагрузки страницы.
Особенность, которую оценят владельцы интернет-магазинов, — поддержка WooCommerce. Плагин умеет заменять стандартные отзывы товаров на комментарии ВКонтакте. При этом вкладка отзывов аккуратно переименовывается, а счетчик исчезает, чтобы не сбивать с толку покупателей.
Если вы не хотите полностью заменять стандартные комментарии, можно оставить всё как есть и использовать шорткод [vkwp_comments] для ручного размещения в нужных местах.
Виджет «Нравится ВК» (Лайк)
Кнопка «Нравится» — простой способ для пользователей выразить отношение к материалу. В плагине доступны четыре типа кнопок:
- Полная (full) — классическая кнопка с текстовым счетчиком.
- Кнопка со счетчиком (button) — компактный вариант с миниатюрным счетчиком.
- Миниатюрная (mini) — только иконка, без текста.
- Вертикальная (vertical) — счетчик располагается сверху.
Для каждого типа можно выбрать высоту (от 18 до 30 пикселей) и текст: «Нравится» или «Это интересно». Кнопку можно автоматически добавлять во все записи, выбирая позицию (до или после контента) и выравнивание (слева или справа). Для полной и компактной кнопок выравнивание фиксировано слева — так они смотрятся органичнее.
Шорткод для ручного размещения: [vkwp_like].
Виджет «Поделиться ВК»
Кнопка «Поделиться» позволяет пользователям публиковать ссылки на ваши материалы на своей стене. Это мощный инструмент для распространения контента. Плагин предлагает шесть стандартных типов оформления:
- round — скругленные углы со счетчиком.
- round_nocount — скругленные углы без счетчика.
- button — прямые углы со счетчиком.
- button_nocount — прямые углы без счетчика.
- link — текстовая ссылка с иконкой ВК.
- link_noicon — текстовая ссылка без иконки.
Но самая интересная возможность — создание собственной кнопки. В режиме «Своя кнопка (custom)» открывается конструктор, где можно настроить:
- Цвет фона.
- Текст кнопки.
- Размер шрифта.
- Цвет текста (иконка автоматически подстраивается под этот цвет).
- Внутренние отступы (вертикальные и горизонтальные).
- Отображение иконки ВКонтакте.
Таким образом, можно создать кнопку, идеально вписывающуюся в дизайн вашего сайта, без написания CSS-кода.
Шорткод для ручного размещения: [vkwp_share].
Как это работает
Мы уделили внимание не только функциональности, но и производительности. Плагин загружает скрипты VK API только на тех страницах, где реально используются виджеты. Например, если вы включили автоматическое отображение кнопок в записях, скрипты подключатся только на страницах записей. Если используете шорткоды — только там, где они обнаружены.
Установка и настройка
Процесс установки максимально упрощен. После активации плагина нужно сделать всего несколько шагов.
Шаг 1. Создание приложения ВКонтакте
Для работы виджетов требуется ID приложения VK ID. Создается оно бесплатно и быстро:
- Нажимаем «Создать приложение», выбираем платформу «Веб».
- Указываем название (например, название вашего сайта).
- В настройках приложения находим поле «ID приложения» и копируем число.
- В поле «Доверенный redirect URI» прописываем URL своего сайта.
- Сохраняем изменения.
Весь процесс занимает 2-3 минуты.
Шаг 2. Настройка плагина
В админ-панели WordPress появляется новый пункт меню «VK Widgets WP». На вкладке «Основные» вставляем скопированный ID приложения и включаем нужные виджеты. После включения автоматически появятся соответствующие вкладки с детальными настройками.
Удобная деталь — плагин запоминает, на какой вкладке вы находились. После сохранения настроек вы не перебрасываетесь на основную вкладку, а остаетесь там же, где работали.
Шаг 3. Размещение на сайте
Дальше два пути. Если вам нужно заменить стандартные комментарии или автоматически выводить кнопки во всех записях — просто включите соответствующие опции в настройках виджетов. Если нужен более тонкий контроль — используйте шорткоды.
Шорткоды можно вставлять прямо в текст записей, в виджеты сайдбара или в файлы темы через do_shortcode().
Вопросы, которые часто задают
Почему не отображаются виджеты?
Первым делом проверьте, указан ли корректный ID приложения и включен ли виджет в основных настройках. Если используете автоматическое отображение, убедитесь, что включена опция «Отображать в записях». Также стоит заглянуть в консоль браузера (F12) — там могут быть видны ошибки JavaScript, если другой плагин конфликтует с VK API.
Можно ли использовать в WooCommerce?
Да, для виджета «Комментарии» есть отдельная опция замены отзывов. Она появляется автоматически при активированном WooCommerce.
Что будет при удалении плагина?
При деактивации все настройки сохраняются. Если вы решите удалить плагин полностью, используйте стандартную функцию «Удалить» на странице плагинов — тогда все данные будут стерты из базы данных.
Будет ли плагин обновляться?
Да, мы активно развиваем VK Widgets WP. В планах — добавление новых виджетов (например, «Сообщения сообщества» и «Опросы») и расширение возможностей кастомизации.
Для кого этот плагин
VK Widgets WP пригодится:
- Владельцам блогов и новостных сайтов — комментарии ВК повышают активность аудитории и дают дополнительный трафик через публикации на стенах.
- Интернет-магазинам — отзывы ВК выглядят убедительнее анонимных, а возможность поделиться товаром с друзьями работает как бесплатная реклама.
- Корпоративным сайтам — кнопки «Нравится» и «Поделиться» помогают распространять информацию о компании.
- Разработчикам — плагин легко интегрируется в любые темы, имеет понятную структуру и открыт для доработок.
Где скачать
Плагин распространяется бесплатно. Скачать последнюю версию можно на нашем сайте:
Версия 1.3.5 уже доступна и полностью готова к использованию. Требования: WordPress от 5.6 и PHP от 7.4.
Социальные сети перестали быть просто площадками для общения — они стали мощными инструментами маркетинга и привлечения трафика. Интеграция с ВКонтакте через VK Widgets WP дает вашему сайту доступ к многомиллионной аудитории без сложной настройки и лишних затрат.
Попробуйте плагин уже сегодня и оцените, как меняется вовлеченность посетителей, когда они могут комментировать, делиться и выражать симпатию привычным способом — через ВКонтакте.
Было полезно?
Подпишитесь, оцените лайком и пишите свое мнение в комментариях 😉