Главная Настройка и управление сайтом

Настройка и управление сайтом

Denis Sinochkin
От Denis Sinochkin
11 статьи

Подключение своего доменного имени

Домен — это имя сайта. Набрав в строке браузера опредёленную комбинацию, например, «https://smartomato.ru/», мы попадём на сайт: Понятия «домен» и «сайт» часто путают, но это не одно и то же. Сайт — это веб-страницы, которые отображаются в интернете, т. е. контент. А домен сайта — это его уникальный «адрес». Если у вашего сайта не будет домена, пользователи просто не найдут к нему дорогу и не увидят содержимое. Что такое хостинг Хостинг – услуга сервиса, чтобы разместить у них свой сайт. То есть сайт хостится (располагается) непосредственно у регистратора доменного имени (например, reg.ru). При регистрации нужно только доменное имя сайта. Никакие доп. услуги в виде хостингов не нужны. Порядок регистрации Зарегистрировать доменное имя можно на любом хостинге, например, https://www.reg.ru/ или https://www.nic.ru/. Затем необходимо будет заменить A-запись на адрес 95.213.242.92. АААА-запись необходимо будет удалить, если она задана. По замене лучше уточнить у техподдержки хостинга, на котором будете приобретать домен. Как проверить, что все настроено верно Зайдите на сайт https://dnschecker.org/ - вставьте зарегистрированное доменное имя и нажмите Search. В результате должен отображаться наш ip-адрес 95.213.242.92. Обычно перенос занимает от 10 минут до пары дней. После того, как А-запись изменилась, необходимо прописать домен в настройках организации: После изменения доменного имени необходимо опубликовать сайт: Тема оформления Kumato и ssl-сертификат применятся автоматически в течение 15-ти минут. Остались вопросы? Напишите нам в чат или на почту support@smartomato.ru – подскажем :)

Обновлено Oct 30, 2025

Выбор оформления сайта

Смартомато позволяет быстро создать сайт с меню и начать принимать заказы. Если сайт уже есть, можно интегрировать Смартомато на существующий сайт (линк на раздел с описанием виджета). Чтобы создать сайт, Вам необходимо проделать следующие шаги: - Войти в личный кабинет, в верхнем меню перейти на "Сайт". - В общих настройках можно установить логотип, задать название и описание сайта. При клике на поле с адресом сайта Вы будете переведены на страницу изменения доменного имени в настройках организации. Доменное имя можно изменить в любой момент, если вы решите сделать это при настройке внешнего вида сайта, рекомендуем после вернуться на вкладку "Сайт" и закончить оформление. - В блоке параметров вы можете настраивать стилевые особенности вашего сайта, такие как цвет контента, меню, кнопок, отображение некоторых элементов и другое. Здесь же, например, можно подключить дополнительные функции сайта Или прописать токены для верификации - Все настройки в реальном времени отображаются справа, Вы можете видеть, как будет выглядеть Ваш сайт. Когда оформление сайта будет завершено, слева вверху необходимо нажать кнопку "Опубликовать", после чего сайт станет доступен по указанному адресу. Как изменить адрес сайта Если у Вас нет своего адреса сайта Вы можете зарегистрировать доменное имя на любом хостинге, например, https://www.reg.ru/ или https://www.nic.ru/. Подробнее рассказали в этой статье. Затем необходимо будет заменить A-запись на адрес 95.213.242.92. По замене лучше уточнить у техподдержки хостинга, на котором будете приобретать домен. Если у вас уже есть свой адрес сайта Вам также необходимо будет заменить A-запись на адрес 95.213.242.92. По замене лучше уточнить у техподдержки хостинга, на котором будете приобретать домен. Обычно процесс изменения занимает до 24-х часов.

Обновлено Oct 31, 2025

Параметры темы оформления

У темы оформления есть превью: при включении настройки или изменении цвета блока все правки отобразятся в предварительном просмотре в правой части экрана. Для применения настроек необходима публикация сайта в разделе "Сайт": Чтобы применить параметры по умолчанию и вернуть стандартные настройки, нажмите кнопку "Сбросить настройки" и подтвердите свой выбор: В этой статье представлены наглядные изменения каждого пункта темы. Изображения Логотип платежной системы Позволяет добавить в подвал сайта логотип платежных систем. Чаще всего используется для организаций, у которых используется эквайринг PayKeeper. В подвале сайта отобразится загруженный логотип: Фоновое изображение Настройка позволяет установить фоновое изображение на сайте. Изображение должно иметь высокое разрешение и быть “бесшовным”. Отображать фоновое изображение на всю ширину экрана Настройка позволяет растянуть изображение по высоте и ширине экрана. С выключенной настройкой изображение будет повторяться. Чем меньше ширина и высота картинки, тем чаще она будет повторяться. Favicon для сайта Позволяет загрузить favicon. Фавикон — это иконка, значок веб-страницы, расположенный перед названием страницы во вкладке браузера. Как правило, картинка содержит логотип, первую букву наименования бренда либо изображение, релевантное тематике ресурса. Стандартный размер фавикона, поддерживаемый большинством браузеров и устройств — 16×16 px в формате .jpeg или .png. Но в зависимости от операционной системы и версии браузера размер варьируется — 24х24, 32х32, 64х64 и более. Например, Google рекомендует создавать фавиконки, кратные 48 пикселям — 48 x 48, 96 x 96, 144 x 144 и т. д. Это помогает масштабировать картинку в браузере без ухудшения качества. Отображение категорий Вложенные категории Настройка позволяет задать отображение всего меню списком блюд или категориями, в которых находятся данные блюда. Выключено: Включено: Отображать дочерние категории в виде карточек Отображение по аналогии с предыдущим пунктом: дает возможность настроить вид вложенных категорий списком блюд или категориями. Пример меню с вложенными категориями: Настройка выключена: Настройка включена: Отображать вложенные категории в 2 колонки Настройка необходима для отображения вложенных категорий при их наличии. Пример 1: Для отображения необходимо включить эти настройки: Пример 2: Для отображения необходимо включить эти настройки: Пример 3: Для отображения необходимо включить эти настройки: Отображать только родительские категории в мобильном меню В случае, если в меню используются вложенные категории, то по умолчанию в мобильной версии сайта в бургер-меню выводятся все категории. Настройка позволяет отображать только родительские категории. Пример: родительские категории: "Пирожные", "Выпечка". Каждая из них имеет дочерние категории, которые при включении настройки не будут отображаться в бургер-меню. Отображать только родительские категории в слайдере категорий В случае, если в меню используются вложенные категории, то по умолчанию в слайдере выводятся все категории. Настройка позволяет отображать только родительские категории. Пример: родительские категории: "Пирожные", "Выпечка". Каждая из них имеет дочерние категории, которые при включении настройки не будут отображаться в бургер-меню. Выводить описание категорий Настройка позволяет выводить описание категории при ее наличии. Описание выводится после всех блюд, которые входят в категорию. Пример заполненного описания категории: Отображение описания на сайте: Расположение слайдера категорий Позволяет задать отображение слайдера категорий сверху или сбоку. Сверху: Сбоку: Скрыть превью блюд на блоках категорий Для работы этой настройки обязательно должна быть включена настройка Вложенные категории. Выключено: Включено: Отображение блюд Отдельные страницы для блюд Позволяет делать блюда кликабельными. При клике на блюдо оно будет открыто на отдельной странице, на которой содержится больше информации о нем. Выключено, блюдо не кликабельное: Включено, при клике блюдо откроется в отдельной странице: Скрывать блюда, находящиеся в стоп-листе Позволяет скрыть на сайте отображение блюд, которые находятся на стопе. По умолчанию выключено. Не показывать скрытые блюда Используется для организаций, в которых несколько ресторанов, при этом блюда в меню имею разные цены и доступность в зависимости от выбранного ресторана. Данная настройка скрывает отсутствующее блюдо в меню, чтобы оно не отображалось на сайте в данном ресторане. Например, в одном из ресторанов блюдо отсутствует в меню: Блюдо находится в категории “Бисквитные”: Если включена данная настройка, то блюдо “Кекс лимонный” будет скрыто в меню в одном ресторане, но доступно в другом. Отображение меню в ресторане, в котором данное блюдо отсутствует: Отображение меню в ресторане, в котором блюдо присутствует: Отключить показ стоп-листа на сайте Настройка позволяет показывать блюдо в стоп-листе. | Настройка включена, блюдо можно добавить в корзину | Настройка выключена (по умолчанию), блюдо нельзя добавить в корзину | | --- | --- | | | | Использовать более минималистичное отображение карточек В минималистичном отображении скрывается вся информация о блюде, кроме названия, цены и веса. | Выключено | Включено | | --- | --- | | | | Отображать кнопку добавления корзины с текстовым содержимым Поддерживается только в “Обычных карточках”. Для остальных типов смена названия не предусмотрена. При включении опции изменится кнопка добавления блюда в корзину с “+” на “Добавить”. Тип карточек Позволяет настроить отображение карточек блюд на сайте. Обычные карточки (влезает 4 блюда): Большие карточки (влезает 3 блюда): Скругленные карточки: Карточки с конфигуратором Тип модификатора должен быть “Select”: Для того, чтобы конфигуратор отображался в таком виде, общее количество символов в названии конфигураторов должно быть больше 10: Если символов меньше или равно 10, то конфигураторы будут перенесены на одну строку: Если у блюда настроено несколько конфигураторов, то в карточке будет отображен первый модификатор, а при добавлении блюда в корзину откроется окно с другими модификаторами: Карточки плиткой Без фото Вариант отображения картинки на странице блюда Для работы необходимо обязательно включить настройку “Отдельные страницы для блюд”. Промо слайдер Отображать слайдер с промо в шапке Позволяет отображать в шапке баннеры, установленные в разделе “Акции” Выключено, баннеры не отображаются: Включено, отображаются настроенные баннеры: Тип слайдера Настройка позволяет настроить отображение слайдера. Стандартный: На всю ширину страницы. Баннер будет растянут по ширине страницы: С превью соседних слайдов. Если задано несколько баннеров, то будут видны соседние баннеры: Отображать слайдер с зацикленными слайдами Позволяет настроить смену баннеров друг другом автоматически. Смена происходит каждые 7 секунд, корректировать частоту смены нельзя. Включить стрелки навигации для слайдера При наличии нескольких баннеров появляются стрелки, сигнализирующие о возможности пролистать баннеры. Стрелки кликабельные. Включить точки для нумерации слайдов Настройка добавляет отображение, сигнализирующее о количестве слайдов: Видимое количество слайдов Позволяет задать количество одновременно отображаемых слайдов в десктопной версии сайта (например, 2): Видимое количество слайдов на мобильных устройствах Позволяет задать количество одновременно отображаемых слайдов в мобильной версии сайта (например, 2): Расстояние между слайдами Позволяет задать расстояние между слайдами в десктопной версии сайта (расстояние задается в пикселях, например, 10): Расстояние между слайдами на мобильных устройствах Позволяет задать расстояние между слайдами в мобильной версии сайта (расстояние задается в пикселях, например, 10): Блоки Выводить блок мобильных приложений Позволяет отображать в подвале сайта информацию о наличии мобильных приложений: Выводить блок соцсетей Позволяет отображать в подвале сайта информацию о наличии соц. сетей: Предварительно соц. сети должны быть указаны в настройках организации. Выводить блок брендов группы компаний Позволяет выводить блок, сообщающий о наличии брендов. Также можно настроить расположение данного блока: сверху или снизу. Снизу: Сверху: Включить блок отзывов В данный момент отзывы на сайт можно добавить только через техподдержку. Подробнее об отзывах рассказываем в этой статье. Напишите нам в чат или на почту support@smartomato.ru – расскажем подробнее :) При включенной настройке блок отзывов будет отображаться с нижней части сайта: Включить блок "О компании” В данный момент контент самого блока можно добавить только через техподдержку. Напишите нам в чат или на почту support@smartomato.ru – расскажем подробнее :) Контент отображается между меню и подвалом сайта: Выводить блок популярных блюд При включении настройки в карточке блюда появится пункт “Выводить в блок популярных блюд”: А на сайте в начале меню появится новая категория с выбранными блюдами “Популярное и новое”: Использовать слайдер для популярных блюд По умолчанию блюда в блоке популярных выводятся как в категориях: сетка, в которой отображается по 4 блюда на строке. Настройка позволяет отобразиться блюда в виде слайдера с возможностью листать блюда вбок. Интерфейс Показывать название организации рядом с лого Настройка позволяет показать название организации рядом с логотипом. Название организации берется из соответствующего поля в общих настройках сайта: Выключено: Включено: Отображать приборы в корзине в виде степпера Позволяет менять отображение кнопки добавления приборов: Отображать блок выбора города Если в рамках одной организации заведены рестораны в разных городах, то рядом с логотипом можно отображать город, который выбран пользователем. Выключено: Включено: Новый стиль корзины Включено по умолчанию. При выключенной настройке используется другой стиль виджета – черная полосы снизу. | Выключено | Включено | | --- | --- | | | | Поиск блюд на сайте Включенная настройка позволяет отобразить поле для поиска блюд на сайте. Поиск подсказывает блюда и категории. По клику по такой подсказке на блюдо будет выполнен переход на его страницу, на категорию - на ее страницу. Выводить номер выбранного ресторана вместо номера организации в шапке сайта По умолчанию с правом верхнем углу сайта выводится тот номер, который заполнен в настройках организации: Включенная настройка позволяет выводить тот номер телефона, который указан в настройках ресторана: При смене зоны доставки, которая попадает в другой ресторан, номер телефона также поменяется: Показывать переключатель языка Позволяет добавить на сайт кнопку переключения языка: Отображать кнопку скролла наверх Позволяет отобразить на сайте кнопку скрола страницы сайта наверх. Цвета берутся из основного цвета фона и цвета текста. Блокирующий попап для категорий 18+ По умолчанию блокирующий попап отображается при входе на сайте. Настройка позволяет выводить такой попап только для категорий, у которых установлено ограничение “18+”. Для этого после настройки попапа в разделе “Акции” –> “Баннеры” установите ограничение в такой категории и опубликуйте меню: Показывать пользователю уведомление о доступности загрузки мобильного приложения Позволяет показать в мобильной версии сайта уведомление о наличии мобильного приложения. При нажатии на уведомление будет выполнен переход в магазин приложений соответствующей операционной системы (AppStore или Play Market). Текст задается в пункте “Текст для уведомления о доступности загрузки мобильного приложения”: Изображение загружается в пункте “Изображение для уведомление о доступности загрузки мобильного приложения”: Результат настроенного уведомления: Показывать иконку или текст для баланса пользователя Настройка имеет два параметра на выбор: иконка или текст. При выборе параметра “Иконка” пользователю необходимо загрузить иконку (квадратное изображение с соотношением сторон 1:1) в параметр “Иконка для баланса пользователя”, которая будет отображаться рядом с количеством бонусов: При выборе параметра “Текст” пользователю необходимо ввести текст в параметр “Текст для баланса пользователя”, который будет отображаться рядом с количеством бонусов: Вариант отображения ссылок в бургер меню Настройка позволяет менять способ отображения категорий в бургер меню (мобильная версия сайта). Дополнительные Использовать верификацию сайта для Яндекс/Google Данные параметры используются для проверки сайта на подлинность через веб-мастер. Панель вебмастера – это сервис, предоставляющий информацию о том, как индексируются сайты. Подробнее о порядке настройки описали в этой статье. Если остались вопросы – напишите нам в чат или на почту support@smartomato.ru – расскажем подробнее :) Использовать улучшения для трекеров Улучшает показатели сайта в метриках по типу lighthouse путем оптимизации глубоких настроек. Включено по умолчанию. Если у вас остались вопросы – напишите нам в чат или на почту support@smartomato.ru

Обновлено Oct 30, 2025

Параметры настройки цветов темы оформления

У темы оформления есть превью: при изменении цвета блока все правки отобразятся в предварительном просмотре в правой части экрана. Для применения настроек необходима публикация сайта в разделе "Сайт": Чтобы применить параметры по умолчанию и вернуть стандартные настройки, нажмите кнопку "Сбросить настройки" и подтвердите свой выбор: В этой статье представлены наглядные изменения цвета каждого пункта темы. Основные настройки Цвет текста Позволяет заменить цвет слова “МЕНЮ”, названия категорий, названий блюд, кнопки входа в личный кабинет, текста на кнопке “Корзина” (цвет по умолчанию: 181818): Цвет фона Позволяет заменить цвет фона сайта (цвет по умолчанию: ffffff): Цвет фона шапки Позволяет задать цвет фона шапки (желтый цвет в примере, цвет по умолчанию: f1f0ec): Цвет текста шапки Позволяет задать цвет фона шапки (красный цвет текста в примере, цвет по умолчанию: 181818): Настройка футера Цвет фона футера Позволяет заменить цвет футера (розовый цвет в примере, цвет по умолчанию: 181818): Цвет текста футера Позволяет настроить цвет всего текста, который находится в футере (розовый цвет текста в примере, цвет по умолчанию: ffffff): Цвет границ элементов Если включена настройка отображения карточек с модификатором, то границам кнопок выбора модификатора можно задать цвет (красный цвет из примера, цвет по умолчанию: 000000): Настройка бургер-меню Цвет фона мобильного меню Позволяет настроить цвет фона бургер-меню (красный цвет в примере, цвет по умолчанию: 181818). Цвет текста мобильного меню Позволяет настроить цвет текста в бургер-меню (красный цвет текста в примере, цвет по умолчанию: ffffff). Настройка кнопок корзины Цвет текста неактивной кнопки корзины Позволяет задать цвет текста на кнопке корзины, когда в нее еще ничего не добавлено (красный цвет в примере, цвет по умолчанию: 181818): Цвет фона неактивной кнопки корзины Позволяет задать цвет фона кнопки корзины, когда в нее еще ничего не добавлено (цвет по умолчанию: f1f0ec): Цвет текста активной кнопки корзины Позволяет задать цвет текста кнопки корзины, если в нее что-то добавлено (в примере черный цвет, цвет по умолчанию: ffffff): Цвет фона активной кнопки корзины Позволяет задать цвет фона кнопки корзины, когда в нее что-то добавлено (красный цвет в примере, цвет по умолчанию: f56e5a): Цвет текста количества блюд в корзине Позволяет настроить цвет у количества блюд, которое добавлено в корзину (розовая цифра “3”, цвет по умолчанию: 181818): Цвет фона количества блюд в корзине Позволяет задать цвет фона у количества блюд в корзине (черный цвет в примере, цвет по умолчанию: ffffff): Настройка кнопок добавления блюда в корзину Цвет текста на кнопке добавления в корзину Позволяет задать цвет у кнопки добавления (в примере это красный плюсик, цвет по умолчанию: 009846): Если включена настройка отображения кнопки текстом, то поменяется и его цвет: Цвет фона на кнопке добавления в корзину Позволяет задать фон самой кнопки (красный в примере, цвет по умолчанию: d9f0e3): Цвет текста на активной кнопке добавления в корзину Позволяет задать цвет текста (количество добавленного блюда в корзину). В примере это цифры 2 и 3, (цвет по умолчанию: ffffff): Цвет фона на активной кнопке добавления в корзину Позволяет задать цвет фона кнопок для блюд, которые добавлены в корзину (красный цвет в примере, цвет по умолчанию: ed1c2e): Настройка поля геолокации/поиска Цвет фона поля геолокации/поиска Позволяет задать цвет фона поля геолокации/поиска (серый цвет в примере, цвет по умолчанию: ffffff): Цвет границы поля геолокации/поиска Позволяет задать цвет границы данного поля (розовый в примере, цвет по умолчанию: 000000): Цвет текста поля геолокации/поиска Позволяет задать цвет текста в данном поле (красный цвет в примере, цвет по умолчанию: 181818): Цвет иконки поля геолокации/поиска Позволяет задать цвет иконки поля геолокации/поиска (красный в примере, цвет по умолчанию: 181818): Настройка личного кабинета Цвет текста баланса пользователя Позволяет задать цвет отображаемого количества бонусов в личном кабинете клиента (красный цвет в примере, 1000 – количество бонусов, цвет по умолчанию: 009846): Цвет фона баланса пользователя Позволяет задать цвет фона кнопки отображаемых бонусов (красный цвет в примере, цвет по умолчанию: d9f0e3): Настройка карточки блюда Цвет фона карточки блюда Позволяет задать цвет фона карточки блюда (розовый цвет в примере, цвет по умолчанию: ffffff): Цвет названия в карточке блюда Позволяет задать цвет названия блюда в карточке блюда (розовый цвет в примере, цвет по умолчанию: 181818): Цвет описания в карточке блюда Позволяет задать цвет описания в карточке блюда (розовый цвет в примере, цвет по умолчанию: 181818): Цвет цены и веса в карточке блюда Позволяет задать цвет цены и веса в карточке блюда (розовый цвет в примере, цвет по умолчанию: 181818): Настройка цвета страницы блюда Настраивается только в том случае, если включена настройка “Отдельные страницы для блюд”. Цвет фона на странице блюда Позволяет настроить цвет фона у блюда на этой странице (красный цвет в примере, цвет по умолчанию: ffffff): Цвет текста на странице блюда Позволяет настроить цвет текста у блюда на этой странице (красный цвет в примере, цвет по умолчанию: 181818): Настройка цвета карточек категорий Настраивается только в том случае, если включена настройка “Вложенные категории”. Цвет текста карточки категорий Позволяет настроить цвет названия категории (белый текст в примере, цвет по умолчанию: ffffff): Цвет фона карточки категорий Если у категории не загружено фото, то можно поменять цвет фона категории (красный фон в примере, цвет по умолчанию: ): Цвет текста на кнопке карточки категорий Позволяет настроить цвет текста на кнопках карточек категорий (красный текст в примере, цвет по умолчанию: 181818): Цвет фона на кнопке карточки категорий Позволяет поменять цвет фона у кнопок карточек категорий (розовый фон в примере, цвет по умолчанию: ffffff): Цвет иконки на кнопке карточки категорий Позволяет поменять цвет иконки стрелки у кнопок карточек категорий(красная стрелка в примере. Цвет по умолчанию: 009846): Цвет фона иконки на кнопке карточки категорий Позволяет поменять цвет фона иконки карточки категории(красный фон в примере. Цвет по умолчанию: d9f0e3): Настройка элементов выхода из категории/блюда Настраивается только в том случае, если включена настройка “Вложенные категории”. Цвет элементов на кнопке выхода из категории/блюда Позволяет кнопке выхода из категории поменять цвет элементов (красные элементы в примере. Цвет по умолчанию: 009846): Цвет фона кнопки выхода из категории/блюда Позволяет кнопке выхода из категории поменять цвет фона (красный фон в примере. Цвет по умолчанию: ffffff): Цвет скроллбара Позволяет задать цвет скроллбара страницы. Если включена настройка расположения слайдера категорий справа , то также заменится и этот скроллбар(красный цвет в примере, цвет по умолчанию: 009846): Настройка всплывающих уведомлений Всплывающие уведомления – это уведомления об использовании cookie и о доступности загрузки мобильного приложения (отобразится только в мобильной версии браузера). Цвет текста всплывающих уведомлений Позволяет поменять цвет текста в уведомлениях (синий цвет в примере, цвет по умолчанию: 181818): Цвет фона всплывающих уведомлений Позволяет задать цвет фона для уведомлений об использовании cookie и о наличии мобильного приложения (синий цвет в примере, цвет по умолчанию: ffffff). Акцентный цвет для всплывающих уведомлений Позволяет настроить цвет кнопок и цвет текста с ссылкой на политику (синий цвет в примере, цвет по умолчанию: f56e5a). Цвет текста на кнопках в всплывающих уведомлениях Позволяет настроить цвет текста на кнопке всплывающего уведомления (синий цвет в примере, цвет по умолчанию: ffffff): Цвет стрелок навигации слайдера Если включены настройки [отображения баннеров](Отображать слайдер с промо в шапке#) и стрелок навигации, то стрелкам можно поменять цвет: Цвет стрелки скролла Настройка позволяет добавить анимированную стрелку для прокрути сайта до раздела меню. Стрелка появляется только в случае, если в настройке Тип слайдера выбрано “На всю ширину страницы”. Цвет по умолчанию: 322a00. Цвет фона блока брендов Если включена настройка отображения брендов компании, то можно поменять фон самого блока (цвет по умолчанию: 181818): Настройка цветов корзины Акцентный цвет в корзине Позволяет поменять цвет кнопок и переключателей (синий цвет в примере, цвет по умолчанию: f56e5a): Цвет фона в корзине Позволяет заменить цвет фона корзины (синий цвет в примере, цвет по умолчанию: ffffff): Цвет блока акций и рекомендуемых блюд Позволяет задать цвет фоно блока акций и рекомендуемых блюд (синий цвет в примере, цвет по умолчанию: f5f5f2): Цвет текста в корзине Позволяет поменять цвет текста в корзине (синий цвет в примере, цвет по умолчанию: 181818): Цвет границ элементов в корзине Позволяет поменять цвет границ кнопок и строк для ввода информации (синий цвет в примере, цвет по умолчанию: dcdcdc): Цвет фона переключателей способа доставки/оплаты Позволяет поменять цвет переключателей (синий цвет в примере, цвет по умолчанию: f1f0ec): Цвет сообщений об успехе в корзине Позволяет поменять цвет текста: об использованных и начисленных бонусах, условиях обслуживания, уведомления о не выбранном адресе доставки, сумме скидки (синий цвет в примере, цвет по умолчанию: a1cf4d): Цвет предупреждающих сообщений в корзине Позволяет поменять цвет предупреждений (синий цвет в примере, цвет по умолчанию: ffc466): Цвет сообщений об ошибке в корзине Позволяет поменять цвет об ошибках (синий цвет в примере, цвет по умолчанию: f56e5a): Цвет фона подсказки для корзины Позволяет поменять цвет фона подсказок для корзины. | Цвет по умолчанию | Синий цвет фона | | --- | --- | | | | Цвет текста подсказки для корзины Позволяет поменять цвет фона подсказок для корзины. | Цвет по умолчанию | Синий цвет текста: | | --- | --- | | | |

Обновлено Oct 31, 2025

Добавление баннеров

В Смартомато теперь можно создавать рекламные баннеры. Это один из инструментов удержания клиентов, увеличения повторных продаж и выстраивания персонализированной коммуникации. Создать баннер в Смартомато можно в разделе «Акции» —> «Баннеры» —> "Добавить" там же — все базовые настройки: Размеры для промо-слайдера (баннера) стандартно 1980х720, но это необязательно - могут быть и вашего размера. Вариант удачного формата слайдера – по бокам необходимо сделать отступ ~10-15% свободного пространства, поскольку на мобильной версии баннер урезается. Отступ необходим, чтобы баннер смотрелся адаптивно и контент не обрезался по краям: Параметры настройки баннера Название – позволяет добавить название баннера, чтобы можно было проще найти нужный. Скрыть баннер – позволяет "отключить" баннер, чтобы он не отображался на сайте. Срок действия – позволяет задать временной промежуток, в течение которого баннер будет отображаться на сайте. - До начала заданного времени — баннер не отображается. - Когда наступает время начала показа — баннер автоматически появляется на сайте. - После окончания заданного времени — баннер перестает отображаться. Это позволяет гибко управлять временем показа баннеров, например, для проведения акций, информирования о событиях или специальных предложениях. Где отображать баннер – позволяет выбрать из выпадающего списка отображение баннера на сайте, в мобильной версии сайта и/или в приложении. Порядок отображения – позволяет установить порядок отображения баннеров, задается числом, где "1" - самый крайний слева. Ограничение по ресторанам – позволяет разграничить баннеры для отображения в определенных ресторанах, а не для всей организации. - Если гость не ввёл адрес доставки/самовывоза, то баннеры показываться не будут. - В случае, если в организации есть только один ресторан, то ограничение выставлять не нужно — данный параметр не является обязательным :) Тип контента Ссылка – позволяет сделать баннер кликабельным. Например, по нажатию на баннер гостя переведет в определенную категорию, блюдо или сторонний ресурс. Можно задать разные ссылки для приложения или сайта. Если баннер не должен быть кликабельным – оставьте поле пустым. Если необходимо при нажатии на баннер показывать клиенту блюдо – укажите ссылку на это блюдо из адресной строки сайта, например: https://my-burger.smartomato.ru/menu/61096/428798. Если необходимо показать категорию – укажите ссылку на эту категорию из адресной строки сайта, например: https://my-burger.smartomato.ru/menu/61096 Баннер с попапом Можно создать собственный всплывающий баннер с разными условиями: Попап по клику: при нажатии на баннер появится всплывающее окно: Попап на старте: при первом входе на сайт/приложение появится ваш настроенный попап. Если сделать несколько попапов с запуском на старте, то будет показан только самый новый. Отображение на сайте: Отображение в приложении: Показывать изображение в попапе: позволяет добавить изображение в попап. Выглядеть это будет вот так: Блокирующий попап: позволяет настроить попап, который нельзя закрыть, пока не будет нажата кнопка согласия или не согласия. Если гость нажмет кнопку несогласия, то нельзя будет совершить заказ. Можно настроить свой текст для кнопки согласия и отмены: По умолчанию такой попап будет появляться при открытии сайта. Есть возможность настроить блокирующий попап только для категории 18+. Для этого после настройки попапа установите ограничение в такой категории и опубликуйте меню: В настройках сайта включите настройку "Блокирующий попап для категорий 18+" и опубликуйте сайт: Для показа баннера на сайте необходимо включить его отображения в настройках сайта: После применения всех настроек необходимо опубликовать сайт: ​Если появились вопросы – напишите нам в чате технической поддержки или на почту — support@smartomato.ru ​

Обновлено Oct 29, 2025

Разместить виджет на Tilda

Интеграция вашего сайта, построенного на Tilda со Смартомато осуществляется с помощью нашего виджета (корзины), а также привязки блюд с помощью data-атрибутов. ​ После установки корзина будет отображаться внизу экрана на вашем сайте в качестве такого виджета: Для проведения интеграции необходимо заранее установить блок «вставка HTML кода» (T123) на ваш сайт. После чего установить код виджета Смартомато в данный блок, воспользовавшись нашей документацией – http://developer.smartomato.ru/widget. Теперь необходимо будет связать блюда с сайта с блюдами в Смартомато с помощью data-атрибутов. Так как Тильда не позволяет напрямую прописать данные атрибуты, необходимо будет написать js скрипт для осуществления привязки. Вы можете это сделать самостоятельно, взяв за основу все ту же инструкцию для разработчиков. Скрипт привязки блюд работает также и с Tilda, прикрепляем ниже

Обновлено Oct 23, 2025

Добавление виджета

В случае, если вы используете свой сайт, мы предоставляем пример скрипта, который вам нужно разместить и отредактировать под себя на своем сайте при помощи своих сил или сил своего технического специалиста/программиста/стороннего веб-разработчика. Как установить виджет на свой сайт Инструкция по установке виджета для приема заказов находится в разделе для разработчиков. Сама интеграция происходит "поверх" сайта. ​ После всех настроек должен появиться наш виджет — черная полоса снизу и окно, которое появляется при нажатии на саму полосу либо на кнопку "+". Если меню нет, вы можете вставить сайт на нашей платформе через iframe, но в таком случае будут вопросы к производительности сайта. В случае интеграции, стили виджета редактируются непосредственно вами, но сам виджет всё ещё подчиняется организации - некоторые настройки мы можем проводить у себя, например, добавление поля "Количество приборов". Также, кроме этого есть другие промежуточные варианты. Думаю будет проще отталкиваться от того, что есть на сайте и чего не хватает - расскажите о сайте или дайте ссылку и мы предложим варианты решения. Привязка блюд по id Добавили и обновили скрипт, позволяющий немного упростить работы при установке виджета. Стоит напомнить, что сам скрипт привязки - небольшой инструмент, который облегчает интеграцию. К сожалению, он не универсальный и где-то его нужно дорабатывать силами разработчиков. Вот краткая инструкция его работы: В скрипте необходимо задать селекторы и id вашей организации. После загрузки страницы он соберет все названия блюд на странице, все кнопки, сделает запрос к нам на получение пейлоада, пройдется по всем названиям блюд на странице и сранвит их с теми, что есть у нас. Если будут совпадения, то проставит для каждой кнопки под каждым названием data-dish-id = id блюда. Названия блюд и модификаторов должны быть на сайте такие же, как и в Смартомато.

Обновлено Oct 23, 2025

Настройка историй (сторис)

Сторис (stories, истории) — это вертикальный формат контента. Сторис подходят для прямой и нативной рекламы. Здесь удобно сообщать об акциях и скидках — обычный текстовый пост может «пролететь» мимо пользователя в ленте, а из сторис он быстро узнает о предложении. Сторис могут помочь продавать сезонные товары, сообщать о новинках, делать тематические подборки и др. Как создать истории Для добавления историй перейдите в раздел “Акции” —> “Баннеры” —> “Добавить”: Заполните необходимые поля (название, срок действия, отображение на сайте или в приложении, ограничение по ресторанам) и в типе контента выберите “История”: В настройках историй есть 2 блока: Кадры истории и Превью истории. Поле “Заголовок истории” — этот текст будет отображать основной посыл истории. Как создать превью истории “Превью истории” отвечает за изображение, которое будет отображаться на сайте и в приложении. Превью истории является обязательным для заполнения. Варианты отображения превью: кружок, квадрат, прямоугольник. Требования для изображений для превью: - квадратное превью — 1:1; - круглое — 1:1; - прямоугольное — 1:2. Также необходимо учесть, что контент должен быть примерно по центру во всех случаях. Тип отображения превью можно настроить в разделе “Сайт”, об этом далее. Отображение историй на сайте Кружок: Квадрат: Прямоугольник: Отображение историй в приложении | Кружок | Квадрат | Прямоугольник | | --- | --- | --- | |||| Как создать кадры истории “Кадры истории” отвечают за изображения, которые будут отображаться клиенту при клике на “Превью истории”, то есть это изображения внутри самой истории. Требования к кадрам истории: изображение с соотношением сторон 9:16. Размер можем быть любой. Желательно оставить свободное пространство со всех сторон, чтобы контент был виден. Каждый кадр истории имеет свои настройки: - вариант отображения кадра — изображение или заливка фона. Заливка фона позволяет задать однотонный цвет всей истории. При выборе данного варианта в настройках кадра появится блок для выбора цвета: | Изображение | Заливка фона | | --- | --- | | | | - вариант отображения контента — стандартный, дополнительный, центрированный: | Стандартный | Дополнительный | Центрированный | | --- | --- | --- | |||| - заголовок — фраза или текст, который служит для привлечения внимания или выражения его основного смысла; - описание — более подробная форма текста, раскрывающая заголовок в деталях и подробностях; - дисклеймер — небольшой текст-предупреждение, чаще всего используется в рекламных объявлениях и акциях; - цвет текста — настройка позволяет изменить цвет текста, который был задан в полях “заголовок”, “описание” и “дисклеймер”; - текст для кнопки — настройка позволяет добавить в нижнюю часть кадра истории кнопку-действие и установить для нее текст; - ссылка для кнопки — настройка позволяет сделать кнопку кликабельной. Например, при нажатии на кнопку пользователь будет попадать на страницу блюда, категории или на внешний источник; - вариант отображения кнопки: Основной — кнопка с фирменным цветом Смартомато для светлых сториз, Дополнительный — белая кнопка для темных сториз: Основной Дополнительный Пример настроенного кадра истории: Пример настроенной истории На сайте: В приложении: Как отобразить истории на сайте и в приложении Для отображения на сайте историй перейдите в раздел “Сайт”. В параметрах темы раскройте блок “Истории” и включите параметр “Отображать истории”: Здесь же можно выбрать формат отображение историй: Для применения изменений опубликуйте сайт: Остались вопросы? Напишите нам в чат или на почту support@smartomato.ru — расскажем подробнее :)

Обновлено Oct 27, 2025