Template Setup Guides

Resto - Cafe & Restaurant Template

Template page link:


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.


1. Index

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. Most of the major content on the index page are pulled from the integrated database such as the major text content and the images which are unique to each restaurant. Unless you want to remove or reposition some elements, you can modify the content from the dashboard. The template is designed to adapt to modifications made by you!

2. Menu

This page contains food or drink items sold in the restaurant or café. 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.

3. About Us (Sub page: Chef Application page for job applicants)

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

The Chef Application page contains a form that enables applicants fill in personal information. This information is also stored in the database and can be accessed in the dashboard.

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.

5. Contact Us

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. Content here can also be edited in the admin dashboard.

6. Make a Reservation

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.

7. Admin Dashboard

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. This helps you to avoid the technicalities of manual changing things in the database.

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.​

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.

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. However, feel free to delete template content used in building this template, preferably from the admin dashboard.

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