Все коллекции
Приложения
QR-меню
Как настроить сайт для самовывоза и доставки
Как настроить сайт для самовывоза и доставки

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

Марина Драчeва avatar
Автор: Марина Драчeва
Обновлено больше недели назад

Создайте сайт для вашего заведения с Poster QR. Сайт автоматически наполнится данными из вашего аккаунта в Poster и будет оптимизировано под мобильные устройства покупателей. Принимайте заказы на доставку и предлагайте клиентам блюда навынос.

☝️ Poster QR работает по модели подписки. После подключения есть бесплатный пробный период 15 дней. Дальше оплачивайте Poster QR помесячно в зависимости от выбранного тарифа.


Создание и настройка сайта

Чтобы подключить сайт для доставки и самовывоза:

  1. Откройте в админ-панели Все приложения → Сайт для заказов, нажмите Подключить.

  2. Перейдите по полученной ссылке на ваш сайт.

Перед тем как начать принимать заказы, подготовьте меню и заполните описания товаров, тех. карт и их модификаторов, которые хотите продавать на сайте.

Настройка навигации

Организуйте ваше меню в два уровня — главные категории и вложенные в них второстепенные. Например, коктейли, кофе и чай можно вложить в главную категорию «Напитки», а первые блюда, пасты и завтраки — в категорию «Кухня». Таким образом, на первой странице сайта гости увидят только главные категории и скорее выберут, что попробовать сегодня.

Чтобы категория стала главной:

  1. Откройте вкладку Меню в приложении Poster QR.

  2. Зажмите 𓃎 слева от названия категории и переместите позицию в нужное место. Например, переместите категорию «Коктейли» внутрь категории «Бар».

💡 Двухуровневое меню доступно, если хотя бы в одной из категорий будет подкатегория.

Также вы можете организовать ваше меню на одном уровне, все категории будут отображаться в верхней части экрана:

☝️ Чтобы меню отображалось одним уровнем, переместите все подкатегории на главный уровень:

Сортирование категорий и блюд

Отредактируйте последовательность и отображение категорий, подкатегорий и товаров на сайте:

  1. Откройте вкладку Меню в приложении Poster QR.

  2. Выключите переключатели Показывать напротив категорий или товаров, которые не будут доступны для заказов на сайте.

  3. Зажмите 𓃎 слева от названия категории или товара и переместите позицию в нужное место.
    💡 Например, переместите категорию «Кофе» внутрь категории «Горячие напитки» или переместите «Сырники» из категории «Десерты» в категорию «Завтраки».

Описание и фото

Добавьте к вашим блюдам и напиткам продающие фото и описания:

  1. Перейдите во вкладку Меню и нажмите Ред. напротив товаров, которые вы хотите отредактировать. Добавьте изображение, описание или измените цены.
    💡 Сортируйте товары по категориям и используйте фильтры Без описания и Без фото, чтобы быстро добавить необходимую информацию.

  2. Добавьте описание: расскажите про особенности блюда, например аллергены в составе и калорийность. Или опишите историю блюда, например, что вы используете фермерскую продукцию или рекомендации от сомелье, какое вино подходит к блюду.
    💡 Добавляйте условные отметки к описанию ваших блюд. Например, 🔥, чтобы указать на остроту или 🦐, если блюдо содержит аллерген.

  3. Добавьте подходящие фото, чтобы гостям было легче определиться.
    💡 Загружайте картинки в формате JPG, PNG, JPEG размером до 5 MB и с соотношением сторон 1000 × 1000 пикселей.

  4. Поставьте галочку Промо для блюд, которые хотите поднять выше в меню с описанием Популярное. Снимете галочку Показывать для временно закончившихся позиций.
    💡 Метка + Добавки автоматически появится для всех блюд, в которых есть модификаторы.

☝️ Названия товаров, картинки и цены не изменятся в админ-панели Poster.

Настройка дизайна

Чтобы изменить оформление вашего сайта, настройте его дизайн в режиме редактора в Poster QR. Для этого в разделе Дизайн выберите стиль темы и акцентный цвет для кнопок и шрифтов.

Если вы владеете веб-разработкой, добавьте CSS-стили и кастомизируйте ваш сайт. Измените цвета, шрифты, определяйте расположение блоков, кнопок и т.д.

