Templates · Food & drink

Coffee Shop Website Template

For the café people walk to on purpose. The menu is on the board, the hours are where anyone can find them, and the beans you roast sit on a shelf with their prices.

Free to sign up. Edit every word, photo and colour as much as you like. You only pay when you publish.

The home page of an example coffee shop site: a café photo with the headline Slow down. It's only coffee.The same coffee shop site on a phone, opening on the café photo and the morning menu

An example site built from this template, on a laptop and a phone.

The menu, on the board

Prices change and the bakes rotate. Change the board on your phone, publish, and the site matches the counter before the next flat white is poured.

A dark chalkboard-style menu listing espresso drinks, the slow bar and bakes with prices in rand
This morning's board, from the example site

A morning, not a mood board

Four photographs pinned up with a line under each — the slow bar before opening, Monday's roast, the round table at nine. It shows what a visit feels like before anyone walks in.

Polaroid-style photos of a barista at the pour-over bar and freshly roasted beans, each with a handwritten caption
The morning wall, from the example site

Beans with their prices

List the coffees you roast with sizes, grinds and stock. Customers order by phone or the enquiry form, and when you want to sell online, a cart and checkout can be added on Pro Plus.

A grid of coffee bags and drinks, each with its price in rand and a stock label
The bean shelf, from the example site

Easy to find

The address sits on a map with your hours and a number people can tap to call, so the question before the visit is already answered.

A map of Salt River, Cape Town with a card showing the café's address, phone number and opening hours
The map and hours, from the example site

What's inside

  • HomeThe café at a glance — this morning's board, a wall of moments, one review, the beans and a map.
  • MenuThe full menu, set like a printed card: espresso, the slow bar, breakfast and the day's bakes.
  • BeansEvery bag on the shelf, with sizes, grinds and stock.
  • Bag pageOne page per coffee — tasting notes, roast date and the bag sizes it comes in.
  • Our RoastHow the coffee is sourced and roasted, and a way to order beans.

Who it's for

A website for coffee shops, cafés and small roasteries — the kind of place that needs its menu, opening hours and directions online, with the beans you roast listed alongside. If you have been looking for a café website or a coffee shop website design you can update yourself, start here.

Make it yours

Cafés, roasteries, bakeries and coffee carts. If you sell more than you serve, start here anyway and add a checkout later.

  • Your name, your photographs and your prices — every word and picture can be changed.
  • The colours and fonts carry through every page, so changing them once changes the whole site.
  • Add pages for events, catering or wholesale whenever you need them.

Questions

  • Is the coffee shop website template really free?Yes. Signing up, starting from this template and editing every word, photo and colour costs nothing. You only pay when you publish, and you can see the plans before you do.
  • Can I use my own domain?Yes. Every published site gets its own address at yoursitename.pylonsites.co.za. If you already own a domain you can point it at your site, or buy a new one from the Domains tab.
  • Can I edit it on my phone?Yes. The editor works on a phone as well as a computer, and the site is built to look right on both.
  • Do I need to know how to code?No. You change the words, photos and colours by clicking on them, then publish when it looks the way you want.
Use This Template for Free

Free to sign up. Edit every word, photo and colour as much as you like. You only pay when you publish.

More on business websites.Want your own web address? Search for a .co.za domain or any other ending.