What a restaurant ordering website needs to actually take orders
Most restaurant websites are brochures. Here is what an ordering website needs on a phone to turn a hungry visitor into a paid order, with a checklist you can run against your own site tonight.
- Buying guides
- 8 min read
- By Team Bhookly
A restaurant ordering website takes orders when it does seven things on a phone: it opens on the menu, shows a photo of the food, names any choice the customer still has to make, shows the delivery fee and time before the basket is built, takes a map pin instead of a typed address, lets a guest check out without creating an account, and gives a tracking link afterwards. Most restaurant websites fail on the first one. They open on a banner, a story and a PDF menu, and the customer goes back to the delivery app they already know.
This article covers what to check on any ordering website, whoever built it, and then how Bhookly's ordering website handles each point. If you have not chosen a platform yet, read our guide “How to set up your own online ordering in Pakistan” first. This one is about the site itself.
Key takeaways
- The menu is the homepage. Anything a customer has to scroll past before the first dish costs you orders.
- Show the delivery fee and the delivery time before the basket, not at checkout. A surprise at the last step is the most avoidable reason an order is abandoned.
- A design made for your type of restaurant sells better than a generic template with your logo on it, because customers judge the food by the page before they see the food.
- Bhookly's ordering website comes in twelve designs, with 26 fonts, 12 hero styles and 8 menu layouts to fine-tune, and text contrast worked out automatically.
What makes a customer finish an order on a phone?
Start with the assumption that the customer is holding a phone in one hand, is hungry, and has a delivery app two taps away. Every extra screen is a chance to leave. Seven things decide whether they finish.
The menu comes first. The first screen should show categories and dishes with prices.
Photos sell the dish. A customer on your own site cannot lean on a marketplace's ratings, so the photo carries the decision. Shoot your ten best sellers in daylight on a plain surface before you worry about the rest.
Required choices are named and jumped to. Size, spice level, bread or rice: if the dish needs an answer, the page should say which answer is missing and scroll the customer to it. A greyed-out button with no explanation reads as a broken site.
The fee and the time appear before the basket. Ask where the order is going at the start, then show that area's delivery charge and delivery time while the customer is still browsing. A customer who discovers a delivery charge on the last screen feels tricked, even when the charge is fair.
The location is a pin, not a paragraph. Typed addresses in most Pakistani cities are vague: a street number, a landmark, “near the mosque”. A pin dropped on a map gives the rider something to navigate to and gives you an exact distance to price.
Checkout works without an account. Forcing a password before a first order loses first orders. Guest checkout with a one-time code sent to the customer is the balance: no sign-up, and prank orders are blocked because the code has to reach a real inbox.
The customer can see where the order is. A tracking link that moves from placed to confirmed to preparing to out for delivery replaces the phone call asking where the food is. It only helps if the stages reflect what the kitchen is really doing.
Why does a design made for your type of restaurant matter?
A bakery and a late-night burger counter sell differently. The bakery customer wants to see the cake, large, with room around it. The burger customer wants a fast list, a deal at the top and a basket that is always visible. A fine dining room wants quiet type and space. Put all three into the same template with a different logo and at least two of them look wrong.
The customer cannot taste anything on a website, so the page stands in for the food. A site that looks designed for that kind of restaurant signals that someone cares about the details. A generic template signals the opposite.
A checklist for your ordering website
Run this on your own phone, on mobile data, not on the office Wi-Fi.
| Check | What good looks like | Why it matters |
|---|---|---|
| First screen | Dishes and prices are visible without scrolling past a banner | The customer came to order, not to read |
| Photos | Best sellers all have a clear photo | The photo replaces the marketplace rating |
| Options | A missed required choice is named and the page jumps to it | Fewer abandoned items and fewer wrong orders |
| Fee and time | Shown for the customer's area before the basket is built | No surprise at checkout |
| Out of area | The visitor is told on arrival, with takeaway offered | Nobody builds a basket you cannot deliver |
| Location | A pin on a map, with the fee updating as it moves | The rider gets a point, not a description |
| Checkout | Guest checkout with a one-time code | No forced sign-up, and fake orders are blocked |
| Minimum order | Stated early, with a nudge when the basket is close | Bigger baskets without an argument at the end |
| After the order | A tracking link and a confirmation message | Fewer phone calls to the counter |
A checklist to run on any restaurant ordering website. Test on a phone, on mobile data.
How does Bhookly's ordering website handle this?
Bhookly gives a restaurant its own ordering website, with its name, logo, colours, menu, search, photos and badges, and no marketplace commission on the orders it takes. Aggregators typically charge 25 to 35% of each order, so every repeat customer who orders on your own site keeps that share in the business. The site is built for a phone first.
On arrival the site asks “Where are you ordering from?”. The customer picks delivery or takeaway and their area, by list or by GPS, and sees the fee and the time before choosing a dish. A visitor outside your delivery area is told then, not after ten minutes of building a basket. For delivery, the customer drops a pin on a map and the fee and time update as the pin moves.
On a dish, sizes and add-ons show a live total, with a note field for the kitchen. If a required choice is missing, the site names it and jumps to it. In the basket, a “Popular with your order” rail suggests what other dishes go with it, and a nudge shows how far the basket is from the minimum order. You choose featured dishes for the top of the menu, which is the place for signature or high-margin items. Public promo codes appear as a strip of tappable deals and apply themselves at checkout.
Checkout works as a guest, with a one-time email code that blocks fake orders. Customers who want an account get saved addresses, favourites, past orders and their loyalty card. After ordering, a private tracking link shows Placed, Confirmed, Preparing, Ready or Out for delivery, and the stages move when the kitchen acts on the order, not on a timer. Weekly online opening hours and minimum orders are enforced, so nothing arrives when the kitchen is closed.
Customers can add the site to their home screen, where it sits with the restaurant's own icon like an app. When the link is pasted into WhatsApp or appears in Google, the preview shows the restaurant's name and photo.
Which of Bhookly's twelve designs suits which restaurant?
Bhookly's ordering website comes in twelve designs. Each is a full art direction for a type of restaurant: its own layout, type and photography treatment, not a colour swap. The names point to who they were drawn for.
- Counter: quick-service counters and burger joints that sell fast from a short menu.
- Bakery: bakeries, cake shops and dessert brands where the photo does the selling.
- Dhaba: desi kitchens, karahi and barbecue houses.
- Roastery: coffee shops and specialty cafés.
- Night: late-night kitchens and brands that look best on a dark page.
- Fresh: salads, juices, bowls and other lighter menus.
- Heritage: long-established restaurants with a traditional name to protect.
- Atelier: fine dining and chef-led rooms that want quiet type and space.
- Pop: loud, colourful brands aimed at a young crowd.
- Shelf: menus that read like a shop, such as packaged goods, boxes and items sold by the piece.
- Docket: takeaway and delivery kitchens that want the menu to read like an order ticket.
- Bistro: casual dine-in restaurants and all-day cafés.
Any design can then be fine-tuned: colours, 26 fonts, shapes, backgrounds, 12 hero styles, 8 menu layouts, photos, wording and which sections appear. Text contrast is worked out automatically, so an owner cannot pick a colour pair that makes the menu unreadable.
All of this happens on one page in the back office. The real site sits beside the controls and restyles on every change, and you can flip the preview between phone and desktop, light and dark. Nothing reaches customers until you press Save.
Frequently asked questions
What should a restaurant website have on its first screen?
A restaurant ordering website should show the menu, with dishes and prices, on its first screen. A customer who arrives hungry wants to order, so the story, the gallery and the map belong below the menu or on another page.
How many designs does Bhookly's ordering website have?
Bhookly's ordering website has twelve designs: Counter, Bakery, Dhaba, Roastery, Night, Fresh, Heritage, Atelier, Pop, Shelf, Docket and Bistro. Each is a complete art direction for a type of restaurant, and each can be adjusted with 26 fonts, 12 hero styles and 8 menu layouts.
Do customers have to create an account to order?
No, a good ordering website lets a first-time customer check out as a guest. On a Bhookly ordering website a guest confirms the order with a one-time email code, which blocks fake orders without forcing a sign-up. An account is optional and adds saved addresses, favourites and past orders.
Do I need a developer to change how my Bhookly website looks?
No, a Bhookly ordering website is designed by the owner on one page with a live preview. The real site restyles beside the controls on every change, on phone and desktop, in light and dark, and nothing goes public until Save is pressed.
The bottom line
An ordering website earns its place when it is quicker than the delivery app for a customer who already knows you. That means the menu first, real photos, choices that are named, the fee and the time up front, a pin for the address, guest checkout and a tracking link. Run the checklist above on your own site tonight. If you want to see your menu in a design made for your kind of restaurant, the Online ordering page shows all twelve, and a demo will show them with your own dishes.