1.⠀Раздел «Баннеры»

Раздел предназначен для создания и управления баннерами, которые отображаются в клиентском приложении и на веб-сайте. Баннеры используются для продвижения акций, скидок, промокодов и подарков, а также для навигации по категориям и подкатегориям меню.

Чтобы создать или отредактировать баннер, в боковой панели навигации в админ-панели откройте раздел «Маркетинг» и выберите подраздел «Баннеры» (рис.1).

Рисунок 1. Раздел «Баннеры» в панели навигации

Раздел состоит из двух вкладок (табов): «Баннеры» и «Баннеры для категорий» (рис.2). По умолчанию страница открывается с активной вкладкой «Баннеры».

Если у вас создано более одного ресторана, на странице появляется переключатель (селект) для выбора нужного ресторана.

Рисунок 2. Раздел «Баннеры»

Для поиска необходимого баннера начните вводить текст в поле поиска. Поиск осуществляется по заголовку, подзаголовку и описанию баннера. Поиск регистронезависимый (например, «акция» найдёт «Акция», «АКЦИЯ») и учитывает частичное совпадение (поиск «празд» найдёт «праздничная», «праздник»).

Сортировка баннеров в реестре организована по дате создания (по возрастанию, по убыванию) по умолчанию применена сортировка “по убыванию”.

Для сортировки нажмите на иконку "Сортировка" и выберите вариант сортировки, предлагаемый в модальном окне (рис.3, 3.1).

Рисунок 3-3.1. Сортировка баннеров

Помимо сортировки доступна фильтрация реестра баннеров/баннеров для категорий по статусу.

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

Для фильтрации нажмите на иконку "Критерии" и выберите критерии для фильтрации с помощью модального окна (рис.4, 4.1). Примененные фильтры будут отображены над строкой поиска: вы можете сбрасывать фильтры как по одному критерию, так и воспользоваться кнопкой “Сбросить”, чтобы вернуться к просмотру реестра рассылок по умолчанию.

Рисунок 4-4.1. Фильтры

2.⠀Создание баннера

Для создания нового баннера/баннера для категории нажмите кнопку «Добавить» (рис.5 - 5.1). Откроется форма, которая состоит из двух блоков: настройка блока баннера и настройка самого баннера.

Рисунок 5-5.1. Кнопка добавления баннера/баннера для категорий

Рисунок 6. Форма для заполнения информации о баннере

Поле «Название блока» необязательное. Если вы его заполните, оно должно содержать от 2 до 25 символов. Допускаются буквы (кириллица и латиница), цифры, пробелы, дефисы, запятые и точки. Запрещены специальные символы.

Поле «Формат блока» определяет соотношение сторон баннера. Доступны три варианта: 1/1 (соотношение 12:5), 1/2 (соотношение 9:5) и 1/4 (соотношение 12:25). Рядом с полем формата отображается подсказка о том, что выбранный формат применяется ко всем блокам баннеров. Если вы измените формат после загрузки изображения и новый размер потребует других пропорций, система покажет предупреждение: «Вы изменили размер баннера. Текущее изображение может отображаться некорректно».

Поле «Обложка баннера» обязательное. Загрузите изображение в формате JPG, JPEG или PNG. Максимальный размер файла — 10 МБ, рекомендуемый — 5 МБ. Под полем загрузки отображается информация о формате и максимальном размере.

Поле «Приоритет размещения» обязательное. Укажите натуральное число от 1 до 10, которое определяет порядок отображения блока баннеров на главной странице. Чем меньше число, тем выше приоритет.

Баннер (открытое состояние)

В этом блоке вы настраиваете отображение баннера после того, как клиент на него нажмёт. Доступны следующие поля:

  • «Заголовок» -обязательное поле. Если вы его заполните, оно должно содержать от 2 до 30 символов с теми же правилами допустимых символов, что и для названия блока.
  • «Подзаголовок» также необязательное с теми же требованиями — от 2 до 30 символов.
  • «Описание» необязательное, допускается от 2 до 50 символов. Запрещены специальные символы: угловые скобки, кавычки, решётка и амперсанд.
  • «Изображение баннера» обязательное. Загрузите изображение в формате JPG, JPEG или PNG. Максимальный размер файла — 10 МБ, рекомендуемый — 5 МБ.
  • «Наименование кнопки» позволяет задать текст на кнопке баннера (например, «Перейти», «Подробнее»).
  • «Действие» определяет, что произойдёт при нажатии на баннер. Доступные типы действий: промокод, тег, категория, подкатегория, блюдо, ссылка. В зависимости от выбранного типа действия необходимо выбрать соответствующий объект из выпадающего списка (активный промокод, существующий тег, категорию, подкатегорию, блюдо или указать ссылку). Если выбран тип действия «Промокод», при удалении промокода баннер автоматически деактивируется. Если выбрана категория или подкатегория, а затем она будет удалена, баннер также деактивируется.
  • Поле «Статус» обязательное. Выберите «Активен», если баннер должен отображаться в клиентском приложении, или «Не активен», если баннер должен быть скрыт.

В форме создания также доступны кнопки «Сохранить» и «Отменить», а также возможность удалить баннер прямо из формы.

Если вы заполнили часть полей, но не сохранили баннер и пытаетесь закрыть страницу, система отобразит модальное окно с текстом: «Вы уверены, что хотите покинуть страницу? Внесённые изменения не сохранятся». В этом окне вы можете нажать «Отмена», чтобы остаться на странице и продолжить заполнение, или «Покинуть без сохранения», чтобы закрыть страницу — тогда все введённые данные будут потеряны. Модальное окно не появляется, если вы не вносили никаких изменений в форму.

При успешном сохранении появится уведомление об успешном создании баннера, и новая запись отобразится в реестре.

