К содержимому

Оформление приложения и сайта

Здесь вы задаёте, как приложение и сайт выглядят для гостей: логотип, цвета, нижняя панель и подписи. Настройки находятся в Настройки → Внешний вид и доступны администратору группы. Изменения на каждой вкладке сохраняются кнопкой Сохранить рядом с заголовком.

Как поменять логотип и иконку

На первой вкладке загрузите Логотип заведения — он показывается в приложении и на сайте, и Фавикон приложения — иконку приложения в телефоне. Подойдёт PNG не меньше 512×512.

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

Как поменять цвета

На вкладке Цветовая палитра для каждого цвета задаются два значения: сам цвет и цвет текста поверх него. Основные цвета — Цвет фона, Основной цвет, Вспомогательный цвет, Акцентный цвет, Цвет подложки и Цвет основных кнопок. От цвета фона и подложки зависит цвет полей ввода.

Чтобы покрасить отдельные элементы — нижнюю панель, бонусы и скидки, кнопки оплаты, карту лояльности, подарочную карту, способы доставки, — нажмите Настроить элементы детально.

channels-ui-01-colors.png

Там же выберите вид полей ввода (Тип текстового поля: Контурный или Заполненный) и вид выбора способа доставки (Список или Сетка).

Как настроить нижнюю панель и экраны

На вкладке Элементы в блоке Элементы нижней панели для каждой кнопки выберите раздел (Главная, Заказать, Корзина, Профиль, О нас, Меню) и задайте Название. Ниже в Текст типов доставки можно переименовать доставку, самовывоз, «Поем внутри», бронь и меню-файлы.

Блок Элементы интерфейса включает и выключает части экранов флажками, например Отображать на главной странице карту лояльности, Отображать на главной странице кнопку Забронировать, Отображать сканер QR-кода в профиле и Отображать ленту уведомлений.

channels-ui-02-elements.png

Что ещё можно настроить

Вкладка Дополнительно собирает остальное:

Реферальная система — текст кнопки в профиле и описание. В тексте работают шаблоны {forReferralCodeOwner}, {forReferral}, {forFirstOrder}, {forBirthday} — они заменяются на количество баллов

Описание QR-кода — текст под QR-кодом гостя

Оформление заказа начинается с — выбора типа доставки или выбора компании

Изображения — фон и логотип карты лояльности, картинка при отсутствии кошельков, кнопка Полезные ссылки

Тексты для пустых состояний: нет бонусов, нет в наличии, стоимость доставки, баннер после оплаты

Тень элементов и обводка элементов меню, ссылка на политику, координаты карты по умолчанию, данные франшизы

Что дальше

Мобильное приложение
cover-692.png

Магазины, вход по SMS, регистрация. Мобильное приложение

Сайт
cover-694.png

Домен, SEO, аналитика. Сайт