Социальные кнопки

Конструктор блока «Поделиться»

Создайте красивый адаптивный блок социальных кнопок для сайта. Настройте порядок сервисов, стиль CSS-кнопок, готовые наборы иконок, ориентацию, эффекты наведения и получите готовый код для вставки.

Настроить блок Получить код

Настройки виджета

Все изменения сразу видны в предпросмотре. Настройки сохраняются в cookie браузера.

Автоматически брать текущую страницу

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

Порядок соцсетей

Перетаскивайте кнопки мышкой или пальцем. Порядок сразу попадёт в data-services.

Набор иконок

Только для режима «Готовые наборы иконок».

Набор 1 — Глянец

Стиль кнопок

Форма

Размер

Подписи

Ориентация кнопок

Расположение

Статично — блок будет показан там, куда вставлен код. Сверху, снизу, слева и справа — блок будет закреплён на странице сайта.

Эффект при наведении

Отступ между кнопками: 10 px

Показывать заголовок «Поделиться» Открывать ссылки в новой вкладке Тень кнопок Инициализировать автоматически

Готовый код для сайта

Как пользоваться сервисом

Выберите нужные соцсети, настройте внешний вид блока и скопируйте готовый код. Для обычных CSS-кнопок используются встроенные SVG-иконки, а для режима «Только PNG-иконки без кнопок» можно выбрать один из готовых PNG-наборов.

Светлая и тёмная темы блога
Адаптация под мобильные устройства
Порядок кнопок через drag-and-drop
Готовый код для CDN