Например, чтобы изменить цвет названий категорий и выделить их жирным, в CSS-стиле добавьте блок:

.btn.btn-light.ms-2.rounded-pill.flex-grow-0.px-5 {

color: green;
font-weight: bold;

}

Чтобы изменить фон сайта:

div {
background-image: url("https://www.onlygraphicdesign.com/wp-content/uploads/2021/06/hero-bg.jpg");
}

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

💡 Подготовьте изображение 2500 x 1000 пикселей с фирменным стилем или маркетинговым призывом.

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

Чтобы полностью скрыть страницу, включите переключатель Скрыть.

Загрузите логотип и фавикон во вкладке Настройки → Общие:

  • Логотип — изображение 150 × 75 или 75 × 75 пикселей формата JPG, PNG, JPEG и до 5 MB;

  • Фавикон сайта, который будет отображаться в заголовке вкладки браузера — иконку 16 × 16 пикселей.

Настройка контактов

Добавьте контакты и социальные сети заведения:

  1. Перейдите во вкладку Настройки → Контакты.

  2. Укажите эл. почту, номер телефона, адрес, название сети и пароль от Wi-Fi, напишите дополнительную информацию.

  3. Добавьте заведение на карте.

  4. Добавьте ссылки на соц. сети заведения: Instagram, Facebook, TikTok, Telegram, Twitter, YouTube.

  5. Нажмите Сохранить.

💡 Закажите наклейки с QR-кодами или загрузите их электронную версию в админ-панели Poster во вкладке Приложения → Poster QR → QR-коды. Используйте QR-коды со ссылкой на ваш сайт на визитках, фирменной упаковке и т.д. Ваши гости смогут просмотреть меню и заказать доставку по QR-коду.

💡 Заполните в админ-панели Poster во вкладке Доступ → Заведения:

  • Адрес заведения, чтобы покупатели быстрее оформляли заказы на доставку на вашем сайте. Тогда при вводе адреса получения заказа они увидят подсказки с улицами и номерами домов вашего города и выберут свой адрес из списка;

  • Время работы, чтобы посетители сайта оформляли заказы только в рабочие часы заведения.

Работа с онлайн-заказом

Когда покупатели оформят заказы на вашем сайте, их онлайн-заказы отобразятся на кассе Poster в виде красного уведомления с количеством необработанных заказов.

💡 Если вы работаете с доставкой Poster, то сможете экономить время на принятии онлайн-заказов. На кассу они будут сразу приходить с типом Доставка, адрес клиента будет уже записан в его карточку и распечатается на чеке, который вы передадите курьеру вместе с заказом.

Чтобы принять онлайн-заказ на кассе Poster:

  1. Откройте в левом верхнем углу кассы вкладку Заказы и выберите статус Онлайн.

  2. Выберите заказ, проверьте его и нажмите Принять.

    ☝️ Если покупатель заказывает у вас впервые, Poster автоматически создаст его карточку и добавит в группу «Новые клиенты».

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

    💡 Работайте со статусами в списке заказов на кассе, чтобы удобнее принимать онлайн-заказы: контролировать новые и те, которые готовятся на кухне, ещё в пути с курьером или уже доставлены.

    ☝️ Оплаченные онлайн-заказы нельзя отредактировать.

  4. Когда клиент получит готовый заказ и рассчитается с заведением, закройте чек на кассе.

💡 Следующие заказы ваши покупатели оформят быстрее, потому что в их корзинах сохранится информация о доставке, которую они заполнили на вашем сайте в предыдущий раз.

☝️ Если у вас высокая нагрузка в зале и нет возможности принимать заказы с сайта, откройте в админ-панели Приложения → Poster QR. Перейдите в Настройки → Доставка и выключите переключатель возле Принимать заказы с сайта. Сохраните изменения, после чего на сайте появится сообщение, что сейчас нельзя сделать заказ и исчезнет кнопка добавления товаров в корзину.

Чтобы покупатели оплачивали заказы карточкой на сайте Poster QR, настройте приём онлайн-оплат с помощью интернет-эквайринга.

Нашли ответ на свой вопрос?