Tehnografi.com - Технологические новости, обзоры и советы

Как настроить онлайн-заказы для ресторанов в WordPress

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

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

В этом руководстве вы шаг за шагом узнаете, как настроить онлайн-заказ еды для ресторанов с помощью WordPress.

Что нужно для создания онлайн-заказов

Вам нужен веб-сайт для создания онлайн-заказов для вашего ресторана.

Если у вас еще нет сайта, не волнуйтесь. Вы можете легко создать сайт с помощью WordPress, лучшего в мире разработчика сайтов, которым пользуются миллионы малых предприятий.

Создание сайта также не влияет на вашу прибыль. Bluehost, один из рекомендуемых хостинг-провайдеров WordPress, предлагает многое для наших читателей.

В основном вы получаете бесплатное доменное имя, бесплатный SSL и 60% скидку на веб-хостинг.

→ Нажмите здесь, чтобы получить это эксклюзивное предложение Bluehost ←

Отказ от ответственности за прозрачность: Содержание WPBeginner легко читается. Так что, если вы нажмете на некоторые ссылки в этом посте, может быть небольшая реферальная плата. Обратите внимание, что мы рекомендуем только те продукты, которые мы используем сами и / или которые мы считаем полезными для наших читателей. Для получения дополнительной информации см. Финансирование WPBeginner.

Есть много отличных тем ресторана WordPress. Элемент похож на шаблон для вашего сайта. Если вы выбираете хороший сайт, ваш сайт выглядит профессионально и авторитетно и поощряет клиентов заказывать у вас.

Если вам нужна помощь в создании вашего сайта, прочитайте наше полное пошаговое руководство по запуску сайта.

Добавить онлайн продуктовые заказы на свой сайт

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

Теперь есть несколько способов сделать это с WordPress.

Однако самый простой способ сделать это – использовать WPForms. Это лучший конструктор форм WordPress, позволяющий легко создавать онлайн-формы на вашем сайте (кодирование не требуется).

Сначала установите и активируйте плагин WPForms. Если вы не уверены, что делать дальше, прочитайте наши полные инструкции по установке плагина WordPress.

После активации визита WPForms »Конфигурация Страница для ввода вашего лицензионного ключа. Вы можете найти эту информацию в своем аккаунте на сайте WPForms.

Введите свой лицензионный ключ WPForms

Затем вы установите плагин «Form Template Pack», чтобы облегчить создание вашей формы. Обратите внимание, что для использования этого шаблона вам необходим уровень WPForms "Pro".

Перейти установить плагин WPForms »ПлагиныПрокрутите вниз, чтобы найти «Плагин пакета шаблона формы» и нажмите «Установить плагин» ниже.

Плагин Form Template Pack для WPForms

Затем перейдите к WPForms »Добавить новый Страница в вашей панели WordPress, чтобы создать онлайн-форму заказа продуктов.

Создать новую форму с WPForms

Напишите имя для вашей формы. Вы можете называть это тем, что имеет для вас смысл. Клиенты могут просматривать этот заголовок только тогда, когда захотят.

Назовите вашу онлайн форму заказа еды

Затем прокрутите вниз до раздела «Дополнительные шаблоны» экрана и выберите «Форма запроса заказа». Есть несколько шаблонов, поэтому вы можете искать их.

Нажмите на шаблон, и ваша форма будет автоматически создана для вас.

Вновь созданная форма доставки для удаления со стандартными полями

Как видите, эта форма предназначена для перевозки пиццы. Тем не менее, вы можете изменить его, как вам нравится. Нажмите на поле (часть формы), чтобы отредактировать его.

У нас должна быть коробка "Какую пиццу ты хочешь?" В верхней части формы.

Редактировать поле формы в WPForms

Вы можете изменить название поля. Это вопрос или запрос, на который клиент должен ответить. Вы также можете изменить настройки и удалить или добавить их с помощью кнопок (+) и (-).

Изменить метку и настройки поля

Вы также можете добавить дополнительные поля в форму. Например, вы можете добавить поле, чтобы клиенты могли указать, когда они хотят, чтобы их доставка.

Чтобы добавить поле, нажмите на вкладку «Добавить поля» в левой части экрана. Прокрутите вниз до раздела «Поля фантазии» и найдите поле «Дата / Время».

Перетащите это поле в любом месте его формы.

Добавить поле даты / времени в WPForms

Как и раньше, вы можете нажать на поле, чтобы отредактировать его. Вы, вероятно, хотите изменить имя. Если вы принимаете только заказы на доставку в тот же день, он также изменит «формат» на «время».

Измените дату / время, чтобы отображалось только время

В настройке «Дополнительно» для поля вы можете изменить различные предлагаемые диапазоны. Настройки 15 минут, 30 минут или 1 час.

Рекомендуется сделать поле «Адрес» в вашей форме обязательным. Если для поля установлено значение Обязательное, клиент не сможет отправить форму до ее заполнения.

Просто нажмите на поле «Адрес», чтобы отредактировать его, и установите флажок «Обязательно» в левой части экрана.

Напишите адрес обязательного поля в вашей форме

Когда вы закончите создание формы, нажмите «Сохранить» в верхней части экрана, прежде чем переходить к следующему шагу.

Сохраните форму заказа супермаркета онлайн

Настройки сообщений для вашей формы заказа супермаркета

Вы должны убедиться, что заказы попадают к нужным людям. WPForms автоматически отправляет электронное письмо администратору вашего сайта. Тем не менее, вы не можете заказать.

Нажмите на вкладку «Настройки» в левой части экрана. Нажмите «Сообщения», и вы увидите сообщение по умолчанию справа.

Проверьте онлайн форму уведомлений о заказе продуктов

Может потребоваться изменить «Отправить на адрес электронной почты», чтобы он отличался от адреса электронной почты администратора вашего сайта. Вы можете просто удалить {admin_email} и ввести один или несколько адресов электронной почты здесь. Не забудьте разделить несколько адресов электронной почты запятой.

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

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

Просто нажмите «Смарт-теги» и прокрутите вниз до «Имя». Нажмите на него, и WPForms вставит правильный код для него в вашей теме. В этом случае это {field_id = "3"}.

Изменить тему письма

Когда вы будете удовлетворены уведомлением, нажмите «Сохранить» в верхней части экрана.

Подсказка: WPForms хранит записи формы в базе данных WordPress. Так что не беспокойтесь, если вы случайно удалили заказ из почтового ящика. Перейти посмотреть все заказы WPForms »Билеты на вашей приборной панели. Нажмите на название формы, чтобы просмотреть заказы.

Вы также можете создать обзор электронной почты для своих клиентов. Для этого нажмите кнопку «Добавить новую редакцию».

Нажмите кнопку

Вам будет предложено ввести имя для уведомления. Вы можете использовать все, что имеет смысл здесь. Клиент этого не видит.

Введите имя для сообщения, которое будет отправлено клиенту

Чтобы отправить электронное письмо клиенту, удалите {admin_email} из поля «Отправить на адрес электронной почты» и используйте «Показать смарт-теги», чтобы выбрать поле «Электронная почта».

Установите квитанцию ​​клиента для отправки клиенту

Далее вы хотите изменить тему письма и его детали. Просто напишите, что вы хотите использовать здесь.

Измените имя и адрес электронной почты, которые клиенты видят в своих письмах

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

Измените текст сообщения электронной почты, которое получают ваши клиенты

Когда вы будете удовлетворены сообщением клиента, нажмите «Сохранить» в верхней части экрана.

Подсказка: Просто прокрутите вниз, чтобы вернуться к первому сообщению, которое вы отредактировали.

Отредактируйте подтверждающее сообщение, которое видит ваш клиент

Когда ваш клиент заполняет форму, WPForms отображает сообщение, подтверждающее, что форма была отправлена.

Вы можете редактировать это сообщение, перейдя в Конфигурация »ПодтвержденияПросто введите нужное сообщение в поле. Вы даже можете отформатировать это сообщение с помощью визуального редактора.

Создайте подтверждающее сообщение, которое увидит ваш клиент после отправки формы

Вы также можете изменить «тип подтверждения» и при желании отправить клиента на страницу благодарности.

Примите оплату через форму заказа в супермаркете

Форма по умолчанию на вынос не настроена для платежей. Это хорошо, если вы принимаете только наложенным платежом. Однако в некоторых ситуациях вы можете предпочесть принять онлайн-платеж клиента заранее.

Если вы хотите принимать платежи, вы должны настроить свою форму со специальными полями, которые могут подсчитать, сколько клиент должен. Вы также должны интегрировать свою форму в платежный процессор, такой как PayPal.

Сначала перейдите на вкладку «Поля», чтобы изменить свою форму. Нажмите «Добавить поля» и прокрутите вниз до раздела «Поля оплаты». Замените одно из полей в вашем прайс-листе на одно из полей «Товары».

Различные поля оплаты доступны в WPForms

В нашем бланке у нас есть оригинальное поле «Сколько человек снабжает продовольствием?» Away. Мы используем его. Мы заменяем его на платежную коробку «Больше товаров».

Добавьте в форму для проверки несколько элементов

Если вы используете поля оплаты в своей форме, не забудьте также ввести поле «Итого». Таким образом, ваша форма может показать клиенту общую сумму, которую он платит.

Просто перетащите поле «Итого» из поля «Платежи» в нужное место в вашей форме.

Добавить поле

Обязательно сохраните свою форму после внесения изменений.

Затем выберите платежный процессор для использования в вашей форме. WPForms могут быть легко интегрированы в PayPal и Stripe. Перейти, чтобы добавить один из них WPForms »Плагины в вашей панели управления WordPress.

Мы используем «Стандартный плагин PayPal» для нашей формы. Найдите его и нажмите кнопку «Установить плагин».

Установите плагин PayPal для WPForms

Теперь вернитесь к форме заказа ниже WPForms »Все формы,

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

Выберите платежные услуги для интеграции с вашей формой

Обязательно установите флажок «Включить платежи по умолчанию PayPal», чтобы включить эту функцию в своей форме.

Затем введите адрес электронной почты PayPal, который вы используете для своего ресторана. Оставьте «Режим» в «Производство» и «Способ оплаты» в «Товары и услуги».

Страница платежного средства PayPal для вашей формы

При желании вы можете изменить «Доставка» на «Адрес не запрашивается», поскольку клиент уже заполнил свой адрес в форме заказа.

Нажмите «Сохранить» в верхней части экрана.

Ваша форма теперь будет автоматически перенаправлять клиентов в PayPal после размещения заказа.

Добавьте онлайн форму покупок на ваш сайт

Наконец, добавьте форму, которую вы создали на свой сайт.

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

Дайте вашей странице название. Нажмите на знак (+), чтобы создать новый блок. Выберите блок «WPForms» в разделе «Виджеты» или введите «WPForms» в поле поиска.

Добавьте форму онлайн-заказа на страницу вашего сайта

Затем вы должны выбрать форму из выпадающего списка.

Выберите форму онлайн-заказа из выпадающего списка WPForms

Затем он автоматически добавляется на вашу страницу. Просто разместите (или обновите) свою страницу, чтобы разместить на своем сайте живую форму.

Мы рекомендуем вам проверить свою форму, чтобы убедиться, что она работает так, как ожидалось. Убедитесь, что вы получили сообщение электронной почты. В противном случае следуйте нашим инструкциям, чтобы исправить WordPress без отправки электронных писем.

Мы надеемся, что эта статья помогла вам создать онлайн-заказы еды для ресторанов. Вас также может заинтересовать наша статья о том, как создать деловую электронную почту и как получить виртуальный бизнес-номер для вашего сайта.

Если вам понравилась эта статья, подпишитесь на наш канал YouTube смотреть обучающие видео по WordPress. Вы также можете найти нас на Twitter и Facebook,