Как добавить кнопки социальных сетей на сайт

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

Как добавить вертикальные кнопки социальных сетей на сайт

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

Мне кажется это очень удобно, потому что если читателю понравилась ваша информация, ему не нужно спускаться вниз статьи, чтобы поделиться ей в соцсетях (мы часто ленимся это делать). Гораздо удобнее переместить мышь чуть влево, выбрать любимую соцсеть и нажать соответствующую кнопку!

Если вы все-таки предпочитаете «классический» вид социальных кнопок, могу вам порекомендовать мою статью, где я подробно описала, как можно установить социальные кнопки от Яндекса.

Плагин GetSocial кнопки социальных сетей

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

Я легко «подружилась» с одним из таких плагинов под названием GetSocial. Этот плагин предназначен для движка wordpress, условно бесплатный. Если вы хотите воспользоваться его расширенным функционалом, то вам придется вносить ежемесячную  плату.

Тем не менее, бесплатных функций плагина GetSocial лично мне вполне хватило.

Как установить плагин GetSocial

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

В поиск плагинов вбить GetSocial, выбрать его и нажать Установить, а затем Активировать. Все, плагин моментально устанавливается на ваш сайт.

plagin-getsocial

Далее в меню консоли у вас появляется вкладка GetSocial. Вам сюда! Немного настроек, и все будет готово.

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

Теперь непосредственно о настройках. На главной странице вы сможете выбрать вид кнопок социальных сетей, расположение кнопок и платную или бесплатную функцию.

Все, что помечено значком Starter, требует дополнительной оплаты. Все остальное – предоставляется бесплатно!

Я не буду останавливаться на всех возможностях, которые предоставляет плагин GetSocial, вы можете сделать это самостоятельно. Интерфейс простой, поэтому разобраться будет легко.

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

Вертикальные кнопки от GetSocial

Для того, чтобы добавить вертикальные кнопки социальных сетей на сайт вам необходимо в настройках плагина выбрать вкладку Floating Sharing Bar и нажать кнопочку Install App.

vertikalnyie-knopki-sotsialnyih-setey

Следующее окно предлагает выставить нужные вам настройки:

  • Выбрать кнопки соцсетей, которые вы хотите видеть у себя на сайте

kak-dobavit-knopki-sotsialnyih-setey-na-sayt

  • Размер кнопок

knopki-sotsialnyih-setey-na-sayt

  • Справа, слева, в верхнем углу, в нижнем углу сайта

plagin-knopki-sotsialnyih-setey

  • Со счетчиком или без него.

При добавлении определенной настройки очень удобно наблюдать все изменения во внешнем виде кнопок в реальном времени.

После того, как вас удовлетворил результат, вы можете нажать на кнопочку Save and Activate.

sotsialnyie-knopki-kak-ustanovit

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

Горизонтальные кнопки от GetSocial

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

Для этого выбираем другую вкладочку под названием Horizontal Share Bar.

gorizontalnyie-knopki-sotsialnyih-setey

В настройках данной вкладки вы так же можете выбрать:

  • Кнопки соцсетей
  • Их размеры
  • Со счетчиком или без счетчика
  • Позиции размещения: слева, по центру, справа

sotsknopki-ot-yandeks

  • Над статьей, под статьей, сверху и снизу статьи.

getsocial

Сохраните изменения.

Если вы все сделали правильно, то кнопки соцсетей отобразятся в вашей статье.

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

Для лучшего понимания предлагаю вам подробный видеоурок:

Денежные ручейки

 
   
Я пишу о том, что проверила на собственном опыте. Подпишитесь на обновления, чтобы не упускать полезные знания!
 

Комментарии 4

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

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

Нажимая кнопку «Отправить комментарий», я принимаю Пользовательское соглашение и подтверждаю, что ознакомлен и согласен с Политикой конфиденциальности этого сайта.