Trusted by teams at
Cafeteria TNC is a cafe, coffee shop, and restaurant website template built for a restaurant, food, food and drink business, cafe, and coffee shop. It includes two menus, a table reservation form capturing date, time, and party size, an events collection, and a working coffee shop with checkout. Best for any restaurant website, cafe website, coffee shop website, food business, or food and drink business, it provides a complete structure for presenting restaurant menus, food and drink offerings, taking reservations, promoting events, and selling products online. It also works well for a cafe, coffee shop, restaurant, food business, or food and drink business looking to build a professional online presence and showcase its menu, products, reservations, and events.
A cafe sells three things: what is on the counter, a table to sit at, and beans to take home. Cafeteria TNC is a coffee shop website template that covers all three, with a separate coffee menu alongside the food menu, a reservation form, and a shop with checkout for retail bags and equipment. It works well for a cafe, coffee shop, restaurant, food business, or food and drink business offering counter service, seating, reservations, and retail products.
It suits a coffee shop, cafe, roastery, restaurant, food business, or food and drink business, particularly one that hosts events or sells retail coffee alongside the counter trade. If you own a cafe or work for a cafe and are looking to bring your restaurant, coffee shop, food, or food and drink business online, or improve your existing coffee shop or cafe website, Cafeteria TNC provides a professional structure for presenting menus, taking reservations, promoting events, and selling products.
Static pages
CMS collection templates
Section folders
Utility pages
Blog, category, event and product entries are held in Webflow CMS collections. Adding an entry means filling in fields rather than rebuilding a page, and it appears in the relevant listings automatically. For a site that gets updated regularly, this is the part that decides whether it stays current.
Speciality coffee is chosen differently from food, with origin, roast and method mattering. Giving it its own page rather than a column on the food menu is the difference between a cafe and a coffee shop.
Not just a message. A cafe taking bookings needs those three fields to answer, and this asks for them up front.
Cuppings, tastings and live sessions are how cafes build a regular crowd, and events are a CMS collection rather than a static list that goes stale.
It presents the menus, takes reservation requests and sells retail products. It does not check live table availability or manage covers, take deposits for bookings, send orders to the counter, or connect to an EPOS. Allergen information is a legal requirement in many territories and is yours to publish and keep accurate.
Cafeteria TNC gives a cafe a professional space to showcase cafe menus, cafe products, cafe services, cafe events, and cafe experiences. Present coffee, food, seating, reservations, retail products, and events through a focused cafe website.
Cafeteria TNC helps a restaurant showcase restaurant menus, restaurant products, restaurant services, restaurant events, and restaurant experiences. Present dishes, reservations, dining options, events, and online products through a professional restaurant website.
Cafeteria TNC gives a food business a focused space to showcase food products, food menus, food services, food events, and food experiences. Present dishes, meals, retail products, reservations, and events through a professional food website.
Cafeteria TNC helps a food and drink business showcase food and drink products, food and drink menus, food and drink services, food and drink events, and food and drink experiences. Present coffee, meals, beverages, reservations, retail products, and events through a professional website.
Products, categories, events and blog posts are CMS entries. Both menus are editable pages, so seasonal changes do not need design work.
If you would rather not do it yourself, our team can customise this template for you, from colour and content changes through to new pages and custom functionality. Request a Webflow template customization quote, or read more about our Webflow customization service.
Does the reservation form check availability?
No. It captures date, time and party size and you confirm against your own book.
Why are there two menus?
A coffee menu and a food menu. Speciality coffee is chosen on origin and method, which does not fit a food menu layout.
Can I sell beans and equipment?
Yes, the coffee shop has products, categories and checkout.
Are events CMS-driven?
Yes, so adding a tasting or cupping is filling in fields.
Where does allergen information go?
On the menu items. Publishing it accurately is a legal duty for food businesses in many territories.
Support and ongoing updates are included. Message us after purchase if you need the Figma file and we will send it over.
Can only be used by you or one client for one end product. You cannot resell or redistribute this template in its original or modified state.
This template is free to use in both person and commercial projects. You cannot resell, redistribute, or license this template in its original or modified state.
Questions about this template? Just reach out to the template designer and they will get back to you within 2 business days.
For advanced design guidance, please share your questions in the Webflow Forum or reach out to a Webflow Partner.
Share your feedback by leaving a comment below.
For template support, please check the Support tab.
Use the Preview in Designer option to make any edits to the template pages and preview how the layout would fit your content. Changes in preview mode won't be saved.
It isn't possible to apply a template to an already existing project. Instead, you'll need to create a new project based on the Template.
With a Core plan (or higher), you can export sites you build in Webflow, including templates, to host them anywhere you'd like.
Webflow templates are only available for purchase through Workspaces and legacy individual accounts.
CMS templates are designed to use the power of the Webflow CMS. It is possible to downgrade to a Basic Site Plan as long as all CMS content is deleted from the project.
Use the View Connections tool to understand where the CMS content is on the site and delete any dynamic listings and CMS content. We also recommend you to check Components and the Collection page Templates.
Ecommerce templates are designed to use the power of Webflow Ecommerce. It is not possible to remove Ecommerce from a template, however, deleting all Ecommerce Products and Categories from the project, will allow to select a lower Site Plan.
Membership templates are designed to use the power of Webflow Membership. It is not possible to remove Memberships from a template.
.svg){kind=small}
Uses fonts from Google's Web Font collection.
Display images and text elegantly on every device with our touch-friendly slider.
Site navigation automatically collapses into a mobile-friendly menu on smaller devices.
All graphics are optimized for devices with high DPI screens.
Custom design for the 404 page of your website
Reusable elements you can use across your site. Edit a component and all copies update instantly.
Showcase high-res photos and videos on a black backdrop.
Reposition and resize items anywhere within the grid to produce powerful, responsive layouts — faster and without code.
Shape your customer's experience and customize everything, from the home page to product page, cart to checkout.
Customize the built-in database for your project or just add new content.
Displays perfectly on desktops, tablets, and phones.
Build your lead lists and subscriber base with beautiful forms.
Comes with animations and interactions for additional polish and usability.
