This section states the purpose of each page.

Introduction

In this summary, we will describe each page and its content. The Page Element is the fundamental one that contains all the other elements.
💡
Tip: See Bubble Reference for more information about Pages element https://bubble.io/reference#Elements.Page 🙂

Pages

index

This is the main page typically encountered first on the web app that usually contains links to the other pages of the site. A homepage includes a variety of menus that make it easy for users to find the information they need.
Here, is the landing page of the Medical Center Template. Its simple design gives an overview of Medly to a prospective client. It also has links on the page to point the potential customer to other pages.
Image without caption
Page structure consists of:
  • The hero section with a CTA button.
  • About us block - with a short center description.
  • Our services - with 8 cells of provided services.
  • Our commitment - below the short description, there are 3 progress bars which values can be set manually:
Image without caption
  • Testimonials - they can be edited by changing data in the Testimonials data type.
  • One more block with a Call To Action button, that redirects to the appointment page.
  • Block with 3 doctors in a row
  • Get a Call Back block - submitted data are saved in the QuickReply data type.
⚠️
Tip: The texts on this page are a placeholder and should be modified according to your own.

aboutus

The About page contains a brief history of your medical center as well as a mission and vision statement.
Image without caption
All of this can of course be changed to your own content. It also showcases the doctors and specialists you have in your medical center.
To change the video and poster - select the Video.JS element and replace the content with your own:
Image without caption
Values within the doughnut chart elements can be also changed manually:
Image without caption

appointment

This page helps clients of your Medical Center make appointments ahead of time for a session in one of your departments. The form is simple and easy.
Image without caption
All submitted details are stored in the Appointment data type.

contact

This page allows contains a form that users can fill out to reach out to you. It also contains a map to your Medical Center (the address to be displayed is inserted manually in the map element).
Image without caption

dashboard

This page is an admin dashboard that comes with 3 tabs:
  • Appointments (default one) - here, all appointment requests are displayed.
  • Messages - here, all Callback requests (sourced from the QuickReply data type) and Contact us messages (sourced from the Contacts data type) are displayed.
  • Hospital details - here, the admin user can edit the information displayed in the Services, Hospital, and Doctors categories.
Image without caption
Note: Switching between tabs works by changing elements’ custom states.
💡
Admin: See the instructions on how to grant Admin Rights in your template.

hospital

The Hospital page helps visitors on your site the opportunity to see your hospital in detail.
Image without caption
To edit items displayed on the page, use the dashboard page tab - Hospital details, so the data are sourced from the Hospital data type.

services

The Services page showcases all the services rendered at your Medical Center.
The first block with services contains placeholder information which can be edited directly on the page.
The second block with services uses the Service2 data type as a source. And the third block uses the Service data type, which can be added on the dashboard page - Hospital details tab.
Image without caption
To edit items displayed on the page, use the Service2 data type.

reset_pw

Here, users reset their password after accessing the link in the mail.
Image without caption

404

This is a page for 404 redirect errors, informing users that the web page they are looking for cannot be found.
Image without caption