In this tutorial, I will show you how to make a food ordering website in wordpress. This is a complete step-by-step tutorial and beginner friendly. Here I will use all free tools, so you need not to spend any money for this website only need to get a domain and hosting. Now let’s have a look at some basic steps
Step 1 : Purchase Domain & Hosting. If you already have domain and hosting, you can skip this part.
Step 2 : Install wordpress
Step 3 : Install Theme (Astra)
Step 4: Install Necessary Plugins (Elementor, Envato Elements, Menu – Ordering – Reservations, myStickymenu, Shortcode in Menus, Classic Editor)
Step 5: Create pages, Set home page as default page. Import page design.
Step 6: Create menu, upload logo. Customize header, footer.
Step 7: Connect to GloriaFood Account, Setup Restaurant Profile, Setup Menu. Add order now and reservation buttons on page
Step 8: Add order now and reservation buttons on header. Make header sticky.
Step 9: Create a menu from scratch and make an order and reservation
Essential Links
Get Domain & Webhosting(60% off)
CSS Code
/*----- Default button Style ----- */
span.glf-button {
font-family: poppins !important;
font-weight: 500 !important;
padding: 15px 30px !important;
border: 4px solid #DB9423;
text-shadow: none !important;
box-shadow: none !important;
background: #DB9423 !important;
line-height: 1em;
}
span.glf-button:hover {
background: #BE801E !important;
border-color: #BE801E !important;
}
/*----- white_border button Style ----- */
.white_border span.glf-button{
background: transparent !important;
border-color: #fff !important;
}
.white_border span.glf-button:hover{
background: #DB9423 !important;
border-color: #DB9423 !important;
}
Download files which I used
Where should I send you this file?