Привет! С одной стороны мне повезло, когда при установке шаблона на сайт, я заметила, что он содержит в себе кнопки социальных сетей. С другой стороны, если спуститься вниз статьи, придется достаточно долго вглядываться, где эти самые кнопки находятся. Потому что они мелкие, и, на мой взгляд, совершенно не привлекают читателя статьи поделиться информацией в соцсетях. Поэтому у меня возник вполне логичный вопрос, как добавить кнопки социальных сетей на сайт, чтобы они были более заметны, и каждому пользователю хотелось на них нажать.
Как добавить вертикальные кнопки социальных сетей на сайт
Передо мной встала задача не просто добавить кнопки социальных сетей на сайт, а чтобы это были вертикальные кнопки. Все вы, наверное, замечали на некоторых сайтах, когда читаешь статью, слева за тобой «следуют» вертикальные кнопки соцсетей.
Мне кажется это очень удобно, потому что если читателю понравилась ваша информация, ему не нужно спускаться вниз статьи, чтобы поделиться ей в соцсетях (мы часто ленимся это делать). Гораздо удобнее переместить мышь чуть влево, выбрать любимую соцсеть и нажать соответствующую кнопку!
Если вы все-таки предпочитаете «классический» вид социальных кнопок, могу вам порекомендовать мою статью, где я подробно описала, как можно установить социальные кнопки от Яндекса.
Плагин GetSocial кнопки социальных сетей
Я не интересовалась ранее, но, оказывается, существуют плагины, которые позволяют добавить кнопки социальных сетей на сайт буквально за считанные минуты. При этом есть возможность выбрать внешний вид кнопок и их расположение, в том числе выстроить вертикальную линейку.
Я легко «подружилась» с одним из таких плагинов под названием GetSocial. Этот плагин предназначен для движка wordpress, условно бесплатный. Если вы хотите воспользоваться его расширенным функционалом, то вам придется вносить ежемесячную плату.
Тем не менее, бесплатных функций плагина GetSocial лично мне вполне хватило.
Как установить плагин GetSocial
Для того, чтобы установить плагин кнопок социальных сетей, вам нужно в разделе Плагины нажать Добавить новый.
В поиск плагинов вбить GetSocial, выбрать его и нажать Установить, а затем Активировать. Все, плагин моментально устанавливается на ваш сайт.
Далее в меню консоли у вас появляется вкладка GetSocial. Вам сюда! Немного настроек, и все будет готово.
Когда вы нажмете на эту вкладочку, появится окно, где вы должны будете подтвердить адрес электронной почты и ваш домен.
Теперь непосредственно о настройках. На главной странице вы сможете выбрать вид кнопок социальных сетей, расположение кнопок и платную или бесплатную функцию.
Все, что помечено значком Starter, требует дополнительной оплаты. Все остальное – предоставляется бесплатно!
Я не буду останавливаться на всех возможностях, которые предоставляет плагин GetSocial, вы можете сделать это самостоятельно. Интерфейс простой, поэтому разобраться будет легко.
В этой статье я вам покажу, как добавить горизонтальные и вертикальные кнопки социальных сетей на сайт с помощью GetSocial.
Вертикальные кнопки от GetSocial
Для того, чтобы добавить вертикальные кнопки социальных сетей на сайт вам необходимо в настройках плагина выбрать вкладку Floating Sharing Bar и нажать кнопочку Install App.
Следующее окно предлагает выставить нужные вам настройки:
При добавлении определенной настройки очень удобно наблюдать все изменения во внешнем виде кнопок в реальном времени.
После того, как вас удовлетворил результат, вы можете нажать на кнопочку Save and Activate.
Если вы все сделали правильно, то на вашем сайте должна появиться вертикальная линейка социальных кнопок. Она отображается как на главной странице блога, так и в каждой статье. И очень ненавязчиво следует вниз за читателем сайта.
Горизонтальные кнопки от GetSocial
По аналогии можно добавить горизонтальные кнопки социальных сетей на ваш блог.
Для этого выбираем другую вкладочку под названием Horizontal Share Bar.
В настройках данной вкладки вы так же можете выбрать:
Сохраните изменения.
Если вы все сделали правильно, то кнопки соцсетей отобразятся в вашей статье.
Сегодня мы разобрали тему, как добавить кнопки социальных сетей на сайт, используя плагин GetSocial.
Для лучшего понимания предлагаю вам подробный видеоурок:
Денежные ручейки