How to Make a Food Ordering Website and App in just 30 minutes

❤️ 𝗦𝘁𝗮𝗿𝘁 𝗵𝗲𝗿𝗲 ➜ https://go.makeyourwp.com/FoodOrder2022
Please note, the website’s design and steps may have changed since this video was recorded.
🏆 #1 Content Generator - https://gravitywrite.com/
🌐 The Best Place to Host your Website - https://webspacekit.com/

👉 𝗚𝗲𝘁 𝘁𝗵𝗲 𝗣𝗹𝘂𝗴𝗶𝗻 ➜ https://1.envato.market/b3qBmP

💰𝗖𝗿𝗲𝗮𝘁𝗲 𝘆𝗼𝘂𝗿 𝗥𝗮𝘇𝗼𝗿𝗽𝗮𝘆 𝗮𝗰𝗰𝗼𝘂𝗻𝘁 ➜ https://wl.tools/razorpay

⚡𝗚𝗲𝘁 𝘆𝗼𝘂𝗿 𝗱𝗼𝗺𝗮𝗶𝗻 ➜ https://webspacekit.com/client/link.p...

📌 Get New Video Updates ➜ https://whatsapp.com/channel/0029VaAY...

🎬𝗧𝗮𝗯𝗹𝗲 𝗼𝗳 𝗰𝗼𝗻𝘁𝗲𝗻𝘁𝘀

0:00 Intro

2:33 Launch your food ordering website

7:58 Add your own food items

10:34 Change currency on your site

11:53 Setup payment method

21:04 Make website as an app on mobile

22:20 Assign delivery person to delivery food

24:28 Add location tracking feature

31:14 Add Auto fill address detail

32:35 Extra food options

33:50 Get a domain name and connect to your website

37:48 Edit the content of your website


📌 𝗙𝗼𝗹𝗹𝗼𝘄 𝘁𝗵𝗲𝘀𝗲 𝘀𝗶𝗺𝗽𝗹𝗲 𝘀𝘁𝗲𝗽𝘀

Part 1: Launch your food ordering website

Click ➜ https://makeyourwp.com/?template=food...

Find food ordering website, click ‘Launch website’

Add your details & make payment,

Now click ‘Launch site’, enter your site url & again click launch new website

Next purchase the theme plugin, go to ➜ https://1.envato.market/b3qBmP

Click ‘add to cart’ fill up the details & purchase the plugin,

To activate the plugin, go to makeyourwp click ‘admin’

It will take you to WordPress dashboard, go to foodbook licensing

Add licence key, to get the key, go to plugin page, click on your name,

Then click ‘downloads’ twice to get the licence key


Part 2: Add your own food items

Step 1: Delete the sample food items

Go to your dashboard ► Products ► Select & delete sample food items


Step 2: Add your food product

Click ‘Add new’, now add your product details & click publish

Now to change currency, Go to WooCommerce ► Settings

Now change the currency & click ‘Save changes’


To setup payment method, create an account in razorpay

Activate your account by clicking ‘Activate your account’

And fill the kyc form, add your bank details, and submit form,

Connect the account with your website, go to your dashboard,

Click WooCommerce ► Settings ► Payments ► Enable razorpaay

And click ‘Set up’ enable the first module, & enter the key details,

Get the details from your razorpay, go to settings ► Api keys ► Generate live key

To make your website as an app, from mobile open site on your browser, click 3 dots on top

then click ‘add to home screen’, enter site name and click ‘add’,

To assign a person to deliver the food, go to dashboard, ► Users ► All users ► Add new

Add details of delivery person, click ’Role’ And select ‘delivery boy’ & click Add new user’

Now the delivery person will get mail to login to their dashboard,

To see the orders & location.


Part 3: Add a location tracking feature to your website

Go to dashboard ► foodbook ► Settings ► location settings

Now add google map api keys, get the keys from Google cloud console,

To get location on map, add tracking feature


To make changes to your order status, go to Admin dashboard ► orders

Now Change the status and assign delivery person


Part 4: Get a custom domain

Click here ➜ https://webspacekit.com/client/link.p...

Search for availability of your domain name,

Add your details and make payment,

Connect your domain name with your website by adding ip address.

To edit your website click edit with elementor and make changes.


This is how you can make food ordering website.


🎁 𝗧𝗼𝗼𝗹𝘀 & 𝗗𝗶𝘀𝗰𝗼𝘂𝗻𝘁𝘀

🟡 📋 GravityWrite | https://gravitywrite.com/
🟡 📊 WebSpaceKit | 50% off | https://wl.tools/webspacekit
🟡 🌐 Hostinger｜10% off | Coupon: WL10｜https://wl.tools/hostinger
🟡 🔍 Grammarly｜20% off｜https://wl.coupons/Grammarly
🟡 📈 Mangools｜10% off｜https://wl.coupons/mangools
🟡 🖼️ Astra｜10% off Coupon: WLDiscount｜https://wl.coupons/Astra
🟡 📹 Pictory.ai | 20% off, Coupon: WLPROMO | https://wl.tools/pictory.ai


🙌 𝗢𝗳𝗳𝗶𝗰𝗶𝗮𝗹𝗹𝘆:

𝗪𝗲❜𝗿𝗲 𝗛𝗶𝗿𝗶𝗻𝗴: https://websitelearners.com/careers/

Want your website developed by us? Email us your requirements to [email protected]


💬 𝗙𝗼𝗹𝗹𝗼𝘄 & 𝗖𝗵𝗮𝘁 𝘄𝗶𝘁𝗵 𝘂𝘀:

Instagram ➜   / websitelearners  
Facebook ➜   / websitelearners  
LinkedIn ➜   / website-learners