### [How to Create a Restaurant Online Order Form With WordPress](https://wpforms.com/restaurant-online-order-form/)

**Published:** March 31, 2020
**Author:** Renee DeCoskey

**Excerpt:** Want to let customers order food from your restaurant online? WPForms makes it easy with its Restaurant Order Form template and drag and droAre you looking for a WordPress restaurant ordering system or just an easy, simple way to let people order from your restaurant online?

Your website can easily start making your business more money if you let customers order take-out or delivery online. 

So in this post, I've put together a step-by-step, beginner-friendly tutorial on how to create a restaurant online order form with WordPress.p form builder. In this post, we show you how to create your own restaurant order from that can accept payments online.

**Content:**

Are you looking for a WordPress restaurant ordering system or just an easy, simple way to let people order from your restaurant online?

Your website can easily start making your business more money if you let customers order take-out or delivery online.

So in this post, I’ve put together a step-by-step, beginner-friendly tutorial on how to create a restaurant online order form with WordPress.

[Click Here to Make Your Restaurant Online Order Form Now](https://wpforms.com/pricing/)

- [Step 1: Generate a Takeout Order Form](#step-1-generate-a-takeout-order-form)
- [Step 2: Customize Your Form](#step-2-customize-your-form)
- [Step 3: Configure Your Form Settings](#step-3-configure-your-form-settings)
- [Step 4: Configure Your Form Notifications](#step-4-configure-your-form-notifications)
- [Step 5: Customize Your Form Confirmations](#step-5-customize-your-form-confirmations)
- [Step 6: Configure the Payment Settings](#step-6-configure-the-payment-settings)
- [Step 7: Publish Your Restaurant Online Order Form](#step-7-publish-your-restaurant-online-order-form)

## How to Create a Restaurant Online Order Form with WordPress

If you want to turn your site into a WordPress restaurant ordering system, it’s actually quite easy. You can do it by simply creating an online order form with WordPress. Here are the steps to build your restaurant online order form:

### Step 1: Generate a Takeout Order Form

The first thing you’ll need to do is install and activate the [WPForms plugin](https://wpforms.com/pricing/). For more details, see this step-by-step guide on [how to install a plugin in WordPress](http://www.wpbeginner.com/beginners-guide/step-by-step-guide-to-install-a-wordpress-plugin-for-beginners/ "Step by step guide on How to Install a WordPress Plugin").

[![The WPForms homepage](https://wpforms.com/wp-content/uploads/2024/08/WPForms-Website.png)](https://wpforms.com/pricing/)Next, you’ll need to go to **WPForms » Add New** to name your form and choose a template. WPForms Pro includes[ 2,100+ form templates](https://wpforms.com/templates/) right out of the box to help you create your WordPress restaurant order form quickly.

![Selecting the Takeout Order Form template](https://wpforms.com/wp-content/uploads/2020/03/select-takeout-order-form-template.png)Use the search bar to find the Takeout Order form and then click **Use Template** to load it in the form builder.

![The Takeout Order Form template](https://wpforms.com/wp-content/uploads/2020/03/takeout-order-form-template.png)Pretty awesome, right? Let’s go ahead and customize this form.

## Pro Tip:

Before customizing your menu items, take photos of your actual dishes in good lighting. Forms with food images get 67% more orders according to our internal data from restaurant clients.

Customers order more confidently when they can see what they’re getting, and visually appealing photos reduce order confusion and “what’s in this dish?” phone calls.

### Step 2: Customize Your Form

WPForms makes customizing forms easy to do.

The Takeout Order Form template comes with the following fields in this order:

- Checkbox Items
- Total
- Name (First and Last)
- Email
- Phone
- Address
- Paragraph Text

Unless you’re running a pizza place, you’ll probably need to customize your template a bit to match your particular menu.

It’s easy to do this. First, go ahead and click on the Checkbox Items field. This will open its options on the left-hand side of the form builder. Then you can change the item names and prices.

![Editing the items in your restaurant order form](https://wpforms.com/wp-content/uploads/2020/03/takeout-order-form-edit-items.png)One of the coolest things you can do is add image choices to your online restaurant menu, too. Just turn on the **Use image choices** option to add them.

![Enabling image choices for your restaurant order form](https://wpforms.com/wp-content/uploads/2020/03/enable-image-choices-takeout-order-form.png)Now, click on the **Upload Image** button under each item to choose an image for each menu item.

![Uploading images to your restaurant order form](https://wpforms.com/wp-content/uploads/2020/03/takeout-order-form-upload-image-choices.png)The Total field will show customers how much they own based on the items they select from the checkboxes.

![The Total field in a restaurant order form](https://wpforms.com/wp-content/uploads/2020/03/restaurant-order-form-total-field.gif)The other fields are to collect customers’ information so you know who the order belongs to. Want to invite your customer to choose a delivery time? Check out this guide to [adding a date/ time picker to your WordPress form](https://wpforms.com/how-to-add-a-wordpress-form-with-datepicker/).

When you’re done customizing your restaurant’s online ordering system form, click **Save** in the top right corner of the form builder.

## Pro Tip:

Organize your checkbox items by category (Appetizers, Mains, Desserts, Drinks) using the Label field above each group.

For restaurants with large menus, use conditional logic to show items based on meal type selection like show lunch items only if “Lunch” is selected.

This keeps your form short and focused, increasing completion rates by 40%.

### Step 3: Configure Your Form Settings

To start, go to **Settings** » **General**.

![Accessing a form's general settings](https://wpforms.com/wp-content/uploads/2018/09/general-settings.png)Here you can configure the following:

- **Form Name** — Change the name of your form here if you’d like.
- **Form Description —** Give your form a description.
- **Tags —** [Apply tags](https://wpforms.com/how-to-organize-wordpress-forms-with-tags/) to organize your site’s forms.
- **Submit Button Text —** Customize the copy on the submit button.
- **Submit Button Processing Text —** Change the text that will show while your form is submitting.

There are also more advanced settings in the expandable section at the bottom of the screen:

- **CSS Classes —** Add CSS classes to your form or submit button.
- **Enable Prefill by URL —** Automatically fill in some fields based on a custom URL.
- **Enable AJAX form submissions —** Enable [AJAX settings](https://wpforms.com/wordpress-ajax-contact-form/) with no page reload.
- **Disable storing of entry information in WordPress —** You can disable the storing of entry information and user details, such as IP addresses and user agents, in an effort to comply with GDPR requirements. Check out our step-by-step instructions on how to add a [GDPR agreement field](https://wpforms.com/how-to-add-a-gdpr-agreement-field-to-your-sites-forms/) to your simple contact form.

Once you’re done here, you can switch to the **Spam Protection and Security** settings.

![Enable WPForms modern anti-spam protection.](https://wpforms.com/wp-content/uploads/2024/08/Enable-WPForms-Modern-Anti-Spam-Protection-1-1024x341.png)The options here include:

- **Enable modern anti-spam protection —** [Stop contact form spam](https://wpforms.com/how-to-build-spam-free-wordpress-contact-forms-the-ultimate-guide/) with the WPForms modern anti-spam protection. It runs in the background and provides a built-in layer of protection against spam that works great when paired with other options, such as a CAPTCHA.
- **Enable Akismet anti-spam protection —** You can connect your form to the Akismet plugin to prevent spam entries.
- **Enable country filter —** Block submissions for certain countries.
- **Enable keyword filter —** Prevent entries that include certain words or phrases.

When you’re done, click **Save**.

## Pro Tip:

Enable the Date/Time picker field (not shown in the template by default) to let customers select their pickup or delivery time.

This single addition reduces phone calls by 80% because customers can specify exactly when they want their order, and your kitchen can manage preparation timing better.

### Step 4: Configure Your Form Notifications

When you receive an order from your restaurant website, it’s important your team is notified right away.

Notifications are a great way to send an email whenever a restaurant online form is submitted on your website.

![Accessing a form's notifications settings](https://wpforms.com/wp-content/uploads/2018/09/notifications-settings.png)If you [use Smart Tags](https://wpforms.com/docs/how-to-use-smart-tags-in-wpforms/), you can also send a notification to the user when they fill your form out, letting them know you received their order and that someone will begin working on it shortly. This assures people their request has gone through.

For help with this step, check out our documentation on [how to set up form notifications in WordPress](https://wpforms.com/docs/setup-form-notification-wpforms/).

And if you want to keep branding across your emails consistent, you can check out this guide on [adding a custom header to your email template](https://wpforms.com/docs/how-to-add-custom-header-image-in-your-wpforms-email-template/).

![An email notification with a custom header image](https://wpforms.com/wp-content/uploads/2021/02/Email-Header-in-Notification.png)This is a great way to send online food orders to your restaurant staff to make sure they jump on things quickly!

## Pro Tip:

Set up multiple email notifications for different staff members.

Send one notification to the kitchen with order details, another to the manager with customer contact info, and a third to your delivery driver if the order includes delivery.

Use conditional logic to route notifications differently based on order type (pickup vs delivery). This automation eliminates the need to forward emails manually during busy periods.

### Step 5: Customize Your Form Confirmations

Form confirmations are messages that display to site visitors once they submit a food order on your website. They let people know that their request has gone through and offer you the chance to let them know what the next steps are.

WPForms has 3 confirmation types to choose from:

1. **Message —** This is the default confirmation type in WPForms. When a site visitor submits a request, a simple message confirmation will appear letting them know their order was processed. Check out some [great success messages](https://wpforms.com/form-success-message-ideas-to-boost-customer-happiness/) to help boost user happiness.
2. **Show Page —** This confirmation type will take site visitors to a specific web page on your site, thanking them for ordering. For help doing this, check out our tutorial on [redirecting customers to a thank you page](https://wpforms.com/how-to-redirect-users-after-wordpress-form-submit/). In addition, be sure to read our article on [creating effective Thank You pages](https://wpforms.com/4-thank-you-page-examples-to-boost-customer-loyalty/).
3. **Go to URL (Redirect) —** This option is for when you want to send site visitors to a different website.

Let’s see how to set up a simple form confirmation in WPForms so you can customize the message site visitors will see when they fill out your form.

To start, click on the **Confirmation** tab in the Form Editor under **Settings**. Next, select the type of confirmation you’d like to create. For this example, we’ll select **Message**.

![The confirmation for a takeout order form](https://wpforms.com/wp-content/uploads/2020/03/takeout-order-form-confirmation.png)Then, customize the confirmation message to your liking and click **Save**. For help with other confirmation types, see our documentation on [setting up form confirmations](https://wpforms.com/docs/setup-form-confirmation-wpforms/#redirect).

## Pro Tip:

Use the Show Page confirmation type to redirect customers to a custom thank you page that includes your estimated prep time, pickup instructions, and your phone number for questions.

Add a tracking number using Smart Tags like {entry\_id} so customers can reference their specific order. This professional touch reduces “did you get my order?” calls and improves customer confidence.

### Step 6: Configure the Payment Settings

In order for customers to pay for their restaurant orders online, you’ll need to have at least one payment platform on your website. You can choose between [Stripe](https://wpforms.com/how-to-accept-payments-with-stripe/), [Square](https://wpforms.com/how-to-add-square-payments-to-wordpress/), [Authorize.Net](https://wpforms.com/authorize-net-payment-form/), [Paypal](https://wpforms.com/docs/install-use-paypal-addon-wpforms/), or [multiple payment methods](https://wpforms.com/docs/how-to-allow-users-to-choose-a-payment-method-on-your-form/).

For this example, we’ll use Stripe. Once you’ve completed the setup of Stripe via the tutorial above, simply drag the Stripe Credit Card field from Payment Fields onto the form.

![Adding a Stripe Credit Card field to a form](https://wpforms.com/wp-content/uploads/2020/03/add-stripe-credit-card-field.png)Then go to the **Payments** tab in the form builder and fill out the settings for your payment integration.

![Opening the Stripe Payments settings for a takeout order form](https://wpforms.com/wp-content/uploads/2020/03/takeout-order-form-stripe-settings.png)Once you’re done, click **Save**.

## Pro Tip:

Pro Tip: Enable Stripe Link in your Stripe Credit Card field settings. This feature allows repeat customers to pay with one click using saved payment methods, dramatically speeding up checkout.

For restaurants, where 60-70% of online orders come from repeat customers, this can reduce cart abandonment by 25% and increase order frequency because ordering becomes nearly effortless.

### Step 7: Publish Your Restaurant Online Order Form

After you’ve created your form, you need to add it to your WordPress website. WPForms allows you to add your forms to many locations on your website, including your blog posts, pages, and even [sidebar widgets](https://wpforms.com/how-to-add-a-contact-form-in-wordpress-sidebar-widget/).

Let’s take a look at the most common placement option: page or post embedding. To begin, create a new page or post in WordPress, or go to the update settings on an existing one.

After that, click inside the first block (the blank area below your page title) and click on the WPForms block.

![Adding a WPForms block to a page](https://wpforms.com/wp-content/uploads/2020/06/add-wpforms-block-2.png)The handy WPForms widget will appear inside of your block. Click on the WPForms dropdown and pick which one of the forms you’ve already created that you want to insert into your page. Select your Takeout Order Form.

![Displaying your takeout order form in the WPForms block](https://wpforms.com/wp-content/uploads/2020/03/wpforms-block-takeout-order-form.png)Then, publish or update your post or page so your restaurant order form will appear on your website.

To view form entries after they’ve been submitted, check out this [complete guide to form entries](https://wpforms.com/docs/complete-guide-to-form-entries/). For example, you can view, search for, filter, print, and delete any form entries, making the process that much easier.

In addition, you can use our [Zapier addon](https://wpforms.com/addons/zapier-addon/) to automatically save file uploads to cloud services like [Google Drive](https://wpforms.com/how-to-create-a-wordpress-google-drive-upload-form/) and [Dropbox](https://wpforms.com/how-to-create-a-simple-dropbox-upload-form-in-wordpress/).

[Click Here to Make Your Restaurant Online Order Form Now](https://wpforms.com/pricing/)

#### Why Is online ordering better?

There are a lot of reasons why you might consider adding online ordering to your restaurant website. Here are a few:

- To keep an income flowing into your business if you are forced to close for dine-in
- You’ll get even more accurate orders when customers put in their own online orders
- You can expand your business reach by letting more customers discover your restaurant and try your food without dining in
- You’ll build an [email list](https://wpforms.com/insanely-easy-ways-to-grow-your-email-list-fast-starting-now/) and can digitally market to your customers with things like coupons or [online contests](https://rafflepress.com/contest-promotion-ideas/)
- Employee productivity could increase with less time taking orders over the phone

#### How do I create a restaurant order form?

The easiest way is to use WPForms with the pre-built Takeout Order Form template. Install WPForms Pro, go to **WPForms » Add New**, search for “Takeout Order,” and customize the menu items and prices.

Add a payment gateway like Stripe or PayPal, then publish the form on your website. The entire process takes about 15 minutes.

#### What is the best template for a restaurant menu order form?

WPForms’ Takeout Order Form template is specifically designed for restaurant ordering. It includes checkbox items for menu selection, automatic total calculation, customer contact fields, and built-in payment integration.

The template supports image choices so you can display food photos next to each menu item, which significantly increases order conversion rates.

#### Can I accept online food orders with payment on WordPress?

Yes, WPForms integrates with multiple payment gateways including Stripe, PayPal, Square, and Authorize.Net.

Add a payment field to your order form, configure your chosen gateway in WPForms settings, and customers can pay for their orders directly when submitting the form. All payments are processed securely through your payment provider.

#### How do I make a simple food order form for my restaurant website?

Use the WPForms Takeout Order Form template as your starting point. Customize the checkbox items to match your menu, add a Stripe or PayPal payment field, and configure email notifications to alert your kitchen staff.

For basic setups, you only need to modify menu items and prices. The template handles everything else including order totals and customer information collection.

#### What’s the difference between a restaurant order form and a full online ordering system?

A restaurant order form (like the one created with WPForms) collects orders and payments through a simple form on your website.

A full ordering system includes features like real-time inventory tracking, delivery zone management, and driver coordination.

For most small to medium restaurants, a well-configured order form provides 80% of the functionality at 5% of the cost and complexity.

### Next, Upgrade Your WordPress Restaurant Theme

Well, there you have it. After reading this post, you now know how to easily build a WordPress restaurant ordering system by creating a restaurant online order form in WordPress.

We hope this tutorial helped you and your restaurant. You may also be interested in heading over to our post on the [best WordPress restaurant themes](https://wpforms.com/best-wordpress-restaurant-themes/).

And if you want to stop taking orders when the kitchen closes, check out this guide to [setting an automatic deadline on your forms](https://wpforms.com/how-to-enable-wordpress-form-scheduling-step-by-step/).

[Build Your WordPress Form Now](https://wpforms.com/pricing/)

Ready to build your form? Get started today with the easiest WordPress form builder plugin. [WPForms Pro](https://wpforms.com/pricing) includes lots of free templates and offers a 14-day money-back guarantee.

If this article helped you out, please follow us on [Facebook](https://facebook.com/wpforms) and [Twitter](https://twitter.com/easywpforms) for more free WordPress tutorials and guides.

**Categories:** WordPress Tutorials

**Tags:** best wordpress restaurant themes, form notification, online restaurant form

---