How to Set Up Online Food Ordering for Restaurants

setting up food ordering for restaurants

Want to set up an online food ordering service for your restaurant?

With an online food ordering setup, you can get your food delivered to your clients at any time and at any place without having to pay a third-party delivery service. Plus, your customers can relish your food even without stepping into your restaurant.

In this article, we’ll show you how to set up an online food ordering service for your restaurant, step by step.

Step 1: Setting Up a Website for Online Food Delivery

The first thing you need to do is to set up your restaurant website.

In order to build a website from scratch, you need to select a domain name and a web hosting company where you can host your website.

When you’re starting out, building a website may seem like a lot of expense. That’s why we recommend Bluehost, which is an officially recommended WordPress hosting provider by WordPress.org.


They offer a free domain name, free SSL, and 65% OFF web hosting. Check out our complete Bluehost review.

Here’s a DETAILED guide on how to create a restaurant website.

Step 2: Installing the WPForms Plugin


Once your website is ready, you need to install the WPForms plugin on your website. Here’s how to install a plugin in WordPress.

The next step is to install the Form Templates Pack addon.

To install this addon, go to your dashboard and click on WPForms » Addons. Now using the search field, look for the Form templates pack addon.

form templates pack

You can now click on the Install Addon button followed by the Activate button for the addon to start working. By adding this addon, you can have access to a number of pre-built templates designed specifically for order forms.

Step 3: Creating Your Takeout Form

The next step is to create a food online delivery form. For that click on WPForms » Add New. Now you’ll be redirected to a new screen. Scroll down this page to find the Additional Templates option. Using the search field available, look for the Takeout Order Form.

Takeout order form, wpforms

Hover over this option and click on it. You will now be on your form builder page with the fields on your left and the real view of your form on your right.

Takeout form, WPForms

You can now customize your form to meet your requirements.

Step 4: Customizing Your Order Form

It’s easy to customize your order form created with WPForms. Just click on the field you want to edit and customize it on the left side of your screen. For example, suppose you want to edit your first field. Just click on it. You’ll now see the field options on your left.

WPForms edit

If you want to delete a certain field, You can click on the Delete icon that appears on the field.

WPForms edit

If you don’t sell anything like cakes or pizza, no worries! You can customize your form the way you want. Just use the Delete icon for the 1st two fields and remove them from your field.

Now on your left, you’ll see an option called Multiple Items. Just drag and drop this field into your form.

WPForms take out form

Now click on this field and start editing each of the fields on your left-hand side.

WPForms edit take away forms

You can also add images of your food if you want. For that, you need to check the Use Image Choice box.

WPforms order form

Upon doing that, you’ll see the Upload Image button after each dish name. Just use this option to add your images.

food images wpforms

After adding your items, you need to add one more field to your form. This is the Total field. You can find this option on your left by scrolling a little below the Multiple Field option. Drag this option and drop it in your field anywhere you want.

But before that don’t forget to switch to the Add Fields tab.

Total field, WPForms

Once done, you can go ahead and start configuring your form.

Step 5: Configuring Your Food Ordering Form

The next step is to configure your order form with WPForms. For that, you need to go to Settings » General.

WPForms configure

You’ll see various options here. Depending on your requirements, you can customize all the fields that you want in this step. You can also check the Enable anti-spam honeybot and Enable Ajax form submission option.

Don’t forget to click on the Save button when you’re done.

Step 6: Configuring Your Form Notification

The next step is to configure your form notification with WPForms. You can configure how you need to be notified. For that, go to the Notification tab.

WPForms notification

In the 1st field add the email address of anyone in your team who would take care of the orders. You can fill out the rest of the fields as per labeled and in the end, add a message for your users too. You can also use smart tags to let your customers know that the order has been received and will be delivered shortly.

Here’s more about setting up notifications in your order form.

Step 7: Customizing Your Form Confirmation Message

The next step is to customize your form confirmation message. For that go to the Confirmation tab. Here, under the Confirmation type you have 3 options:

  • Message: By selecting this option you can show a specific message to your users.
  • Show Page: This message shows your customers a specific page on your site.
  • Go to URL: This one will redirect your customers to a new URL. This is helpful if you want to direct them to another website.

Let’s select Message and then add a message to the Confirmation Message field.

Confirmation message, WPForms

You can select the option you want and hit the Save button on the top right corner of your screen.

Step 8: Configuring Payment Settings

Let’s now work on configuring the payment settings. This option makes collecting payments from your customers easy.

For configuring this option, go to the Payments tab. You can either collect your payments via PayPal or Stripe or both. To add the payment option you need to first install the payment addons.

Let’s use PayPal to collect payments here. So click on Addon Page.

Payment options wpforms

Now using the search field, look for the PayPal addon option. Upon finding it, click on the Install addon followed by the Activate button. You’ll now see the PayPal Standard option on your Payments tab.

Now select the checkbox next to Enable PayPal Standard Payments. In the next field, add your PayPal email address. Under Mode select Production. Under the Payment Type option, select Products and Services. Under Shipping Address, select Ask for an address and require it option from the dropdown.

WPForms Builder Payments

Now click on the Save button on the top right corner of your screen.

Step 9: Displaying Your Online Food Ordering Form

The final step is to display your order form on your WordPress website. For that, go to the page or post where you want to add your order form. Now using the + sign, look for WPForms.

Order forms

You can use the search field to find it easily. Once found select it. Using the dropdown arrow next to WPForms, select the form that you just created. Now hit the Publish button to publish the article with your form.

That’s it! Your food ordering form should be live on your website. If you want to learn more about WPForms, read our detailed review on the WPForms plugin here.

Comments  Leave a Reply

Add a Comment

We're glad you have chosen to leave a comment. Please keep in mind that all comments are moderated according to our privacy policy, and all links are nofollow. Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.

WordPress Launch Checklist

The Ultimate WordPress Launch Checklist

We've compiled all the essential checklist items for your next WordPress website launch into one handy ebook.
Yes, Send Me the Free eBook!