Café website examples: what UK coffee shops get right (and how to build yours)
Updated 19 October 2026
A good café website answers three questions in five seconds: are you open, what do you serve, and how do I get there or order? The best UK café and coffee shop websites put opening hours, the menu as readable text, the address and an order-ahead or booking button on the first screen. Everything else, such as the story, the shop and the blog, comes after.
Below are four real UK examples and what each one does well. Then there's a checklist and the quickest ways to build your own cafe website.
Four UK café website examples
We looked at these sites on 11 October 2026. Sites change, so check them yourself. We're not connected to any of these businesses.
1. Kaffeine (London): hours and menu up front
Site: kaffeine.co.uk What it does well:
- Both Fitzrovia cafés are on the homepage, each with its address, opening hours and a map link.
- A weekly menu page is one click away, which suits a café whose food changes often.
- Extra income streams sit in the main menu: office catering, coffee courses and e-gift cards.
Steal this: if you have more than one site, give each its own hours block. Don't make people guess which café opens at 7:30.
2. Bold Street Coffee (Liverpool, Manchester, Glossop): a café group that sells beans
Site: boldstreetcoffee.co.uk What it does well:
- Every location listed by city (Liverpool, Manchester and Glossop), so people find their nearest café fast.
- An online coffee shop and subscription, which earns money between visits.
- Event hire with a mobile espresso service and a downloadable brochure.
- Google reviews on the homepage as social proof.
Steal this: if you roast or sell beans, a subscription turns a regular into a customer every month.
3. Society Café (Bath, Bristol, Cardiff, Cheltenham, Oxford): shop-first, venues second
Site: society-cafe.com What it does well:
- Leads with coffee for home and a subscribe-and-save offer, then lists its seven locations.
- Separate business subscriptions for offices.
- Events and "Learn" content that give people a reason to come back.
Steal this: decide what your website is mainly for. Society's is a coffee shop online first. A neighbourhood café's should be "are you open and what's on today".
4. Grind (London and Manchester): book, order and shop in one place
Site: grind.co.uk What it does well:
- Locations split into restaurants, coffee shops and trucks.
- A "Book a table" button with a location picker for its all-day venues.
- A large online shop with subscriptions and a rewards scheme.
Steal this: if you take bookings for brunch, put the booking button where people look first.
What all four share: clear locations, real photos, and an obvious next step (visit, book or buy). None of them makes you download a PDF to find out what they sell.
Three café website models: which one are you?
| Model | Main job of the site | First screen should show | Example above |
|---|---|---|---|
| Neighbourhood café | Get people through the door | Today's hours, menu, address, order ahead | Kaffeine |
| Café that sells coffee online | Sell beans and subscriptions | Shop and locations | Bold Street Coffee, Society Café |
| All-day café or brunch spot | Fill tables | Book a table, menu, locations | Grind |
Most small independents are the first model. You don't need an online shop on day one. You need people to find you, trust you and order.
Cafe website checklist: the must-haves
On the first screen
- Opening hours for today, including bank holiday changes.
- Address with a map link and the nearest landmark or station.
- An order-ahead or "order now" button if you do takeaway. Commuters want their coffee ready.
- One great photo of your actual coffee, food or room. No stock images.
The menu
- Menu as text, not a PDF or photo. Google can read text, and so can phones with small screens.
- Prices in £, including VAT.
- Milk and size options (oat, soya, whole; regular or large) with any extra charge.
- An allergen line, such as "Ask us about allergens. Information on all 14 allergens is available for every item."
- Today's cakes or specials, if they change daily.
Trust and contact
- Phone number you actually answer, and email.
- Google reviews or a short quote from a real customer.
- Your food hygiene rating. Showing it is required at the premises in Wales and Northern Ireland and voluntary in England. Many cafés add it to their site too.
- Links to Instagram and your Google Business Profile.
Extras that earn money
- Order ahead and collection slots.
- Table QR ordering for busy weekends. Start with a free QR code menu.
- Catering or office orders.
- Gift cards, beans or a subscription.
- A loyalty scheme. Paper still works: make one with our loyalty card maker.
Technical basics
- Loads fast on a phone over 4G.
- Your own domain, such as
yourcafe.co.uk. - A privacy and cookie notice if you use analytics or a newsletter.
- The same name, address and phone number as your Google Business Profile.
Cafe website design tips
- Design for a phone first. Most visitors are standing on the pavement deciding whether to come in.
- Use your board's tone. If your chalkboard is chatty, your site can be too.
- Keep the menu short online. Show the main drinks and food, then "plus daily cakes".
- Update hours before a holiday, not after. Wrong hours lose trust fast.
- One call to action per screen. "Order ahead" or "Find us", not six buttons.
- Name the site after your café, not your coffee machine. Need a name? Try our café name ideas.
How to build a cafe website: your options
| Option | Typical cost (estimate) | Good for | Watch out for |
|---|---|---|---|
| Google Business Profile only | Free | Getting started | No ordering, limited design |
| General website builder (Wix, Squarespace, etc.) | Monthly plan, often with paid add-ons for ordering | Story-led sites, blogs, shops | Ordering may need another tool |
| Ordering website (such as Menuthere) | Free to start, 0% commission | Cafés that take takeaway or table orders | Fewer pages for long stories or blogs |
| Agency-built site | Quote; usually the most expensive option | Café groups with a big brand | Cost and change requests |
Costs are typical estimates and vary by provider.
Many cafés use two things: an ordering website for menu and orders, and their Google Business Profile for being found.
Build a café website with ordering in an afternoon
Menuthere gives you a café website with ordering built in. It's free to start.
- Start from your Google listing. The landing page can fill in your name, address, hours and photos in one step (Lite and above).
- Import your menu from a photo or PDF, then check it.
- Your landing page has a hero, menu, highlights, gallery, favourites and a "Visit" block with address, hours and contact (Lite and above).
- Dishes are served as text, so search engines can read your menu.
- Allergens and calories on every dish (every plan, including Free). Customers see them when they open a dish.
- Order ahead, table QR ordering and collection from one menu. See the cafe ordering system.
- Your own domain on Lite. Free uses a Menuthere link.
- 0% commission. Card payments go to your own Stripe account (Lite and above).
What it isn't: a blog platform or a full online shop for beans and kit. If those matter, use a general builder for the shop and link to your Menuthere ordering page.
See more in our free restaurant website builder and restaurant website examples. Opening soon? Read how to open a café in the UK.
link it from your Google Business Profile today. Want a walk-through first?
FAQs
What should a cafe website include?
Opening hours, address and map, your menu as text with £ prices, an allergen line, photos of your real food and space, contact details and a clear next step such as "order ahead" or "book a table".
How much does a cafe website cost in the UK?
From free upwards. A Google Business Profile is free. Website builders charge a monthly fee. Ordering websites like Menuthere are free to start, with paid plans for your own domain and online card payments. Agencies usually cost the most, so get a quote.
Does a small café need a website?
Not on day one, but it helps. A Google Business Profile gets you found. A simple website with your menu and order-ahead link turns searches into visits and orders.
Should I put my menu on my website as a PDF?
No. Use text. PDFs are slow on phones, hard to read and harder for Google to understand. Text menus are also easier to update.
Can customers order coffee ahead from my website?
Yes, with an ordering website. Customers pick a collection time and pay online or at the counter. With Menuthere, collection-time pre-orders and online card payments are on Lite and above.
What makes a good coffee shop website?
Speed on a phone, clear hours, real photos, a short readable menu, and one obvious action. The UK examples above all make the next step easy.
Sources (6)
- Kaffeine, kaffeine.co.uk (accessed 11 Oct 2026).
- Bold Street Coffee, boldstreetcoffee.co.uk (accessed 11 Oct 2026).
- Society Café, society-cafe.com (accessed 11 Oct 2026).
- Grind, grind.co.uk (accessed 11 Oct 2026).
- Menuthere, Free restaurant website builder, menuthere.com/en/free-restaurant-website-builder (accessed 11 Oct 2026).
- Food Standards Agency, Food Hygiene Rating Scheme (FHRS): guidance for businesses (display optional in England, required in Wales and Northern Ireland), gov.uk/government/publications/food-hygiene-rating-scheme-fhrs-guidance-for-businesses (accessed 11 Oct 2026).