Баннер для категорий

Для создания нового баннера для категорий переключитесь на вкладку «Баннеры для категорий» и нажмите кнопку «Добавить». Откроется форма для заполнения информации о баннере для категорий (рис.7).

Рисунок 7. Форма для заполнения информации о баннере для категорий

В поле «Название акции» введите название акции. Это обязательное поле. Название должно содержать от 2 до 30 символов. Допускаются буквы (кириллица и латиница), цифры, пробелы, дефисы, запятые и точки.

Поле «Описание» также является обязательным. Описание должно содержать от 2 до 100 символов.

В поле «Иконка» необходимо выбрать одну из трёх предложенных иконок с помощью радиокнопки. Выбранная иконка будет отображаться рядом с баннером в клиентском приложении.

Поле «Категория» обязательное. Из выпадающего списка выберите категорию, над заголовком которой в меню клиентского приложения будет отображаться баннер. Доступны только активные категории. Если категория не выбрана, система отобразит ошибку и не позволит сохранить баннер.

Поле «Подкатегория» также обязательное. Из выпадающего списка выберите подкатегорию, привязанную к ранее выбранной категории. Доступны только активные подкатегории. Система автоматически фильтрует подкатегории в зависимости от выбранной категории. Если подкатегория не выбрана, отобразится ошибка.

В поле «Тип акции» выберите один из трёх вариантов: скидка, промокод или подарок. Это обязательное поле.

В зависимости от выбранного типа акции ниже появится дополнительное поле:

  • Если вы выбрали «Скидка», из выпадающего списка необходимо выбрать активную скидку. Поле становится обязательным.
  • Если вы выбрали «Промокод», из выпадающего списка необходимо выбрать активный промокод. Поле становится обязательным.
  • Если вы выбрали «Подарок», из выпадающего списка необходимо выбрать активный подарок. Поле становится обязательным.

В поле «Статус» выберите «Активен», если баннер должен отображаться в клиентском приложении, или «Не активен», если баннер должен быть скрыт. Это обязательное поле.

В форме также доступны кнопки «Сохранить» и «Отменить». При нажатии «Отменить» все введённые данные будут сброшены, и вы вернётесь к списку баннеров для категорий.

Система не позволяет создать несколько активных баннеров для одной и той же категории или подкатегории одновременно. Если вы попытаетесь создать активный баннер для категории или подкатегории, на которую уже есть другой активный баннер, система отобразит ошибку и не даст сохранить новый баннер.

Если вы заполнили часть полей, но не сохранили баннер и пытаетесь закрыть страницу, система отобразит модальное окно с текстом: «Вы уверены, что хотите покинуть страницу? Внесённые изменения не сохранятся». В этом окне вы можете нажать «Отмена», чтобы остаться на странице и продолжить заполнение, или «Покинуть без сохранения», чтобы закрыть страницу — тогда все введённые данные будут потеряны. Модальное окно не появляется, если вы не вносили никаких изменений в форму.

При успешном сохранении появится уведомление об успешном создании баннера, и новая запись отобразится в реестре.

3.⠀Редактирование баннера/баннера для категорий

Для редактирования баннера/баннера для категорий в реестре в строке необходимого баннера нажмите на иконку карандаша (рис.8-8.1). Откроется форма с заполненными полями, доступными для редактирования (рис.9).

Рисунок 8-8.1. Функция редактирования карточки в реестре

Вы можете редактировать баннер/баннер для категорий с любым статусом (активным или неактивным). Все поля, доступные при создании, также доступны для редактирования. После внесения изменений нажмите кнопку «Сохранить».

Рисунок 9-9.1. Форма редактирование карточки

Если вы внесли изменения в доступные для редактирования поля, но не сохранили их и пытаетесь закрыть страницу, система отобразит модальное окно с текстом: «Вы уверены, что хотите покинуть страницу? Внесённые изменения не сохранятся.» В этом окне вы можете нажать «Отмена», чтобы остаться на странице и продолжить редактирование, или «Покинуть без сохранения», чтобы закрыть страницу без сохранения изменений. Модальное окно не появляется, если изменения не вносились (рис.10)

После внесения необходимых изменений нажмите кнопку «Сохранить». При успешном сохранении система покажет уведомление об успешном сохранении, а обновлённые данные отобразятся в реестре.

Рисунок 10. Выход из режима редактирования

4.⠀Удаление баннера/баннера для категории

Удалить баннер/баннер для категории можно двумя способами: из реестра (нажав на иконку корзины в строке баннера) или из формы редактирования (нажав кнопку «Удалить»).

В реестре в строке необходимого баннера/баннера для категорий нажмите на иконку корзины (рис.11-11.1).

Рисунок 11-11.1. Удаление из реестра

Удаление из карточки баннера/баннера для категорий: откройте карточку баннера/баннера для категорий (для редактирования) и нажмите кнопку «Удалить» (рис.12 -12.1). Система также отобразит модальное окно с запросом подтверждения.

Удалить можно баннер можно с любым статусом: активную, неактивную или завершённую. Ограничений по статусу для удаления нет. Даже если баннер активен в данный момент, вы можете её удалить — после удаления она перестанет отображаться пользователям.

Рисунок 12-12.1. Удаление из режима редактирования

При подтверждении удаления баннер/баннер для категории сразу исчезает из таблицы в интерфейсе. Если к баннеру был привязан промокод, связь разрывается. Если удалён промокод, который был привязан к баннеру, баннер автоматически деактивируется. То же самое происходит при удалении блюда, категории или подкатегории, привязанных к баннеру.

После успешного удаления система отображает уведомление об успешном удалении баннера/баннера для категорий. Список баннеров/баннеров для категорий в реестре обновляется, и удалённая запись больше не отображается.