Restaurant and café menus
Burger restaurant menu website built for order ahead
A burger joint's website has one job: get an order in before the customer reaches the queue. This one page example for an invented Newcastle smash burger shop puts the order button in the hero, shows every burger with a photo, and explains pickup in three steps so first timers know what to expect.
The home page at three widths
The same page on a desktop, a tablet and a phone, exactly as it renders. Scroll inside each frame to read it all; nothing here can be clicked or submitted.
Page by page
- Home /
- Hero (split), Menu (photo rows), Steps (numbered row), Opening hours (table), Contact (details and form)
- Privacy policy /privacy
- Text (single column), 5 in a row
- Terms of use /terms
- Text (single column), 5 in a row
Sections in order
A split hero with a badge for ordering ahead, the menu in photo rows across burgers, fries and sides and shakes, a three step pickup row, opening hours as a table and a contact section with the address. The note under the menu covers gluten free buns and the shared fryer.
For a busy kitchen
Orders arrive in the store admin as they are paid, with a push to the owner's phone when the admin app is installed. Mark each order ready for pickup to email the customer. If the kitchen is slammed, switch the store off and the menu stays up without the Add buttons.
What makes this website work
How pickup works, in three steps
Order and pay, we start cooking, grab it from the window. The numbered row answers the three questions a first timer has about ordering ahead, including how long it takes, so they actually press Order.
A size option on the signature burger
The Smashville comes as a double or triple with its own price, and the fries come regular or large. The menu shows Choose on those and Add on the rest, so the order flow matches the counter.
Bold, condensed and bright
Big Shoulders headings, the Coral palette and tight spacing look like a burger shop's signage. Next to the dark sushi bar and the calm bakery in these examples, the same section library makes a very different place.
Questions people ask
How long does setting up online ordering take?
Start from a menu template, edit the dishes and prices in the store admin, connect Stripe, add a pickup location and switch the store on. Publishing then adds the cart and checkout. Online ordering needs a paid plan, and Stripe's own account checks can take a few days.
Will I know when an order comes in?
Each paid order appears in the store admin, the owner gets an email, and installing the OneCraft admin app on a phone adds a push notification for every new order. The customer gets a receipt by email straight after paying.
Can I pause orders on a busy night?
Switch the store off in the store admin. The menu stays on the site with prices, but the Add buttons and the order bar disappear, and quote and checkout requests are refused until you switch it back on, so nobody pays for food you cannot cook.
Can customers order for a later time?
There is no scheduled pickup time picker. Customers can write a time in the order notes when notes are on, and you can mention in the menu intro that orders are cooked as they arrive, as this example does in its pickup steps.
How do I show that fries are not gluten free?
Use the note line under the menu, as this example does to say the fryer is shared, and repeat it in the fries description. Allergen information must be accurate, so say what you cannot promise rather than what you can.
Build your own in about a minute
The button below opens the generator with this use case already described. Change the wording to match your own, generate, then edit anything you like.
Make one like thisOther website examples
Sushi restaurant menu website with pickup ordering
A hand roll bar has a menu short enough to fit on one screen and food that sells on looks. This one page example for an invented Surry Hills counter shows every dish with a photo and price, takes pickup orders paid online, and explains why a hand roll should be eaten within a minute.
Indian restaurant menu website with a lunch thali offer
An Indian restaurant often runs two businesses from one kitchen: dinner and a lunch trade built on a set meal. This one page example for an invented Harris Park restaurant shows the full menu in printed columns, then gives the $22 weekday thali its own section, before catering enquiries for weddings and pujas.
Thai restaurant menu website with a printed style menu
Thai menus are long and organised by type, and regulars know exactly what they want. This one page example for an invented Fortitude Valley restaurant shows the menu like the printed one on the table, in columns with dotted leaders to the price, with protein choices and a note about chilli.
For everything this generator can do, see the website maker.
Written and checked by the OneCraft team. Last checked .