How to Build a Food Delivery Website Using WordPress Easily

food-delivery-site-using-WordPress

Getting food delivery from various food delivery services and enjoying the delicacies have become the culture these days. Especially in the time of COVID-19, the trend of getting food delivered to home has increased to its highest peak.

Food-lovers just place the order in food delivery apps on their devices, and within a very short time, their desired foods are delivered. So, the necessity of creating and utilizing food delivery websites is increasing day by day, and in that case, creating a food delivery website by installing plugins like FoodBook Plugin on WordPress can give a proper solution.

To the entire post, you’ll walk through how you can build a food delivery website easily using WordPress. So, don’t skip a word here, if you’re planning to do so.

How to Build a Food Delivery Website Using WordPress

Building a food delivery website through WordPress is not a mammoth task anymore. You can do it correctly and effectively with the FoodBook Online Food Ordering Delivery System plugin. It is easy to use, and users can customize the plugin according to their needs and preferences. 

It is compatible with any WordPress and WooComerce theme. You have to go through some inter-related, sequential steps to accomplish the job of making a food delivery website through WordPress using the FoodBook plugin. 

Here we will discuss the steps with relevant screenshots of how to set all things up. You will be wondering to see how easily you can build a food delivery website using FoodBook plugin!

Suggested Read: FoodBook | Online Food Ordering and Delivery System for WordPress with One-Click Order Printing

The Things You’ll Need to Create A Food Delivery Website Using FoodBook Plugin on Your WordPress

In the very first place, you need to have a WordPress site of your own. And then, you need to install and activate the FoodBook plugin by ThemeLooks on your WordPress. Lastly, you need to import theme demo data to your site. Well, you are ready to go!

Sounds pretty much easy, right? Yes, it is.

Well, you’ll find all the instructions as a well-sorted document in the below-provided link. All the FAQs are being answered there for your convenience.

Well-sorted Documentation: 

https://themelooks.net/documentation/plugin/foodbook/

It’s mentionable, you must install the WooCommerce Plugin before using the FoodBook plugin. Because FoodBook’s WooCommerce quick order branch management system depends on the WooCommerce plugin.

However, the easiest way to do this is by using FoodBook. It is one of the best plugins for food delivery website creation and allows you to easily create food ordering features on your website.

Here are the step-by-step process of adding FoodBook plugin on your WordPress site is given below with relevant screenshots. Okay, let’s get started without wasting any time.

Installing and Activating the FoodBook Plugin 

At first, you need to download the plugin as a zip file. Download the ‘FoodBook’ plugin from the ‘Codecanyon’ site. 

After downloading the plugin on your devices, you can manually upload it and install it through the Plugins admin screen.

Go to the ‘Plugin’ section on the WordPress dashboard. Click on Plugins and select Add New.

click-on-plugin-and-select-add new

  • Click the ‘Upload Plugin’ button at the top of the screen.
  • Select the Zip File from your local devices. 
  • Hit the ‘Install Now’ button at the top of the screen.

After the installation is complete, you’ll see the “Plugin Installed Successfully” message. Click the Activate Plugin button at the bottom of the page.

activate-plugin-and-build-food-delivery-website

After clicking on the ‘Activate Plugin’ button, a new page will be opened up with the ‘Activate License’ button. You’ve to click on the button.

activate-license

After that, a page will come up titled ‘FoodBook Licensing.’ There you’ve to copy and paste the license number you’ve got after purchasing the ‘FoodBook Plugin’ from Codecanyon.

foodbook-licensing-copy-and-paste-licensing-code

Well, installing and activating the FoodBook plugin is completed on your WordPress site successfully. There are two more things you need to do, let’s move further.

Install Required Plugins through FoodBooks’ Pre-installed Theme

The good news is, you’ll get a pre-installed theme with FoodBook plugin for your food delivery WordPress website. When you activate the theme, you’ll be getting some required plugins list with the theme that you need to install as well.

Installing those plugins is mandatory to operate your website properly. No worries, the process is as easy as pie. Let’s see what needs to be done.

To install the themes, go to the Appearance section from the Dashboard and you’ll see the below-resulting page. Choose the theme file from your local device where your FoodBook plugin is, and let’s go to the next step.

choose-file-and-upload-the-plugin

Well, once the theme uploading is complete, please Activate the theme on your WordPress site with just a click. Follow the below-resulting page. By doing so, a FREE provided theme with FoodBook will be installed.

activate-the-theme

Well, now comes the most crucial part. For operating a website properly, there are several plugins will be required. And, it’s time to install those plugins.

After the theme is being installed, you’ll get a below-resulting page on your WordPress dashboard. Click the below mark section ‘Begin installing plugins’.

begin-installing-plugin-for-food-delivery-website

Well, now you’ll be seeing a page like the below one. Here you’ll see the list of plugins that needs to be installed for running your food delivery website without any bugs. Okay, now select all plugins and install them. Finally, tap on Apply to get all things done to complete this step.

select-all-plugin-and-install

After a few moments, all plugins will be installed automatically to your food delivery site. And click the below-marked section at the bottom of the page to proceed further.

plugins-installed-and-return-back

Finally, you’re at the last step of installing the required plugins for your site. For completing the process tap on Apply after selecting All Plugin and Active Action.

select-all-plugin-and-activate

Let’s Import Theme Demo Data

FoodBook Theme provides a one-click demo import system. So you can import demo data easily like that was shown on our demo site. 

Before installing demo data you should install all required plugins and an active FoodBook plugin license.

In this step, you need to go to the ‘Appearance’ option and click it. Then, you have to just click on the ‘Import’ button from the below-resulting pop-out screen. 

By doing so, your food delivery website will be ready to go. You don’t need to do anything on your own. The dynamic demo data will be applied to your site. And you’ll be ready to run your online food ordering and delivery business.

import-demo-data

Well, that’s how it’s done. In case you choose any other themes for your food delivery website then you should need some customization as well, not much. So, from this point, you’ll get to know each and every feature of FoodBook in detail. 

Additionally, the little customization things if you choose any other theme for your food delivery WordPress website. However, we’ll try to cover all the pretty amazing features you’ll get with the FoodBook plugin. Let’s get started.

Suggested Read: Online Food Ordering System for Restaurants

Astounding Features of FoodBook: A Online Food Ordering and Delivery System

In the case of talking features of FoodBook then there’ll be plenty of. These features make FoodBook the best food ordering and delivery system in the market by which anyone can easily build a food delivery website. Well, let’s have a look what are the things that make FodBoook what actually it is.

FoodBook Shortcode

A shortcode is a small piece of code, indicated by brackets like [this], that performs a dedicated function on your site. You can place it just about anywhere you’d like, and it will add a specific feature to your page, post, or other content. For example, you can use shortcodes to display galleries, videos, or even playlists.

With a view to increasing user experience and flexibility, FoodBook provides awesome and flexible shortcodes. Use these shortcodes with an attribute to change settings like yours.

Product Page Shortcode

Shortcode Example 1:

[foodbook_products]

Use this shortcode to show products with all default settings

Shortcode Example 2:

[foodbook_products col=”4″ cat=”accessories” layout=”grid” sidebar=”yes” search=”yes”]

Use this shortcode with attributes to change settings like yours. If you use it, your FoodBook product will be shown in column 4 screen, in the ‘accessories’ category in grid view. 

Delivery Ability Checker Form Shortcode

Shortcode Example 1:

[foodbook_delivery_ability_checker]

Use this shortcode to show products with all default settings

Shortcode Example 2:

[foodbook_delivery_ability_checker button_text=”search”]

Follow the screenshot to find the shortcode from the admin settings page.

It’s worth mentioning that you don’t have to write any shortcodes if you import theme demo data successfully. Besides, if you want any self customization, then shortcodes are needed regardless of demo data is installed or not.

shortcode-list

Shortcode Generator

There’s a shortcode generator on ‘FoodBook.’ With it, you can easily generate shortcodes according to your needs.

shortcode-generator

Set and Change FoodBook Page

Here, by applying shortcodes, what changes you want to show on a specific page, can be selected here. For example, look at the screenshot below. Here, you see some options for selecting pages on the screens. 

These pages have come on the screen as they already exist. Here, if you click on ‘Select FoodBook Shop Page,’ then what changes you want to initiate on that page by applying shortcodes, will be shown on the page.

foodbook-shop-page-setting

Delivery Availability Location Check System Settings

FoodBook provides a nice option to check delivery location availability. There’re two types of options to check delivery location availability: by address and by zip code. Before placing an order, customers can check delivery availability in their area.

Delivery Location Availability Checker Popup

You’ll get a ‘Delivery Availability’ pop-up window like this in ‘FoodBook.’ Here, you can check the availability of the branch of food delivery service providers in your location.

delivery-availability-checker

If your locality is Mirpur 10, you can select Mirpur 10. In the same way, you can check the availability of restaurants, for example, in Riyadh, Saudi Arabia. After that, state the zip code.

delivery-availability-checker-by-zip-code

 

check-delivery-availability

Checkout Page Delivery Availability Checker:

Page delivery availability checker is also possible by using a ZIP code. Select your location ZIP code and check the delivery availability in your location. All the ZIP codes are already being installed in FoodBook.

page-delivery-availability-cehecker

Location Setup Settings:

To set the location according to you, you’ve to go to the ‘FoodBook’ setting options from the dashboard. Then, follow the below screenshot to set the location.

location-setup-setting

Time-zone Delivery Settings

To work time and date properly with your time you need to settings the FoodBook plugin timezone from FoodBook settings and WP admin settings > General.

FoodBook Time-zone Setting

foodbook-time-zone-settings

WP Admin Time-zone Setting:

WP-admin-zone-settings

From Where to Setup Delivery/Pickup Date and Time?

‘Delivery/Pickup Time’ selection option is an awesome feature in the FoodBook plugin. Customers can select a time when he/she wants the delivery and the service provider deliver the product at that time. 

You can follow the screenshots given below and see how and where the ‘Delivery/Pickup Time Settings’ in the admin panel works.  

To get started, go to the ‘Delivery Setting’ and from ‘Delivery Time and Day’ choose the right time and day when you’d like to have the delivery. 

delivery-time-and-day-setup-food-delivery-website

Now the question is, where will show the Delivery/Pickup date and time select option exactly? Well, the answer is, customers will find the option on the checkout page to select the delivery date and time. Have a look attached screenshots accordingly to see and know how this works.

delivery-time-and-date-for cuctomers

 

delivery-time-and-date-for-your-customer

Conditional Order Settings

In this section, you’ll be getting order functionalities. For your business purpose, many amazing features have been included here. You can easily condition your order according to your customer needs. 

Let’s see what are things you’ll get here to operate your WordPress food delivery website easily and can make a profit out of that.

Set Minimum Order Amount: How to

To access all these condition order settings, you need to find the Delivery Setting first. The option is available under the General Setting on your dashboard. 

Here, you can add a minimum order amount for any of your items so that customers can easily relate to your product page. 

Here, the minimum order amount is set up as 150$. It means whenever customers would like to order this item, he/she have to order at least for 150$. Less than this amount, he/she won’t be able to order that item by any means.

set-minimum-order-amount

Set Minimum Order Amount for Free Shipping: How to

Here comes the most important part of conditional orders. You can offer your customers free shipping to get engage them more with your products. 

But, you can set a minimum order amount for free shipping so that you don’t lose your profit from your business as well. You can set this up from this same page.

minimum-order-amount-for-free-shipping

Set Order Limit on Time-slot: How to

According to your preferred time slot, you can set your order. This is very much helpful for any kind of reservation order. 

Suppose anyone would like to have lunch or dinner at a specific time. He/she can check whether the time is available or not for reservation. FoodBook put this amazing time-slot order limit feature as well.

Go to Delivery Settings and then Order Limit on Time-slot to set all things up for your customers. You can also edit the slot as you want.

order-limit-on-time-slot

Delivery/Pickup Time in every half hour. Choosing anyone’s preferred onesies is possible. If any slot has already been booked then it’ll say, “The time slot is full. Try another slot.” like the below-attached image.

food-delivery-website-delivery-and-pickup-ime

WooCommerce Products Support

FoodBook plugin provides an ajax shop page. Where users can see products easily and make a quick order. There have 2 ways to show WooCommerce products in this plugin.

  1. Using Shortcode [foodbook_products]
  2. Using FoodBook Template

Before proceeding make sure you’ve uploaded all the products first.

food-delivery-website-delivery-and-pickup-ime

How to Use the Shortcode?

FoodBook plugin provides shortcode [foodbook_products] to show the FoodBook product page on any page easily.

foodbook-shortcode

How to Set the FoodBook Template?

Go to FoodBook settings from admin and navigate page settings now select the page which page you want to show products from (Select FoodBook shop page) select option. The FoodBook template will work automatically on the selected page.

set-foodbook-template-using-shop-page

Product’s Nutrition Add Option

Well, FoodBook has an option for adding nutrition facts to it. So, you can easily add nutritional information to your items in no time. And, by doing so, follow the below screenshot and get all things done.

product-nutrition-add-option

Here’s an example of 1 item below after adding the nutrition facts. Customers will be able to see all the nutrition facts that help them to understand what they’ll be getting in the product. However, having nutrition information adds a plus to the FoodBook-food delivery system.

food delivery website

Product’s Extra Item Add Option

Extra item adding options with your alrfood eady ordered item can be a big feature for your online ordering experience. And for implementing so, find products then Add New from the dashboard. The below-resulting page will pop up, and tap on the Add Feature.

extra-item-add-on-feature

Well, in this step select Add Group to further proceed.

add-group-to-add-extra-item

After tapping Add Group, fill in all the information on the page that will just appear. The page is supposed to look like the below-attached one. 

food-delivery-website-extra-item-add-on

Well, you’re almost done. Create a checkbox and fill in all the extra add items options so that customers can easily get what they might need to have.

extra-item-add-on-feature-setup

Set Time Zone, Time Slot, and Time Format

In this step, you’ve to set a time zone, time slot, and time format. For example, if your time zone is Toronto, you’ll select Toronto, if it’s Dhaka, you’ll select Dhaka. If you want to limit your order to a maximum of 5 in 12 hours, you would write ‘5’ in ‘Order Limit Time Slot.’

time-slot-zone-format-setup-for-food-delivery-website

Create Individual Admin Management Panel

Creating an individual admin panel with FoodBook is a piece of cake. To run a food delivery website you need to have a different admin panel for conducting all things appropriately.

You will need to create a user to access the branch manager, kitchen manager, and delivery boy. FoodBook provides 3 different user roles for different managers. After installing the plugin you will find 3 new user roles in the user role option. 

Well, let’s see how to do it easily by following a few simple and easy steps.

In the very first place, find Users from the WordPress dashboard, tap to see Add New option. And finally, select Add New to proceed further.

individual-admin-management-panel

Well, you’ll be seeing the below-resulting page if you’ve followed the above instructions. From this page, adding a new user is possible, you just need to fill up the required information; such as Username, Email ID, Name, Password, and most importantly the selection of role for the user. 

After fulfilling all the required information just click on Add New Use to complete the process. By following so, you can easily create an individual admin panel for the respective fields.

individual-dashboard-for-individual-role

Suggested Read: Best WordPress Themes for Restaurants and Cafe

Why Do You Need to Create A Food Delivery Website Using WordPress through FoodBook Plugin? 

You can go for selecting and using FoodBook plugin for WordPress for the exclusive advantages it provides:

  1. FoodBook is the #1 Online Food Ordering, Order Management, and Delivery System available on CodeCanyon.
  2. It is a standalone WordPress plugin that allows you to easily add a Food Ordering System to your WordPress Website. Using FoodBook you can easily receive both PickUp and Delivery orders.
  3. FoodBook has a user-friendly frontend and backend interface which will allow you to easily manage the orders and also comes with a pre-built user dashboard to manage their profile and orders.

Wrapping Up, Over To You

Here are all the interrelated and sequential steps of building a food delivery website through WordPress in a simple as well as effective way.

As the food delivery industry is growing tremendously, you can also take a chance on the go for the food delivery business by building a website through WordPress, where plugins like ‘FoodBook’ will be immensely helpful.

  • 1431 Views
  • Comments are closed