Полезные виджеты для сайта. Виджеты вк для сайта

Делитесь с друзьями!

В этой статье расскажу об одном из полезных виджетов для сайта. Это виджет ВК для сайта.

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

Как установить виджет от ВК на блог

Для того, чтобы установить виджет перейдите на свою страницу в VK. Опустившись вниз, найдите вкладку «Разработчикам».

Полезные виджеты для сайта

В открывшемся приложении для разработчиков нажимаете «Продукты», затем «Виджеты для сайтов».

виджет ВК для сайта

Или просто перейдите по ссылке https://vk.com/dev/widgets_for_sites , чтобы сразу перейти на вкладку «Виджеты для сайтов».

виджеты для сайта

Выбираете «Сообщества». Мы будем устанавливать на блог виджет личной страницы в ВК. Но можно выбрать и группу, если она у вас есть.

Нажимаете левой кнопкой мыши и переходите на вкладку «Подключение виджета к вашему сайту».

Настройка виджета ВК для сайта

Прежде всего, вставьте ссылку на личную страницу в ВК.

Для этого скопируйте адрес вашего аккаунта в контакте и вставьте в адресную строку – «Ссылка на страницу».

виджеты для сайтов

Затем выберите, что будет показывать виджет посетителям сайта: это будут либо ваши подписчики, либо новости в ленте. Нажимая на чек-боксы, вы выбираете то, что вас устраивает больше всего.

В данном случае я выбрала «Участники» и виджет показывает моих подписчиков.

Затем установите ширину виджета. По умолчанию ширина установлена как 100%. Но, подведя мышку к кнопке «Ширина», вы можете установить её в пикселях. Я установила ширину 300 пк, что оптимально соответствует ширине сайд-бара на моём блоге.

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

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

Как только внешний вид виджета вас устроит, скопируйте сгенерированный сервисом HTML-код.

Перейдите в консоль блога, выберите «Внешний вид», затем «Виджеты».

бесплатные виджеты для сайта

В появившейся вкладке выберите «HTML-код».

Зажав левой кнопкой мыши эту кнопку, перетащите её в нужное место в сайд-баре блога. Отпустите кнопку мыши, виджет встанет на указанное вами место. На нижнем скриншоте вы видите шаги, которые описаны выше.

бесплатные виджеты для сайта

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

«Заголовок» – назовите виджет , «Содержимое» – вставьте скопированный ранее HTML-код. Нажмите «Сохранено», затем – «Готово».

Если вы всё сделали верно, в сайд-баре блога появится полезный и бесплатный виджет для сайта от ВК.

виджеты для сайта

Иногда для того, чтобы его увидеть, нужно обновить страницу блога или даже перезагрузить компьютер. И такое бывает!

Заканчиваю статью и напомню, что в ней я рассказала о полезном виджете для сайта, о том, как его настроить и установить на блог.

Делается это просто, но если будут вопросы, то обращайтесь!

Пишите в комментариях, пригодилась ли моя статья, делитесь с друзьями в соц. Сетях.

До свидания! Ваша Галина Матвеева.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Этот сайт использует Akismet для борьбы со спамом. Узнайте как обрабатываются ваши данные комментариев.