-
keyboard_arrow_right keyboard_arrow_down
-
keyboard_arrow_right keyboard_arrow_down
-
keyboard_arrow_right keyboard_arrow_down
-
keyboard_arrow_right keyboard_arrow_down
-
keyboard_arrow_right keyboard_arrow_down
-
-
-
keyboard_arrow_right keyboard_arrow_down
-
keyboard_arrow_right keyboard_arrow_down
-
keyboard_arrow_right keyboard_arrow_down
-
keyboard_arrow_right keyboard_arrow_down
-
keyboard_arrow_right keyboard_arrow_down
-
keyboard_arrow_right keyboard_arrow_down
-
keyboard_arrow_right keyboard_arrow_down
-
keyboard_arrow_right keyboard_arrow_down
-
keyboard_arrow_right keyboard_arrow_down
-
keyboard_arrow_right keyboard_arrow_down
-
keyboard_arrow_right keyboard_arrow_down
-
keyboard_arrow_right keyboard_arrow_down
-
keyboard_arrow_right keyboard_arrow_down
-
keyboard_arrow_right keyboard_arrow_down
-
keyboard_arrow_right keyboard_arrow_down
-
keyboard_arrow_right keyboard_arrow_down
-
keyboard_arrow_right keyboard_arrow_down
-
-
keyboard_arrow_right keyboard_arrow_down
-
keyboard_arrow_right keyboard_arrow_down
-
keyboard_arrow_right keyboard_arrow_down
-
keyboard_arrow_right keyboard_arrow_down
-
keyboard_arrow_right keyboard_arrow_down
-
-
keyboard_arrow_right keyboard_arrow_down
-
keyboard_arrow_right keyboard_arrow_down
-
keyboard_arrow_right keyboard_arrow_down
-
keyboard_arrow_right keyboard_arrow_down
-
keyboard_arrow_right keyboard_arrow_down
-
-
keyboard_arrow_right keyboard_arrow_down
-
keyboard_arrow_right keyboard_arrow_down
-
keyboard_arrow_right keyboard_arrow_down
-
keyboard_arrow_right keyboard_arrow_down
-
keyboard_arrow_right keyboard_arrow_down
-
keyboard_arrow_right keyboard_arrow_down
-
keyboard_arrow_right keyboard_arrow_down
-
keyboard_arrow_right keyboard_arrow_down
-
keyboard_arrow_right keyboard_arrow_down
-
-
keyboard_arrow_right keyboard_arrow_down
-
keyboard_arrow_right keyboard_arrow_down
-
keyboard_arrow_right keyboard_arrow_down
-
keyboard_arrow_right keyboard_arrow_down
-
keyboard_arrow_right keyboard_arrow_down
-
keyboard_arrow_right keyboard_arrow_down
-
-
keyboard_arrow_right keyboard_arrow_down
-
keyboard_arrow_right keyboard_arrow_down
-
keyboard_arrow_right keyboard_arrow_down
-
-
keyboard_arrow_right keyboard_arrow_down
-
keyboard_arrow_right keyboard_arrow_down
-
keyboard_arrow_right keyboard_arrow_down
-
keyboard_arrow_right keyboard_arrow_down
-
keyboard_arrow_right keyboard_arrow_down
-
keyboard_arrow_right keyboard_arrow_down
-
keyboard_arrow_right keyboard_arrow_down
-
keyboard_arrow_right keyboard_arrow_down
-
keyboard_arrow_right keyboard_arrow_down
-
-
keyboard_arrow_right keyboard_arrow_down
-
keyboard_arrow_right keyboard_arrow_down
-
keyboard_arrow_right keyboard_arrow_down
-
keyboard_arrow_right keyboard_arrow_down
-
keyboard_arrow_right keyboard_arrow_down
-
keyboard_arrow_right keyboard_arrow_down
-
keyboard_arrow_right keyboard_arrow_down
-
-
keyboard_arrow_right keyboard_arrow_down
-
keyboard_arrow_right keyboard_arrow_down
-
keyboard_arrow_right keyboard_arrow_down
-
keyboard_arrow_right keyboard_arrow_down
-
keyboard_arrow_right keyboard_arrow_down
-
keyboard_arrow_right keyboard_arrow_down
-
keyboard_arrow_right keyboard_arrow_down
-
keyboard_arrow_right keyboard_arrow_down
-
-
keyboard_arrow_right keyboard_arrow_down
-
keyboard_arrow_right keyboard_arrow_down
-
keyboard_arrow_right keyboard_arrow_down
-
keyboard_arrow_right keyboard_arrow_down
-
keyboard_arrow_right keyboard_arrow_down
-
keyboard_arrow_right keyboard_arrow_down
-
keyboard_arrow_right keyboard_arrow_down
-
-
-
keyboard_arrow_right keyboard_arrow_down
-
keyboard_arrow_right keyboard_arrow_down
-
-
keyboard_arrow_right keyboard_arrow_down
-
keyboard_arrow_right keyboard_arrow_down
-
-
keyboard_arrow_right keyboard_arrow_down
-
keyboard_arrow_right keyboard_arrow_down
-
keyboard_arrow_right keyboard_arrow_down
-
keyboard_arrow_right keyboard_arrow_down
-
-
keyboard_arrow_right keyboard_arrow_down
-
keyboard_arrow_right keyboard_arrow_down
-
keyboard_arrow_right keyboard_arrow_down
-
keyboard_arrow_right keyboard_arrow_down
-
keyboard_arrow_right keyboard_arrow_down
-
keyboard_arrow_right keyboard_arrow_down
-
keyboard_arrow_right keyboard_arrow_down
-
keyboard_arrow_right keyboard_arrow_down
-
-
keyboard_arrow_right keyboard_arrow_down
- YCLIENTS
- Онлайн-запись
- Настройка дизайна онлайн-записи
Настройка дизайна онлайн-записи
В YCLIENTS доступна возможность адаптировать и кастомизировать дизайн виджета онлайн-записи под ваш бренд и стиль. Вы можете настроить любой цвет интерфейса и добавить изображение в шапку виджета.
Настройка дизайна виджета онлайн-записи
Для настройки дизайна виджета:
1. В основном меню перейдите в раздел Онлайн-запись > Ссылки для онлайн-записи.
2. Выберите необходимую ссылку для онлайн-записи, для перехода в режим редактирования нажмите на ее название или на кнопку «Настроить».
3. В открывшемся новом окне перейдите к блоку «Дизайн онлайн-записи».
Справа в блоке предпросмотра вы можете сразу увидеть, как будет выглядеть ваш виджет онлайн-записи после изменения настроек дизайна.
4. Выберите тему виджета — светлую или темную. Теперь появилась возможность перевести ваш виджет на темную тему, если стандартная светлая вам не подходит. При включении темной темы, виджет будет открываться в темном варианте на всех устройствах, независимо от темы, выбранной на устройстве клиента.
5. Выберите подходящий цвет из палитры или введите свой цвет в формате HEX.
По умолчанию для виджета установлен черный цвет #121212. К нему всегда можно вернуться, нажав кнопку «Вернуть цвет по умолчанию».
При изменении цвета вы сразу увидите, как он будет выглядеть в вашем виджете на панели предпросмотра справа.
6. Настройте отображение категорий услуг в виджете — горизонтально в виде тегов или вертикально в виде сворачиваемого списка.
7. Чтобы загрузить изображение в шапку виджета, нажмите на кнопку «Загрузить изображение».
В открывшейся форме выберите нужное изображение на вашем устройстве, настройте подходящий размер, затем нажмите «Сохранить».
Примечания
- Формат изображения в шапке виджета — 16:9.
- Загруженное изображение будет отображаться в шапке при любом сценарии онлайн-записи (меню, пошаговый, короткий пошаговый — для индивидуальной записи, а также в групповой и смешанной) на первой странице. В случае со смешанной записью, изображение будет отображаться на странице выбора типа записи, на первой странице индивидуальной записи и на странице выбора событий.
8. После внесения изменений нажмите на кнопку «Сохранить» справа внизу.
Настройка логотипа
Для загрузки логотипа, который будет отображаться в ссылке для онлайн-записи:
- В основном меню YCLIENTS перейдите в раздел Настройки > блок Мой филиал > Настройки филиала.
- Загрузите изображение в поле для логотипа, сохраните изменения.
Рекомендуемое разрешение 500x500 пикселей, максимальный размер файла: 12 Мегабайт.
Проверить отображение загруженного логотипа можно в виджете онлайн-записи на странице информации о филиале. Подробнее о настройках филиала читайте здесь.
Что изменится в виджете после настройки дизайна
1. При открытии виджета на страницах меню будет отображаться большая шапка с загруженными изображением и логотипом.
Примеры разных настроек дизайна с загруженным изображением в светлой теме и без изображения в темной теме:
2. Передвигаясь по шагам записи, пользователь будет видеть маленькую шапку с названием и логотипом компании. При нажатии на логотип или название компании в шапке можно перейти к разделу «О компании» с любой страницы виджета.
Пример маленькой шапки и страницы «О компании»: