WPBeginner

Beginner's Guide for WordPress

  • Blog
    • Beginners Guide
    • News
    • Opinion
    • Showcase
    • Themes
    • Tutorials
    • WordPress Plugins
  • Start Here
    • How to Start a Blog
    • Create a Website
    • Start an Online Store
    • Best Website Builder
    • Email Marketing
    • WordPress Hosting
    • Business Name Ideas
  • Deals
    • Bluehost Coupon
    • SiteGround Coupon
    • WP Engine Coupon
    • HostGator Coupon
    • Domain.com Coupon
    • Constant Contact
    • View All Deals »
  • Glossary
  • Videos
  • Products
X
☰
Beginner's Guide for WordPress / Start your WordPress Blog in minutes
Choosing the Best
WordPress Hosting
How to Easily
Install WordPress
Recommended
WordPress Plugins
View all Guides

WPBeginner» Blog» Tutorials» How to Set Up Online Food Ordering for Restaurants in WordPress

How to Set Up Online Food Ordering for Restaurants in WordPress

Last updated on April 4th, 2020 by Editorial Staff
200 Shares
Share
Tweet
Share
Pin
Free WordPress Video Tutorials on YouTube by WPBeginner
How to Set Up Online Food Ordering for Restaurants in WordPress

Do you want to set up online food ordering for your restaurant? Whether it’s a brand new venture, or you’ve been serving customers in person for years, offering food delivery can help boost your profits.

Setting up an online food ordering service may sound too technical. The good news is that it is quite easy to set up.

In this guide, we will share how to setup online food ordering for restaurants using WordPress, step by step.

Setting up online food ordering for restaurants

Video Tutorial

Subscribe to WPBeginner

If you’d prefer written instructions, just keep reading.

What You Need to Set up Online Food Ordering

You will need a website to set up online food ordering for your restaurant.

If you don’t have a website yet, don’t worry. You can easily start a website using WordPress, which is the best website builder in the world used by millions of small businesses.

Creating a website isn’t going to eat too much into your profit margin, either. Bluehost, one of WordPress’s recommended hosting providers, is offering our readers a great deal.

Basically, you can get a free domain name, free SSL, and a 60% off discount on web hosting.

→ Click Here to Get this Exclusive Bluehost Deal ←

Transparency Disclaimer: WPBeginner content is reader-supported, which means if you click on some of the links in this post, we may earn a small referral fee. Please know that we only recommend products that we use ourselves and/or believe will add value to our readers. See how WPBeginner is funded for more details.

There are loads of great WordPress themes for restaurants available. A theme is like a template for your website. Choosing a good one will help your site look professional and reputable, encouraging customers to order from you.

If you need some help setting up your website, take a look at our comprehensive step by step guide on how to start a website.

Adding Online Food Ordering to Your Website

Once you’ve got your WordPress website set up, you can easily add an online form so that customers can order food.

Now there are multiple ways to do this with WordPress.

However, the easiest way to do this is by using WPForms. It is the best WordPress form builder and allows you to easily create online forms on your website (no coding required).

First, you’ll need to install and activate the WPForms plugin. If you’re not sure how to do that, check out our full instructions on how to install a WordPress plugin.

Upon activation, you need to visit WPForms » Settings page to enter your license key. You can find this information under your account on WPForms website.

Enter your license key for WPForms

You’ll then want to install the ‘Form Templates Pack’ addon to make it as easy as possible to create your form. Note that you’ll need the ‘Pro’ level of WPForms to use this template.

To install the addon, go to WPForms » Addons. Scroll down to find the ‘Form Templates Pack Addon’ then click ‘Install Addon’ beneath it.

The 'Form Templates Pack' addon for WPForms

Next, go to WPForms » Add New page in your WordPress dashboard to create your online food ordering form.

Creating a new form using WPForms

Type in a name for your form. You can call it whatever makes sense to you. Customers won’t see this title unless you want them to.

Naming your online food order form

Next, scroll down the screen to the section titled ‘Additional Templates’ and select the ‘Takeout Order Form’. There are quite a lot of templates, so you might want to search for it.

Find and select the 'Takeout Order Form' template

Click on the template and your form will be automatically created for you.

The newly created takeout delivery form, with default fields

As you can see, this form is designed for pizza takeout. You can change it in any way you want, though. Simply click on a field (a part of the form) to edit it.

We’re going to edit the ‘What type of pizza would you like?’ field at the top of the form.

Editing a form field in WPForms

You can change the label for the field. This is the question or prompt for the customer to answer. You can also change the choices and remove or add them using the (+) and (-) buttons.

Changing the label and options for a field

You can also add more fields to your form. For instance, you’ll likely want to add a field so customers can specify what time they want their delivery.

To add a field, click on the ‘Add Fields’ tab on the left-hand side of your screen. Scroll down to the ‘Fancy Fields’ section and find the ‘Date / Time’ field.

Drag and drop this field to wherever you want it on your form.

Adding a date / time field to WPForms

As before, you can click on the field to edit it. You’ll likely want to change the label. If you only accept same-day delivery orders, you’ll want to change the ‘Format’ to ‘Time’ only, too.

Changing the date / time field so that it only shows time

In the ‘Advanced’ options for the field, you can choose to change the different intervals offered. The options are 15 minutes, 30 minutes, or 1 hour.

It’s a good idea to make the ‘Address’ field for your form mandatory. By setting a field as ‘Required’, you prevent the customer from submitting the form until they complete it.

Just click on the ‘Address’ field to edit it, then check the ‘Required’ box on the left hand side of the screen.

Making the address a required field on your form

When you’ve finished creating your form, click ‘Save’ at the top of the screen before moving on to the next step.

Save your online food order form

Setting Up Notifications for Your Food Ordering Form

You’ll need to make sure that orders are coming through to the right people. WPForms automatically sends out an email to the administrator for your website, but that might not be where you want orders to go.

Click on the ‘Settings’ tab on the left-hand side of your screen. Click ‘Notifications’ and you’ll see the default notification on the right.

Viewing the notifications for your online food order form

You may want to change the ‘Send to Email Address’ so that it’s different from your website administrator’s email. You can simply delete {admin_email} and enter one or more email addresses here. Make sure you separate multiple email addresses with a comma.

Enter the email addresses you want the form to be sent to, separated with commas

You may also want to change the subject line so that your orders don’t all have the exact same subject. You can easily include the customer’s name in the subject line using Smart Tags.

Just click on ‘Smart Tags’ and scroll down to ‘Name’. Click on that and WPForms will insert the correct code for it into your subject line. In this case, that’s {field_id="3"}.

Change the email subject line for your notification

Once you’re happy with the notification, click ‘Save’ at the top of the screen.

Tip: WPForms saves form entries in the WordPress database, so don’t worry if you accidentally delete an order from your email inbox. To see all orders, go to WPForms » Entries in your dashboard. Click on the name of your form to view the orders.

You’ll likely also want to set up an email notification for your customers. You can do this by clicking the ‘Add New Notification’ button.

Click the 'Add New Notification' button to create a new notification

You’ll be prompted to enter a name for the notification. You can use whatever makes sense to you here. The customer won’t see it.

Entering a name for the notification that'll be sent to the customer

To send the email to the customer, delete {admin_email} from the ‘Send To Email Address’ box and use ‘Show Smart Tags’ to select the ‘Email’ field.

Setting up the customer receipt so that it will be emailed to the customer

Next, you’ll want to change the email subject line and your details. Simply type in whatever you want to use here.

Edit the name and email address that customers will see on your emails

You may also want to edit the email that the customer receives. By default, all it will show is the information they entered. You could add a message like this:

Editing the text of the email that your customers will receive

Once you’re happy with the customer notification, click ‘Save’ at the top of the screen.

Tip: To get back to the first notification you were editing, just scroll down.

Editing the Confirmation Message Your Customer Sees

When your customer completes the form, WPForms will show them a message to confirm that the form was submitted successfully.

You can edit this message by going to Settings » Confirmations. Just type whatever message you want into the box. You can even use the visual editor to format this message.

Creating a confirmation message that your customer will see after submitting the form

You can also choose to change the ‘Confirmation Type’ and send the customer to a thank you page, if you want.

Taking Payment Through Your Food Ordering Form

The standard takeout form isn’t set up for payments. That’s fine if you only accept cash on delivery. However, in some situations you might prefer to take online payment upfront from the customer.

If you want to take payments, you’ll need to set up your form with special fields that can calculate how much the customer owes. You’ll also need to integrate your form with a payment processor such as PayPal.

First, go to the ‘Fields’ tab to change your form itself. Click ‘Add Fields’ and scroll down to the ‘Payment Fields’ section. Replace any of your fields that list prices with one of the ‘Item’ fields.

The various payment fields available in WPForms

On our form, we’ve removed the original ‘How many people is the meal deal for?’ field that we were using. We’ve replaced it with the ‘Multiple Items’ payment field.

Adding a multiple items payment field to your form

When you’re using payment fields on your form, you need to make sure you include a ‘Total’ field too. This is so your form can show the customer the total they’ll pay.

Again, simply drag and drop the ‘Total’ field from ‘Payment Fields’ to wherever you want it on your form.

Adding the 'Total' field to your order form

Make sure you save your form after making changes.

Next, you’ll need to choose a payment processor to use with your form. WPForms integrates seamlessly with PayPal and Stripe. To add either of these, go to WPForms » Addons in your WordPress dashboard.

We’re going to use the ‘PayPal Standard Addon’ for our form. Find it and click the ‘Install Addon’ button.

Installing the PayPal addon for WPForms

Now, go back to your food ordering form, under WPForms » All Forms.

Click on the ‘Payments’ tab of your form and select the payment integration you want to use.

Select the payment service(s) to integrate with your form

Make sure you check the box ‘Enable PayPal Standard payments’ to activate this feature for your form.

Next, you’ll need to enter the PayPal email address that you’re using for your restaurant. Leave ‘Mode’ set to ‘Production and ‘Payment Type’ set to ‘Products and Services’.

The PayPal payment settings page for your form

You can change ‘Shipping’ to ‘Don’t ask for an address’ if you want, as the customer will have already filled in their address on the order form.

Click ‘Save’ at the top of the screen.

Your form will now automatically redirect customers to PayPal after they submit their order.

Adding the Online Food Ordering Form to Your Site

Finally, you need to add the form you’ve created to your website.

First, you’ll need to choose an existing page or create a new page for the form to go on. To create a page, go to Pages » Add New in your WordPress dashboard.

Give your page a title. Click on the (+) sign to create a new block. Select the ‘WPForms’ block from the ‘Widgets’ section or type ‘WPForms’ into the search bar.

Adding your online order form to a page on your website

Next, you’ll need to select your form from the dropdown list.

Selecting your online order form from the the WPForms dropdown list

It’ll then be automatically added to your page. Simply publish (or update) your page to put the form live on your website.

We recommend testing out your form to make sure it’s working as expected. Check that you receive the email notification. If not, follow our instructions to fix the WordPress not sending email issue.

We hope this article helped you learn how to set up online food ordering for restaurants. You might also be interested in our article on how to create a business email, and how to get a virtual business phone number for your website.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

200 Shares
Share
Tweet
Share
Pin
Popular on WPBeginner Right Now!
  • Checklist

    Checklist: 15 Things You MUST DO Before Changing WordPress Themes

  • Google Analytics in WordPress

    How to Install Google Analytics in WordPress for Beginners

  • How to Properly Move Your Blog from WordPress.com to WordPress.org

  • How to Start Your Own Podcast (Step by Step)

    How to Start Your Own Podcast (Step by Step)

About the Editorial Staff

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi. Trusted by over 1.3 million readers worldwide.

The Ultimate WordPress Toolkit

6 Comments

Leave a Reply
  1. J.Vedovelli says:
    Jun 27, 2020 at 9:07 am

    Hello,

    First of all thank you for this video.

    I need a WordPress website for my restaurant, it is possible to download a app to my restaurant’s tablet so all orders can be seen to my team ?

    Reply
    • WPBeginner Support says:
      Jun 30, 2020 at 10:28 am

      That would depend on what tools you are using for orders normally.

      Reply
  2. Brad says:
    May 14, 2020 at 5:41 pm

    How do you calculate taxes ? Is this done in stripes side?

    Reply
    • WPBeginner Support says:
      May 15, 2020 at 8:54 am

      You would want to include tax in the individual product cost for the moment with this method.

      Reply
  3. Mark says:
    Apr 29, 2020 at 9:42 am

    Hello,

    Great guide. Will this work with the free version of WP Forms?

    Thanks,

    Reply
    • WPBeginner Support says:
      Apr 29, 2020 at 10:17 am

      The method we cover in this guide is for using the paid version of the plugin and would not be for the free version.

      Reply

Leave a Reply Cancel reply

Thanks for choosing to leave a comment. Please keep in mind that all comments are moderated according to our comment policy, and your email address will NOT be published. Please Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.

Over 1,320,000+ Readers

Get fresh content from WPBeginner

Featured WordPress Plugin
All in One SEO logo
All in One SEO
Improve website SEO rankings with AIOSEO plugin. Learn More »
How to Start a Blog How to Start a Blog
I need help with ...
Starting a
Blog
WordPress
Performance
WordPress
Security
WordPress
SEO
WordPress
Errors
Building an
Online Store
Useful WordPress Guides
    • 7 Best WordPress Backup Plugins Compared (Pros and Cons)
    • How to Fix the Error Establishing a Database Connection in WordPress
    • Why You Need a CDN for your WordPress Blog? [Infographic]
    • 30 Legit Ways to Make Money Online Blogging with WordPress
    • Self Hosted WordPress.org vs. Free WordPress.com [Infograph]
    • Free Recording: WordPress Workshop for Beginners
    • 24 Must Have WordPress Plugins for Business Websites
    • How to Properly Move Your Blog from WordPress.com to WordPress.org
    • 5 Best Contact Form Plugins for WordPress Compared
    • Which is the Best WordPress Popup Plugin? (Comparison)
    • Best WooCommerce Hosting in 2020 (Comparison)
    • How to Fix the Internal Server Error in WordPress
    • How to Install WordPress - Complete WordPress Installation Tutorial
    • Why You Should Start Building an Email List Right Away
    • How to Properly Move WordPress to a New Domain Without Losing SEO
    • How to Choose the Best WordPress Hosting for Your Website
    • How to Choose the Best Blogging Platform (Comparison)
    • WordPress Tutorials - 200+ Step by Step WordPress Tutorials
    • 5 Best WordPress Ecommerce Plugins Compared
    • 5 Best WordPress Membership Plugins (Compared)
    • 7 Best Email Marketing Services for Small Business (2020)
    • How to Choose the Best Domain Registrar (Compared)
    • The Truth About Shared WordPress Web Hosting
    • When Do You Really Need Managed WordPress Hosting?
    • 5 Best Drag and Drop WordPress Page Builders Compared
    • How to Switch from Blogger to WordPress without Losing Google Rankings
    • How to Properly Switch From Wix to WordPress (Step by Step)
    • How to Properly Move from Weebly to WordPress (Step by Step)
    • Do You Really Need a VPS? Best WordPress VPS Hosting Compared
    • How to Properly Move from Squarespace to WordPress
    • How to Register a Domain Name (+ tip to get it for FREE)
    • HostGator Review - An Honest Look at Speed & Uptime (2020)
    • SiteGround Reviews from 4196 Users & Our Experts (2020)
    • Bluehost Review from Real Users + Performance Stats (2020)
    • How Much Does It Really Cost to Build a WordPress Website?
    • How to Create an Email Newsletter the RIGHT WAY (Step by Step)
    • Free Business Name Generator (A.I Powered)
    • How to Create a Free Business Email Address in 5 Minutes (Step by Step)
    • How to Install Google Analytics in WordPress for Beginners
    • How to Move WordPress to a New Host or Server With No Downtime
    • Why is WordPress Free? What are the Costs? What is the Catch?
    • How to Make a Website in 2020 – Step by Step Guide
Deals & Coupons (view all)
SeedProd Logo
SeedProd Coupon
Get 50% OFF SeedProd Coming Soon Page plugin for WordPress.
Cozmoslabs
Cozmoslabs Coupon
Get 15% OFF on Cozmoslabs WordPress premium plugins.
Featured In
About WPBeginner®

WPBeginner is a free WordPress resource site for Beginners. WPBeginner was founded in July 2009 by Syed Balkhi. The main goal of this site is to provide quality tips, tricks, hacks, and other WordPress resources that allows WordPress beginners to improve their site(s).
Join our team: We are Hiring!

Site Links
  • About Us
  • Contact Us
  • FTC Disclosure
  • Privacy Policy
  • Terms of Service
  • Free Blog Setup
  • Free Business Tools
Our Sites
  • OptinMonster
  • MonsterInsights
  • WPForms
  • SeedProd
  • Nameboy
  • RafflePress
  • Smash Balloon

Copyright © 2009 - 2021 WPBeginner LLC. All Rights Reserved. WPBeginner® is a registered trademark.

Managed by Awesome Motive | WordPress hosting by SiteGround | WordPress CDN by MaxCDN | WordPress Security by Sucuri.