Основная функция виджета:
Разместите удобные кнопки с ссылками на соцсети на вашем сайте. Виджет можно будет закрепить в любом углу вашего сайта, чтобы пользователи во время просмотра сайта могли быстро связаться с вами.
Разместите удобные кнопки с ссылками на соцсети на вашем сайте. Виджет можно будет закрепить в любом углу вашего сайта, чтобы пользователи во время просмотра сайта могли быстро связаться с вами.
Пример виджета соцсетей на сайте:
Как это работает:
Вы добавляете секцию с виджетом в редактор той страницы, где он нужен (в любое удобное место), выбираете необходимые соцсети и настраиваете ссылки. Сама секция не занимает никакого пространства на странице сайта, будет показываться только сам виджет.
Вы добавляете секцию с виджетом в редактор той страницы, где он нужен (в любое удобное место), выбираете необходимые соцсети и настраиваете ссылки. Сама секция не занимает никакого пространства на странице сайта, будет показываться только сам виджет.
Как добавленная секция с виджетом выглядит в редакторе:
Как добавлять соцсети:
В разделе "Пункты меню" можно добавить неограниченное количество каналов связи. При клике на 3 точки пункта открывается выбор соцсети, где можно поменять название и указать номер телефона, а ещё задать открытие ссылки в новом окне.
Виджет имеет много заготовленных ссылок и иконок на самые популярные соцсети
и мессенджеры
В разделе "Пункты меню" можно добавить неограниченное количество каналов связи. При клике на 3 точки пункта открывается выбор соцсети, где можно поменять название и указать номер телефона, а ещё задать открытие ссылки в новом окне.
Виджет имеет много заготовленных ссылок и иконок на самые популярные соцсети
и мессенджеры
Варианты дизайна:
В разделе "Основные настройки" можно выбрать одну из трёх версий:
• Базовая (только иконки)
• Расширенная (иконка + название)
• В поп-апе (иконка + название во всплывающем окне
У каждой версии можно настроить выравнивание по левому или правому краю и задать размер отступов от краёв экрана.
В разделе "Основные настройки" можно выбрать одну из трёх версий:
• Базовая (только иконки)
• Расширенная (иконка + название)
• В поп-апе (иконка + название во всплывающем окне
У каждой версии можно настроить выравнивание по левому или правому краю и задать размер отступов от краёв экрана.
Пример оформления базовой версии:
Настройки Базовой версии:
Можно выбрать формат открытия (как будут располагаться иконки):
• по вертикали
• по горизонтали
• по кругу
Можно выбрать формат открытия (как будут располагаться иконки):
• по вертикали
• по горизонтали
• по кругу
Пример с форматом открытия по кругу:
Настройки Расширенной версии:
В расширенной версии показываются названия соцсетей слева/справа от иконок.
В расширенной версии показываются названия соцсетей слева/справа от иконок.
Пример расширенной версии:
Настройки версии с Поп-апом:
Если вы выбрали поп-ап, то в нём можно настроить цвет подложки, а ещё включить показ Заголовка и подзаголовка, которые будут показываться над иконками соцсетей.
Если вы выбрали поп-ап, то в нём можно настроить цвет подложки, а ещё включить показ Заголовка и подзаголовка, которые будут показываться над иконками соцсетей.
Пример версии с поп-апом:
Дизайн пунктов:
Доступно 3 размера по умолчанию S/M/L + можно задать размер вручную.
Отступы между соцсетями регулируются от 0 до 50px.
Сами иконки по стилю могут быть:
• цветными
• монохромными
• контурными
Плюс, вы можете выбрать эффект при наведении на иконку:
• увеличение/уменьшение
• прозрачность (иконка будет слегка просвечивать)
• изменение цвета (доступно для монохромных и контурных иконок)
При желании иконкам можно добавить тень и детально настроить её вид.
Доступно 3 размера по умолчанию S/M/L + можно задать размер вручную.
Отступы между соцсетями регулируются от 0 до 50px.
Сами иконки по стилю могут быть:
• цветными
• монохромными
• контурными
Плюс, вы можете выбрать эффект при наведении на иконку:
• увеличение/уменьшение
• прозрачность (иконка будет слегка просвечивать)
• изменение цвета (доступно для монохромных и контурных иконок)
При желании иконкам можно добавить тень и детально настроить её вид.
Блок
Примеры монохромных иконок:
Примеры контурных иконок:
Дизайн главной иконки:
Кнопка показывается по умолчанию при переходе на сайт.
Размер кнопки регулируется: по умолчанию S/M/L + есть ручная настройка.
Сама иконка может быть круглой или квадратной.
Для привлечения внимания можно включить один из эффектов анимации:
• увеличение
• блик (выбран по умолчанию)
• свечение
• пульсация
Кнопка показывается по умолчанию при переходе на сайт.
Размер кнопки регулируется: по умолчанию S/M/L + есть ручная настройка.
Сама иконка может быть круглой или квадратной.
Для привлечения внимания можно включить один из эффектов анимации:
• увеличение
• блик (выбран по умолчанию)
• свечение
• пульсация
Вид главной иконки по умолчанию:
Вид, когда пункты скрыты:
Можно выбрать иконку, которая будет показываться внутри и настроить её цвета.
Можно выбрать иконку, которая будет показываться внутри и настроить её цвета.
Примеры оформления главной иконки:
Вид, когда пункты открыты:
Можно выбрать иконку для сворачивания пунктов (2 вида крестика или стрелка) и выбрать цвет.
Можно выбрать иконку для сворачивания пунктов (2 вида крестика или стрелка) и выбрать цвет.
Примеры иконки со стрелкой:
Подсказка:
Блок с текстом, который будет показываться рядом с главной иконкой.
Можно настроить его дизайн и условия показа (сразу или через 5 сек).
По умолчанию цвет границы подсказки берётся от главной иконки, но при желании его можно поменять, включив настройку "Другой цвет границы".
Блок с текстом, который будет показываться рядом с главной иконкой.
Можно настроить его дизайн и условия показа (сразу или через 5 сек).
По умолчанию цвет границы подсказки берётся от главной иконки, но при желании его можно поменять, включив настройку "Другой цвет границы".
Примеры подсказок:
