Resto - Cafe & Restaurant Template


Resto is a no-code template designed for all the new cafes and restaurants, or existing ones that are looking for a new online presence. This template will help any restaurant advertise their menu to their customers and automate the table booking process. Resto is fully responsive and enables you to showcase your restaurant, café or coffee shop. It has an elegant yet simple design.


  • Table booking
  • Responsive Design
  • Admin Dashboard
  • Gallery to showcase pictures of the restaurant as well as food and drinks.
  • Ability to showcase staff or team of chefs at the restaurant.



The index page is the landing page of the template. This page showcases the restaurant as a whole, with summaries of most of the pages. It contains brief notes describing the restaurant, the location of the restaurant and displays testimonials of three (3) satisfied customers. There is also a showcase of eight (8) pictures contained in the gallery page. It also makes provision for the places the restaurant might have been featured on. It also contains links to some other major pages.


This page contains food or drink items sold in the restaurant or cafe. A new menu category can be created and menu items can be added to that category. This can be all be done from the dashboard.


This page contains all the details of your business expanding on the information provided in the Index page. The information on this page is also pulled from the database and can be modified.

This page contains images which your business may choose to showcase to your potential customers. These images have a brief description as well. A new gallery image with a description could be uploaded from the dashboard.


This page contains a form for the customers who might have inquiries. Content from each contact form submitted is saved in the database and can be accessible by the admin. There is also a contact detail which contains the address (link), email (link) and phone number of your business.


In this page, a customer can make a reservation stating the date, time and number of people that intend to visit your business along with personal contact information. This information is stored on the database. From the dashboard, the admin can confirm or cancel a reservation.


This is a standard not found redirect page. The colors and style match with the template.


The admin dashboard is a one-page component of the template designed to display information in the database, edit, replace or delete content on the template.

The navigation in the dashboard makes use of custom states to show and hide various sections of the dashboard. Each delete component has a delete confirmation pop up, so please be 100% sure you want to delete data before you do.

Admin Dashboard Login: The password for the Admin Dashboard is “admin”. This password is the default for the template. It is therefore advised that before deploying the application, you change the password. Here are steps on how to do so.

1. On the pages section on the top left corner, click Dashboard.​

Document image

2. When in the dashboard section, click Popup Login.​

3. When the popup loads, double click the input (Input Password) and remove “admin” as the initial content and leave it empty.​​

4. When you have deleted the initial content, double click on the Login button and click Start/Edit Workflow.​

5. The Workflow tab is then opened.​

6. When you click on the blue arrow, the workflow handling the password pops up. You can then input your preferred password only in the area in the white rectangle designated in the figure above. After doing this, you should try to login in with the new password.

There is a Blocking system in place so that user could not break the template from dashboard. After you purchase the template remove the Group block from Dashboard page to enable editing.

Document image

Specific References

Database things: Most of the template content were directly pulled from the template database. Please do not delete an entire data thing unless you are sure of what you are doing.

Style: In this template, the preferred font and font color is Lato and Orange (#EA5D35). However this can be edited in the style section of the template but be sure to know what you are doing.

Demo to preview the template