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

❤️ 𝗦𝘁𝗮𝗿𝘁 𝗵𝗲𝗿𝗲 ➜ https://go.makeyourwp.com/FoodOrder2022
*Template in the video has been changed, and the steps in the video differ.*
🏆 #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.php?id=87

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

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=foodu0026utm_source=YouTubeu0026utm_medium=FoodOrdering2022u0026utm_id=ZHZ4BjXNM20

Find food ordering website, click ‘Launch website’

Add your details u0026 make payment,

Now click ‘Launch site’, enter your site url u0026 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 u0026 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 u0026 delete sample food items

Step 2: Add your food product

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

Now to change currency, Go to WooCommerce ► Settings

Now change the currency u0026 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, u0026 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’ u0026 click Add new user’

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

To see the orders u0026 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.php?id=87

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.

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

🟡 📋 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 contact@websitelearners.com

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

Instagram ➜ https://www.instagram.com/websitelearners
Facebook ➜ https://www.facebook.com/websitelearners
LinkedIn ➜ https://www.linkedin.com/company/website-learners