Настройка плавающей кнопки

Виджет в виде плавающей кнопки обычно размещается на главной странице сайта. Плавающую кнопку можно разместить в любом месте экрана, и она всегда будет зафиксирована в этом месте, вне зависимости от того, начало или конец страницы отображается на экране.

  1. Создание виджета
  2. Установка плавающей кнопки

Создание виджета

  1. В меню слева нажмите . Создайте новый виджет.

  2. На вкладке Услуги в блоке Название виджета укажите название, которое позволит идентифицировать данный виджет. Название отображается в журнале заказов как источник заказов, совершенных с него. Например, «Плавающая кнопка на сайте Example.ru»

  3. На вкладке Услуги в блоке Услуги в виджете настройте список:

    • Добавьте услуги — нажмите Добавить услугу и отметьте услуги, которые должны быть включены в виджет. Нажмите Применить.
    • Отредактируйте услугу — в блоке с нужной услугой нажмите на три точки в правом верхнем углу изображения. В открывшемся меню выберите Редактировать и измените данные.
    • Удалите услугу — в блоке с нужной услугой нажмите на три точки в правом верхнем углу изображения. В открывшемся меню выберите Удалить из виджета. Нажмите Сохранить.

    Чтобы изменить порядок отображения на виджете, перетащите услугу на нужное место.

  4. На вкладке Внешний вид в блоке Формат виджета выберите Плавающая кнопка на вашем сайте. Нажмите Сохранить.

  5. В блоке Дизайн виджета выберите цветовую тему, цвет кнопок и элементов.

Установка плавающей кнопки

Для установки плавающей кнопки на сайте:

  1. Перейдите на вкладке Внешний вид в блок Формат виджета, в котором выбрано Плавающая кнопка на вашем сайте.

  2. Скопируйте код и разместите его на нужных страницах перед закрывающим тегом body.

  3. После установки вернитесь в Bookform, перейдите на вкладку Внешний вид и настройте расположение плавающей кнопки в блоке Дизайн виджета → Плавающая кнопка. Кнопку можно расположить внизу страницы, справа или слева. С помощью отступов ее можно немного подвинуть вверх, вниз или в стороны. Обновите страницу сайта, чтобы проверить расположение кнопки.