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.
They offer a free domain name, free SSL, and 63% 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
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.
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.
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.
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.
If you want to delete a certain field, You can click on the Delete icon that appears on the field.
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.
Now click on this field and start editing each of the fields on your left-hand side.
You can also add images of your food if you want. For that, you need to check the Use Image Choice box.
Upon doing that, you’ll see the Upload Image button after each dish name. Just use this option to add your images.
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.
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.
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.
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.
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.
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.
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.
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.