Hearth Bakery Order Page
A bakery order page template: the day's bread as a spread, a tabbed menu, a bag with pickup day and time, orders sent by email and paid at the counter.
Designed for
- Bakeries that take pickup orders for bread, pastries and cakes
- Cafes with a counter menu and coffee beans to sell
- Patisseries that make cakes to order with lead times
- Small food businesses that cater and want a page for it
Key highlights
- Live line: open now, or opens at seven
- Eight daily breads with prices as a spread
- Four menu tabs: bread, pastries, cakes, beans
- Bag drawer with quantities and a total
- Pickup day and time chosen from the hours
- Order by email, paid at pickup
- Six cakes with sizes, servings and lead times
- Three catering packages priced per person
- Bakers' portraits and the flour's two mills
About this template
Hearth is a website template for a bakery that takes pickup orders: the day's bread shown as a spread, a tabbed menu, a bag kept in the browser, and an order that goes by email and is paid at the counter. The demo is a sourdough bakery and cafe in Montreal, with prices in Canadian dollars and photographs of crumb, crust and the oven in morning light.
The home page opens on loaves cooling on a rack with a live line that says whether the bakery is open now or when it opens, then today's eight breads and pastries as a spread with the country loaf featured, how pickup works in three steps, the oven as a full-width photograph, the cafe in two paragraphs, three bakers' portraits, customer words and the hours with the address and a map. Order groups the menu into Bread, Pastries, Cakes to order and Coffee beans, each item with a photograph, a price and Add to bag; the bag is a drawer with quantities and the total; pickup day and time are chosen from the bakery's hours with plain selects; checkout opens an email with the bag, the pickup time and lines for name and phone. Cakes lists six cakes with sizes, servings, prices and notice periods. Catering offers three packages priced per person with a minimum and a notice period. The bakery page tells the story, names the two Quebec mills and the levain. Visit us gives hours, address, phone, email, Instagram, the map and the metro.
To make it yours, describe your bakery in a chat with Firevibe: your items and prices, your hours (the open-now line follows them), your cakes and catering, your bakers and your story, your photographs, and the email that receives the orders.
Best use cases
Neighbourhood sourdough bakery
The bread spread introduces each loaf with a photograph and a price, product pages explain the flour and the fermentation, and ordering follows browse, bag, email.
Bakery and cafe
The cafe has its own paragraphs beside the menu, with the hours and the three-step pickup that ends with paying at the counter and staying for a coffee.
Cakes to order
Six cakes with dimensions, serving counts, prices and 48 to 72 hours' notice, ordered by the same email with the message for the cake.
Catering
Morning, lunch and afternoon packages with their food and per-person prices, a minimum of ten, 72 hours' notice and an email for dates, numbers and dietary needs.
How it works
Use the template
Sign up or log in, and the template's code is copied into a new project of your own. The site is served right away, at its own address.
Change it by chat
Describe what you want different: the words, the images, the pages, the colors. Firevibe edits the code and the preview updates.
Publish
Put the site live on a firevibe.dev address, or connect your own domain.
Features
Open-now line
The hero's line reads 'Open now, until 18:00' or 'Opens at 7:00', computed in the browser from the bakery's hours.
Daily bread spread
Eight photographed items with prices in an asymmetric layout, the country loaf as the featured double, staggering in as they enter.
Tabbed menu
Four tabs on the Order page cross-fade their items: bread, pastries, cakes to order and coffee beans.
Bag drawer
The bag slides in with quantities and the total, bumps its count when an item is added, and stays in the browser between visits.
Pickup day and time
Plain selects offer the roast or baking days and the opening hours, no calendar widget.
Order by email
Checkout opens an email with the items, the pickup time and lines for the customer's name, phone and notes; payment happens at the counter.
Product pages
Every item has a page with its description, allergens, pickup guidance and three related items.
Cake ordering conditions
Each cake states its price, size, servings and the notice it needs before it can go into an order.
Catering packages
Three packages itemise their food with per-person prices and an email button for requesting a date.
Steam over the hero
A slow drift of steam across the hero photograph is the home page's one orchestrated moment; everything else stays still.
More e-commerce templates
See allLike what you see? Make it yours.
Start for free