Виджет ВКонтакте для сайта

Приветствую бро. В статье приведен пошаговый мануал по установке виджета ВКонтакте для сайта.

Виджет группы тесно свяжет ваш сайт с соответствующей группой или сообществом ВКонтакте. Он позволит подписываться на новости сообщества, не покидая страниц сайта. А также является хорошим social proof (социальном доказательством).

Как сделать виджет «ВКонтакте»?

  1. Скопируйте URL (адрес) нужного сообщества из адресной строки браузера;
    Копируем URL нужного сообщества
    Копируем URL нужного сообщества
  2. Войдите в свой аккаунт «ВКонтакте», затем перейдите в настройку виджета для сообществ на странице для разработчиков VK;
  3. На этой странице заполните форму в разделе «Подключение виджета к Вашему сайту»:
    Настройка вида виджета VK
    Настройка вида виджета VK
  • «Ссылка на страницу» — в это поле вставьте скопированный адрес вашей группы
  • «Вид» — здесь отметьте, что должно отображаться в блоке на сайте из следующего: «Участники», «Новости» или только «Название» группы
  • «Ширина» — укажите требуемую ширину виджета в пикселях
  • «Цвета» — настройте внешний вид виджета в соответствии с дизайном вашего сайта
  1. В поле «Код для вставки» появится код, который нужно скопировать. Его следует разместить на вашем сайте в нужном месте.

Вставить виджет ВКонтакте для WordPress

Есть несколько вариантов как добавить виджет на сайт WordPress:

Установка виджета в сайдбар WP

Устанавливаем виджет ВК в сайдбар WordPress
Устанавливаем виджет ВК в сайдбар WordPress (раздел «Внешний вид — Виджеты»)

  1. Перед тем как установить код, зайдите в административную панель WordPress.
  2. Выберите пункт меню «Внешний вид», нажмите «Виджеты».
  3. Добавьте блок «HTML-код» и вставьте скопированный ранее код в поле «Содержимое»
  4. Нажмите «Сохранить».
  5. Проверьте наличие виджета ВКонтакте на своем сайте

Установка виджета ВКонтакте в подвал WordPress

  1. В админ панели перейдите в пункт меню «Внешний вид» и нажмите «Редактор тем»
  2. В открывшемся редакторе выберите файл Подвала (footer.php)
  3. Добавьте код виджета ВКонтакте в нужное место

Установка виджета сообщества на других сайтах

Принцип схож с добавлением кода в подвал WP.

  1. Заходите в панель управления своего хостинга и далее в редактор файлов. Или подключаетесь по FTP;
  2. Находите файл отвечающий за подвал и открываете его в редакторе;
  3. Добавляете код виджета группы в нужное место и сохраняете изменения.

Если для вас выше изложенная инструкция не понятна, обратитесь за помощью к другу или фрилансерам, например на Kwork.ru

Результат

Виджет ВКонтакте для сайта
Виджет ВКонтакте для сайта

Так выглядит правильная работа виджета ВКонтакте, после установки на сайт.

Не забудьте добавить мотивирующий заголовок с призывом к действию (CTA, call to action). Например: Подписывайтесь на акции.

Надеюсь у тебя все получилось. Если материал был тебе полезен — поделись с друзьями или оставь комментарий.

Успехов!

Виджет ВКонтакте для сайта
5 (100%) 1 проголосовало

Понравилась статья? Поделиться с друзьями:
Блог Андрея Глебы
Добавить комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: