К основному содержимому
Все коллекцииПриложенияPoster 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 во вкладке Доступ → Заведения:

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

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

Настройка доставки

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

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

  2. Включите переключатель Принимать заказы с сайта.

  3. Включите переключатель Самовывоз и поставьте галочку напротив заведений, где гость может забрать заказ.

  4. В пункте Курьером включите переключатель и выберите одно заведение. На кассе выбранного заведения будут появляться заказы на доставку с вашего сайта.
    ​
    💡 Чтобы автоматизировать работу оператора доставки, поставьте галочку возле Отправлять онлайн-заказ в ближайшее к клиенту заведение и заполните адреса ваших заведений в админ-панели Poster во вкладке Доступ → Заведения.
    Новый онлайн-заказ с Poster QR будет отправлен на кассу того заведения, которое ближе к адресу доставки.

  5. Укажите Стоимость доставки.

  6. Настройте условия бесплатной доставки.

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

  8. Перейдите во вкладку Настройки → Оплата на сайте, укажите минимальную сумму заказа и метод оплаты.

  9. Сохраните изменения.
    ​

🛵 Если у вас нет собственных курьеров, настройте интеграцию с Glovo On-Demand и доставляйте заказы с собственного сайта курьерами Glovo.

Настройка оплат на сайте

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

Чтобы настроить оплаты на сайте:

  1. Откройте раздел Poster QR → Настройки → Оплата на сайте.

  2. Добавьте текст на странице оплаты.
    💡 Можете оставить поле пустым, чтобы выводилось стандартное сообщение.

  3. Включите переключатель Наличными или Карточкой при получении.

  4. Включите переключатель Карточкой и подключите онлайн-оплаты с помощью Stripe или с помощью LiqPay.
    ​

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

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

Чтобы контролировать историю оплат картой на сайте, просматривайте статистику онлайн-заказов.

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