Основная функция виджета:
Разместите удобную форму для быстрых заявок на обратный звонок. Виджет закрепляется
в нижней части экрана, чтобы пользователи во время просмотра сайта могли быстро связаться с вами.
Разместите удобную форму для быстрых заявок на обратный звонок. Виджет закрепляется
в нижней части экрана, чтобы пользователи во время просмотра сайта могли быстро связаться с вами.
Пример виджета обратного звонка на сайте:
Как это работает:
Вы добавляете секцию с виджетом в редактор той страницы, где он нужен (в любое удобное место), настраиваете внешний вид — и готово. Сама секция не занимает никакого пространства на странице сайта, будет показываться только сам виджет.
Вы добавляете секцию с виджетом в редактор той страницы, где он нужен (в любое удобное место), настраиваете внешний вид — и готово. Сама секция не занимает никакого пространства на странице сайта, будет показываться только сам виджет.
Как добавленная секция с виджетом выглядит в редакторе:
Как редактировать:
Текст внутри виджета "Перезвоним и ответим на вопросы" редактируется прямо в текстовом поле, как и текст кнопки.
При желании текст перед полем можно полностью удалить.
Текст внутри виджета "Перезвоним и ответим на вопросы" редактируется прямо в текстовом поле, как и текст кнопки.
При желании текст перед полем можно полностью удалить.
Пример виджета без текста:
Обратите внимание, что иконка виджета показывается только когда виджет закрыт.
Маска ввода номера телефона:
Чтобы настроить маску телефона перейдите в раздел "Настройка элементов" → "Дизайн поля".
По умолчанию маска ввода отключена, но вы можете:
• выбрать один из готовых шаблонов маски
• настроить свою собственную маску
• включить адаптивную маску
Используйте адаптивную маску, если вы принимаете заказы из разных стран. Каждый посетитель сайта сможет выбрать страну из списка, и маска подстроится под номера телефонов этой страны.
Чтобы настроить маску телефона перейдите в раздел "Настройка элементов" → "Дизайн поля".
По умолчанию маска ввода отключена, но вы можете:
• выбрать один из готовых шаблонов маски
• настроить свою собственную маску
• включить адаптивную маску
Используйте адаптивную маску, если вы принимаете заказы из разных стран. Каждый посетитель сайта сможет выбрать страну из списка, и маска подстроится под номера телефонов этой страны.
Пример поля с адаптивной маской ввода (показывается флаг страны, выбранной по умолчанию):
блок
Основные настройки:
В этом разделе настраивается сама подложка, на которой размещены текст, форма и кнопка.
Что можно отредактировать:
• цвет фона (вы можете настроить сплошной цвет или градиент)
• скругление
• расположение виджета в нижней части экрана (слева, справа или по центру)
• обводку (добавить сплошную или пунктирную)
• тень (выбрать шаблонную или настроить свою собственную)
В этом разделе настраивается сама подложка, на которой размещены текст, форма и кнопка.
Что можно отредактировать:
• цвет фона (вы можете настроить сплошной цвет или градиент)
• скругление
• расположение виджета в нижней части экрана (слева, справа или по центру)
• обводку (добавить сплошную или пунктирную)
• тень (выбрать шаблонную или настроить свою собственную)
Пример виджета со сплошной обводкой:
Пример виджета с пунктирной обводкой:
Настройка дизайна:
Дизайн самой формы редактируется, как в обычном блоке "Форма". Вы можете детально изменить дизайн кнопки и её текст, поменять внешний вид поля и задать маску для телефона (свою или с выбором страны). Все эти настройки выполняются в разделе "Настройка элементов".
Ещё в этом же разделе (пункт "Настройки и цели формы") вы можете настроить действия после отправки формы (показ сообщения, переход по ссылке или оплату) и цели открытия и отправки формы.
Дизайн самой формы редактируется, как в обычном блоке "Форма". Вы можете детально изменить дизайн кнопки и её текст, поменять внешний вид поля и задать маску для телефона (свою или с выбором страны). Все эти настройки выполняются в разделе "Настройка элементов".
Ещё в этом же разделе (пункт "Настройки и цели формы") вы можете настроить действия после отправки формы (показ сообщения, переход по ссылке или оплату) и цели открытия и отправки формы.
виджет
Пример того, как выглядит виджет по умолчанию:
Пример пользовательской настройки дизайна:
💡Подсказка: Чтобы сделать такую же цветную полосу под формой используйте тень без размытия и настройте смещение только по оси Y. Насыщенность цвета — 100%
Дизайн главной иконки:
К иконке виджета в свёрнутом виде можно применить один
из следующих визуальных эффектов:
• увеличение
• блик
• свечение
• пульсация.
Каждый из этих эффектов можно немного видоизменить (например, настроить силу пульсации, скорость, цвет и т.п.).
Помимо этого, вы можете настроить:
• форму (круг или квадрат)
• вид иконки (выбрать из 2х иконок по умолчанию или загрузить свою)
• размер (s-m-l или свой)
• цвет фона и самой иконки
Внешний вид крестика, закрывающего форму, тоже редактируется.
К иконке виджета в свёрнутом виде можно применить один
из следующих визуальных эффектов:
• увеличение
• блик
• свечение
• пульсация.
Каждый из этих эффектов можно немного видоизменить (например, настроить силу пульсации, скорость, цвет и т.п.).
Помимо этого, вы можете настроить:
• форму (круг или квадрат)
• вид иконки (выбрать из 2х иконок по умолчанию или загрузить свою)
• размер (s-m-l или свой)
• цвет фона и самой иконки
Внешний вид крестика, закрывающего форму, тоже редактируется.
Пример главной иконки виджета с эффектом пульсации:
Пример главной иконки виджета с эффектом блика:
