Створення системи онлайн-замовлення продуктів у WooCommerce

Під час глобальної кризи коронавірусу багато підприємств харчування та ресторанів переходять на інші способи доставки. І, щоб продовжувати свою діяльність, вони впровадили систему замовлення продуктів харчування WooCommerce, яка дозволяє меценатам робити замовлення за допомогою веб-браузера.

Налаштування системи замовлення їжі WooCommerce та пропонування їжі є набагато економічнішим та стійкішим, ніж керування рестораном - особливо враховуючи, що більшості ресторанів довелося закрити через пандемію коронавірусу.

У цій статті ми покажемо вам, як ви можете створити власний веб-сайт замовлення продуктів харчування WooCommerce у WooCommerce за кілька простих кроків.

Покладемо все в контекст, перш ніж розпочати.

Чому підприємствам харчової промисловості слід переходити на операції з вивезенням та лише доставкою

Якщо ви працюєте в ресторані чи харчовому бізнесі і пропонуєте лише варіанти вечері, зараз хороший час подумати про перехід на вивезення та лише доставку.

Є кілька причин, чому:

Для початку операційні обмеження під час пандемії коронавірусу призвели до того, що багато підприємств харчової промисловості перейшли на інші варіанти та лише для доставки, щоб підтримувати свій бізнес. Для більшості власників ресторанів цей крок був економічно вигіднішим та простішим в управлінні, ніж проведення обідніх трапез.

Переключившись на операції доставки та доставки, ви можете автоматизувати різні процеси, такі як замовлення продуктів WooCommerce. На додаток до цього, ви можете зареєструватися в сторонніх службах доставки у вашому населеному пункті, щоб доставити замовлення на харчування меценатам.

Розміщені рішення проти системи замовлення продуктів харчування WooCommerce

Деякі ресторани вирішили використовувати такі рішення, як Uber Eats та Deliveroo, щоб залишатися в бізнесі. Проблема таких рішень, як Uber Eats, полягає в тому, що вони беруть великі комісійні. Простіше кажучи, це означає, що ви отримуєте менше прибутку на кожному продажі, що не є ідеальним. Не кажучи вже про те, що ви в кінцевому підсумку конкуруєте з відомими харчовими компаніями, що означає меншу видимість вашого ресторану в списках.

З цієї причини багато підприємств харчової промисловості досліджують можливість створити власну систему замовлення їжі WooCommerce у WordPress.

Завдяки системі онлайн-замовлення їжі ви володієте 100% веб-сайту для замовлення їжі в Інтернеті та маєте повний контроль над її дизайном та змістом. Це означає, що ви можете розміщувати скільки завгодно пунктів меню або замінювати їх, коли завгодно.

А оскільки WooCommerce неймовірно гнучка, ви можете розширити її основні функції так, як хочете, використовуючи плагіни. Наприклад, ви можете додати форми для онлайн-замовлення, слоти доставки, функції чайових та мобільні функції замовлення на свій веб-сайт із замовленням їжі.

WooCommerce також надає вам безліч методів оплати, які можна інтегрувати, а це означає, що ви можете запропонувати меценатам можливість оплатити накладеним платежем або здійснити платежі, використовуючи їхні кредитні картки методом онлайн-платежів.

Рішення: Таблиця товарів WooCommerce

Найпростіший спосіб створити систему онлайн-замовлення їжі у WooCommerce - за допомогою плагіна WooCommerce Product Table. Це неймовірно інтуїтивно зрозуміло і просто у використанні для меценатів і дає можливість харчовим компаніям продавати всілякі продукти харчування, включаючи продукти з варіаціями.

Попередній перегляд системи онлайн-замовлення їжі

Плагін WooCommerce Product Table створює інтерфейсний макет таблиці з параметрами пошуку, сортування та фільтрування, що працює як форма онлайн-замовлення їжі.

Ви можете додати прапорці та селектори кількості до форми на одній сторінці замовлення, щоб дозволити покровителю робити замовлення для декількох продуктів харчування (і кратних для кожного продукту харчування) одночасно. Іншими словами, меценат може замовити два гамбургери, колу і коктейль з морозивом за один прийом.

Плагін WooCommerce Product Table дозволяє відображати як прості продукти (наприклад, гамбургер), так і змінні продукти харчування (наприклад, піцу) в одному і тому ж макеті таблиці. Це дозволяє власникам ресторанів легко відображати своє меню та дозволяти клієнтам робити замовлення.

Як створити Інтернет-систему замовлення їжі

Тут ми проведемо вас через покроковий процес створення системи онлайн-замовлення їжі в WordPress. Ось що вам потрібно буде дотримуватися далі:

WooCommerce
Таблиця товарів WooCommerce
Фотографії продуктів харчування, які ви хочете додати до свого меню

Крок 1. Налаштування параметрів WooCommerce

Перше, що вам потрібно зробити, це переконатися, що на вашому веб-сайті WordPress встановлена тема, оптимізована за допомогою WooCommerce, наприклад Shoptimizer. Це допоможе вам створити швидкий інтерфейс користувача, призначений для конверсій.

Встановіть плагін WooCommerce на свій веб-сайт WordPress.

Після цього встановіть та активуйте плагін WooCommerce на своєму веб-сайті WordPress. Після активації ви побачите майстер налаштування WooCommerce. Це проведе вас через процес додавання функцій електронної комерції на ваш веб-сайт замовлення продуктів WooCommerce.

Ось налаштування WooCommerce, на які слід звернути увагу:

методи оплати

Параметри оплати дозволяють вибрати різні варіанти оплати, які ви хочете запропонувати своїм клієнтам.

Увімкніть варіанти онлайн-платежів у WooCommerce.

Як мінімум, ви повинні запропонувати можливість онлайн-платежів, таких як PayPal або дебетові/кредитні картки.

Увімкніть опції офлайн-оплати у WooCommerce.

І, якщо ви плануєте запропонувати винос, ви можете також запропонувати накладений платіж при доставці.

Зони доставки

Якщо ви тільки починаєте, можливо, вам доведеться стягувати плату з покупців за доставку. WooCommerce полегшує це, дозволяючи вам встановлювати зони доставки. Перейдіть до WooCommerce> Налаштування> Доставка з адміністративної панелі, щоб налаштувати зони доставки.

Ось декілька коротких порад:

Доставка їжі до одного району чи населеного пункту. Якщо ви збираєтеся доставляти замовлення на їжу в один район, то вам потрібно створити лише одну зону доставки. Ви можете ввімкнути доставку з фіксованою ставкою та оплатити покупцям однакові витрати на доставку.
Доставка їжі в різні райони. Якщо ви збираєтеся доставляти замовлення на їжу в різні райони, вам потрібно буде створити кілька зон доставки. Таким чином, ви можете стягувати різні витрати на доставку з фіксованою ставкою залежно від району мецената.

Скільки ви берете за доставку їжі, залежатиме від сторонньої служби доставки їжі, з якою ви вирішите працювати. Крім того, якщо ви плануєте самостійно доставляти замовлення на їжу, вам потрібно буде визначити витрати.

Крок 2. Додайте продукти харчування як продукти WooCommerce

Наступним кроком є створення меню їжі. Для цього вам потрібно буде додати окремі продукти харчування як товари WooCommerce до вашого Інтернет-магазину.

Оскільки ви, ймовірно, продаватимете різні типи продуктів харчування, непогано з самого початку розподілити продукти за категоріями. Це допомагає сприймати це як реальне меню. Запитайте себе: як я можу класифікувати меню? Якими б були різні розділи?

Наприклад, якщо ви продаєте фаст-фуд, ви можете створити чотири категорії: основне блюдо, десерти та напої.

Додавайте продукти харчування як продукти WooCommerce.

Далі перейдіть до Продукт> Додати нове на панелі адміністрування WordPress і введіть такі деталі продукту для кожного продукту харчування:

A заголовок що буде називатися продуктом харчування.
A Короткий опис.
Виберіть правильний товар категорії.
зображення товару.

Після цього прокрутіть униз до розділу Дані про товар і встановіть значення ціна для продукту харчування.

Додайте продукти харчування з варіаціями до WooCommerce.

Якщо ви хочете додати змінну їжу (наприклад, піцу, доступну в різних розмірах), переконайтеся, що використовуєте спадне меню, щоб вибрати опцію Змінний продукт.

Натисніть кнопку Опублікувати, щоб продовжити. Повторюйте ці кроки, доки ви не додасте всі продукти харчування як продукти WooCommerce.

Крок No3: Створіть Інтернет-форму замовлення їжі на одній сторінці

Перш ніж ви зможете відобразити систему замовлення їжі в інтернеті, нам потрібно налаштувати плагін WooCommerce Product Table. Для цього перейдіть до WooCommerce> Налаштування> Продукти> Таблиця продуктів на інформаційній панелі WordPress.

Ось що вам потрібно зробити:

Зміст таблиці

Параметр "Стовпці" дозволяє вибрати стовпці таблиці, які ви хотіли б відображати в інтерфейсі. Для онлайн-форми замовлення їжі ми рекомендуємо відображати стовпці із зображенням їжі, назвою, описом, ціною та кнопкою додавання в кошик.

Для цього потрібно просто ввести зображення, ім’я, опис, ціну, додану в кошик опцію Стовпці.

Оскільки ми створюємо односторінкову форму для онлайн-замовлення їжі, встановіть для параметра «Посилання на товар» значення «немає». Таким чином, ваші спонсори не випадково перейдуть на одну сторінку товару.

Додати в кошик стовпець

Встановіть для кнопки «Додати в кошик» параметр «Тільки прапорець» або «Кнопка та прапорець». Таким чином, меценати можуть додати до свого кошика кілька продуктів харчування за один раз. Наприклад, вони можуть встановити прапорець біля гамбургера та кока-коли, щоб додати обидва продукти харчування до свого кошика.

Переконайтеся, що прапорець біля пункту Кількості встановлений. Це дозволяє меценатам замовляти кратні елементи кожного продукту харчування в одному порядку, наприклад, два гамбургери.

Встановіть варіант Варіації на Випадаючі списки в стовпці "Додати в кошик", щоб забезпечити найкращий досвід користувачів. Меценати побачать спадне меню у формі замовлення, за допомогою якого вони зможуть вибрати правильний варіант.

Встановіть опцію позиції «Додати вибране» на Таблиця вгорі та внизу, щоб забезпечити хороший досвід користування.

Елементи керування таблицею

В спадному меню встановіть для параметра Фільтри товарів значення Спеціальні та введіть категорії у полі Спеціальні фільтри. Роблячи це, меценати зможуть відфільтрувати товари у формі замовлення за різними категоріями.

Переконайтесь, що:

Параметр Довжина сторінки встановлений нижче Таблиця.
Поле пошуку розташоване над таблицею.
Параметр підсумків продукту встановлено нижче Таблиця.
Кнопки розбиття сторінок відображаються під таблицею.
Тип пагінації встановлено на Попереднє/наступне + числа.
Позначено опцію кнопки скидання.

Ці налаштування конфігурації допоможуть вам забезпечити хороший досвід роботи за допомогою однієї сторінки онлайн-форми замовлення їжі.

Крок No4: Відобразіть свою Інтернет-систему замовлення їжі на передній панелі

Тепер, коли ми налаштували як плагін WooCommerce, так і плагін WooCommerce Product Table, настав час відобразити систему інтернет-замовлення продуктів на фронт-енді.

Перейдіть до Сторінки> Додати нове на панелі адміністрування WordPress і введіть заголовок вашої системи онлайн-замовлення продуктів. Далі створіть новий блок шорткоду та додайте до нього [product_table]. Натисніть кнопку Опублікувати… та попередньо перегляньте сторінку в інтерфейсі вашого сайту.

Створення простої форми замовлення їжі.

У найпростішій формі ваша система онлайн-замовлення продуктів буде виглядати приблизно так:

Попередній перегляд простої форми замовлення їжі.

Ось декілька дієвих порад, щоб покращити вашу онлайн-форму замовлення їжі, щоб зробити її ще більш інтуїтивною та зручною для користувачів:

Додайте короткі вказівки

Спробуйте додати короткі інструкції, що пояснюють, як використовувати форму замовлення безпосередньо над шорткодом. Наприклад, ви можете повідомити меценатів, що вони можуть скористатися опцією фільтра та панеллю пошуку для швидкого пошуку продуктів, які вони шукають.

Розділіть меню на окремі секції

Якщо у вас велике меню, ви можете розділити його на окремі розділи на основі категорій. Це полегшує клієнтам вибір продуктів харчування та розміщення своїх замовлень.

Розділіть форму онлайн-замовлення їжі на окремі категорії.

Для цього просто використовуйте шорт-код [product_table category = "main-course"]. Замініть основне блюдо кульом продуктової категорії, яку ви створили.

Бонусні поради

Ось декілька бонусних порад, які допоможуть вам покращити взаємодію з користувачем, яку надає ваша система онлайн-замовлення їжі, і потенційно збільшать продажі:

Порада No1: Чайові

Ви можете використовувати плагін «Назви свою ціну», щоб приймати поради від меценатів. Плагін дозволяє додати запропоновану ціну та встановити формулювання. Потім ви можете додати цей окремий елемент безпосередньо до односторінкової форми замовлення.

Порада No2: Швидкий перегляд

WooCommerce Quick View Pro дозволяє клієнтам переглядати варіанти придбання у лайтбоксі для швидкого перегляду. Це особливо корисно для харчових підприємств, які продають багато різноманітних продуктів. Ви навіть можете використовувати лайтбокс для швидкого перегляду, щоб показати додаткові зображення продуктів харчування.

Порада №3: Мобільне замовлення

Більшість тем WooCommerce, таких як Shoptimizer, повністю реагують, що означає, що клієнти можуть просто отримати доступ до вашого веб-сайту для замовлення продуктів з мобільного пристрою, щоб зробити замовлення. Іншими словами, вам не доведеться турбуватися про створення окремого мобільного сайту чи розробку мобільного додатка.

Порада №4: Прийом замовлень на мережі ресторанів

Якщо ваш бізнес є частиною широкої мережі, ви можете використовувати WordPress multisite для створення окремих підсайтів для окремих мереж ресторанів. Таким чином, ви можете мати різні продукти харчування в меню для різних мереж ресторанів.

Висновок

Якщо ви займаєтеся харчовим бізнесом, перехід на винос або лише для доставки є набагато економічнішим та стійкішим, ніж керування рестораном.

Замість того, щоб обирати таке рішення, як Uber Eats, ви можете легко створити власну систему замовлення їжі на замовлення в WooCommerce, використовуючи плагін WooCommerce Product Table. Як результат, ви зможете збільшити продажі та отримати більше прибутку.

Якщо ви готові створити власну систему замовлення їжі в Інтернеті, отримайте таблицю продуктів WooCommerce сьогодні!