Основная функция блока:
Разместите удобные кнопки со ссылками на соцсети на вашем сайте.
Разместите удобные кнопки со ссылками на соцсети на вашем сайте.
Пример:
Как это работает — 3 простых шага:
1. Добавьте блок на сайт
2. В списке пунктов выберите нужные соцсети, укажите ссылки
3. Настройте стиль и эффекты при наведении
Готово!
1. Добавьте блок на сайт
2. В списке пунктов выберите нужные соцсети, укажите ссылки
3. Настройте стиль и эффекты при наведении
Готово!
Как добавлять соцсети:
В разделе "Пункты" можно добавить до 10-ти каналов связи. При клике на 3 точки пункта открывается выбор соцсети, где можно поменять название и указать номер телефона или ссылки. Блок имеет много заготовленных ссылок и иконок на самые популярные соцсети
и мессенджеры.
Обратите внимание, что можно выбрать иконку с обычной ссылкой, которая не привязана к какой-то определённой соцсети.
В разделе "Пункты" можно добавить до 10-ти каналов связи. При клике на 3 точки пункта открывается выбор соцсети, где можно поменять название и указать номер телефона или ссылки. Блок имеет много заготовленных ссылок и иконок на самые популярные соцсети
и мессенджеры.
Обратите внимание, что можно выбрать иконку с обычной ссылкой, которая не привязана к какой-то определённой соцсети.
Пример блока с обычной ссылкой (первая иконка):
Варианты дизайна:
В разделе "Основные настройки" можно выбрать одну из трёх версий:
1. стандартный вид (оригинал/монохром)
2. монохромные иконки с обводкой
3. мини-иконки без подложки (оригинал/монохром)
Для 1-ой и 3-ей версий можно выбрать цвета:
оригинал — как выглядит иконка соцсетей по умолчанию
монохром — все иконки становятся однотонными, цвет можно поменять
В разделе "Основные настройки" можно выбрать одну из трёх версий:
1. стандартный вид (оригинал/монохром)
2. монохромные иконки с обводкой
3. мини-иконки без подложки (оригинал/монохром)
Для 1-ой и 3-ей версий можно выбрать цвета:
оригинал — как выглядит иконка соцсетей по умолчанию
монохром — все иконки становятся однотонными, цвет можно поменять
Пример стандартного вида (оригинал):
Пример стандартного вида (монохром):
Пример монохромных иконок с обводкой:
Пример мини-иконок (оригинал):
Пример мини-иконок (монохром):
Для монохромных иконок стандартного вида доступно 6 готовых шаблонов цвета, но вы можете настроить свои собственные (в параметре "Свой цвет").
Обратите внимание, что для таких иконок можно использовать градиентную заливку (линейную или радиальную). Градиентную заливку можно выбрать в колорпикере.
Обратите внимание, что для таких иконок можно использовать градиентную заливку (линейную или радиальную). Градиентную заливку можно выбрать в колорпикере.
Колорпикер:
Пример с цветом шаблона (стандартный вид):
Пример с градиентной заливкой:
Расположение иконок и подписи:
Выберите как будут располагаться иконки соцсетей: горизонтально или вертикально.
При желании вы можете включить названия социальных сетей рядом с иконками.
Стиль, цвет текста и отступ от иконки можно настроить.
Выберите как будут располагаться иконки соцсетей: горизонтально или вертикально.
При желании вы можете включить названия социальных сетей рядом с иконками.
Стиль, цвет текста и отступ от иконки можно настроить.
Пример иконок, расположенных по вертикали с подписями:
Эффекты при наведении:
Используйте эффекты, чтобы показать кликабельность иконок при наведении. Основные эффекты — это увеличение и прозрачность. Если вы используете монохромные иконки, то у них можно выбрать цвета, в которые будет окрашиваться иконка при наведении.
Интенсивность увеличения и прозрачности можно детально отрегулировать, задав своё значение.
Используйте эффекты, чтобы показать кликабельность иконок при наведении. Основные эффекты — это увеличение и прозрачность. Если вы используете монохромные иконки, то у них можно выбрать цвета, в которые будет окрашиваться иконка при наведении.
Интенсивность увеличения и прозрачности можно детально отрегулировать, задав своё значение.
Пример блока с увеличением при наведении:
Пример блока с прозрачностью при наведении:
Пример монохромных иконок с изменением цвета:
Пример монохромных иконок с изменением цвета:
Дополнительные настройки дизайна:
Ещё у иконок вы можете настроить:
• тень
• размер
• скругление
• отступ между иконками
Ещё у иконок вы можете настроить:
• тень
• размер
• скругление
• отступ между иконками
блок соцсети
Пример иконок с тенью:
Пример уменьшенных иконок:
Пример иконок с настроенным скруглением и тенью: