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.
The landing page provides wide&quick search option for listings available using keywords. It also has Featured places and How it works section. And at the bottom of the page you can find listings categories.
Image without caption
Also, through this page, it is possible to enter the dashboard page, if the user is the administrator.
Image without caption
Redirect to the search page, when "FIND PLACES" button is clicked.
Image without caption

add_rooms

This page provides a form for adding a new property and defining all its specifications.
Image without caption
If the user does not have any real estate yet, then before creating it, he will need to click on the "BECOME A HOST" button.
Image without caption

dashboard

This page is designed to manage platform data, e.g. Users, Items, Payments… and others. Only users with admin rights are able to access this page (in read-only mode), and those users who have access rights can edit or delete anything here.
Admin dashboard has 5 tabs: Statistics, Users, Listings, Reviews & Categories. Find below detailed description of some of them.
On this page you can edit and delete app users, add/edit listings& their categories , add/edit users reviews and find app statistics. Changing platform fee is possible at this page.
Image without caption

Users Tab

To view or change information about a user, you need to open the Users tab and click on theicon.Also, you can view extended information about the user's property(s) by clicking on the eye icon
Image without caption
⚠️
For security purposes, this tab has limited rights 🔐 for demo users. To unlock the features, see admin rights instructions.
Image without caption

Listings Tab

Here, the platform admin can view listings, edit their description, change photos, and even delete them.
Image without caption
⚠️
For security purposes, this tab has limited rights 🔐 for demo users. To unlock the features, see admin rights instructions.
Image without caption

Reviews Tab

Here, the admins are able to preview all the platform reviews from HomeBNB clients.
Image without caption
Image without caption
⚠️
For security purposes, this tab has limited rights 🔐 for demo users. To unlock the features, see admin rights instructions.
Image without caption

Categories Tab

By default, the template contains 6 property categories. Here, users can edit the categories and add them by clicking on the "Add New" button.
Image without caption
⚠️
Admin: See the instructions on how to grant Admin Rights in your template.

inbox

This page displays messages between host & guest.
Image without caption
Image without caption

room

When a particular property is selected from available listings, the user is followed to this page that shows all the details about that particular listing. The user can also send a message to the host, set Check-in and Check-out dates, and make payment using Stripe.
Image without caption
If the user tries to book their own property, a warning popup will appear.
Image without caption
Image without caption

room_mob

This page is similar to the page room but is used for displaying on mobile devices.
Image without caption

search

This is a page where search results are displayed. Here users can make another search if needed using search filters and define required Check-in and Check-out dates and find the listing on the map.
Image without caption
Blue workflows on the page indicate that the search is made by property categories.
Image without caption

search_mob

This page is similar to the page search but is used for displaying on mobile devices.
Image without caption

settings

The settings page is simple and shows the Credit card on file if any, Stripe Seller ID, account creation date, and time. In addition to this, there are options to edit the card on file, connect Stripe account, and Delete the account.
Image without caption

signup

This page is used for creating an account or logging in to an existing one. To access it, users will click on “Signin” button in the header. On this page, users are offered a demo user to log in and test all the template features. For detailed information on how to remove this button, see the Remove Demo Login section.
The signup page contains a simple form, requesting the user to provide the email and password.
Image without caption
Image without caption

trips

This page populates a list of user trips and prompts the user to make a trip when there are none.
Image without caption
If the user has no trips and he clicks on "Choose your next trip" button, he is followed to the index page.
Image without caption

users

This page contains information about user's property(s) as host, his reservations, reviews for the properties he listed, favorite listings (favorites).
At this page user can as well change profile information and add a property (listing).
Image without caption
Also on this page user can change the account type and register as a seller.
Image without caption

welcome

After successful sign up to the platform, the user sees this page. This page has a simple form that requests additional users' information before they join the platform.
Image without caption
Guest users will not be able to access this page.
Image without caption

reset_pw

This page contains a simple form used for resetting the password.
Image without caption
When the user confirms a new password, the old one is being reset based on the input values:
Image without caption

404

This is a custom-designed page for 404 redirect errors, informing a user that the web page he or she is looking for cannot be found.
Image without caption
The design for this page consists of main "Group A", alongside components like new_header and new_light_footer reusable elements on page. The main container holds the rest of the content which is roughly text elements and back button element.
Image without caption

Helpful?