This is a dynamic page that displays data for a specific property listing. The type of content on the page is "Property"
Property Page from Property Directory Bubble.io template
Navigating to the property page
Users will typically navigate to a property page by clicking one of the property listings on the index page (see image below).
Workflow on index page triggered by clicking on property listing
Clicking a property listing on the index page triggers a workflow that navigates to the property page and sends the data for the property in the cell selected.
Page components
The property page can be broken down into 5 main components:
Navbar A: Reusable element that is used to navigate to the dashboard/sign-in page. A conditional statement is used to show/hide the dashboard/sign-in link depending on whether the user is logged in or not.
Navbar A from property page of property directory bubble.io template
Group - Property Container: Group that contains a number of sub-groups that display images for the current page's property.
Group - Property container from property page of property directory bubble.io template
Group - Property Info: Group that shows details for the current page's property, including: price, address, number of beds/baths, description, location (including google map display) and agent's name/logo
Group - Property Info container from property page of property directory bubble.io template
Footer A: Reusable element that is used to navigate to the dashboard/sign-in page. A conditional statement is used to show/hide the dashboard/sign-in link depending on whether the user is logged in or not.
Footer A from from property page of property directory bubble.io template
Popup - Send Email: Popup element that users who are interested in a property can use to contact the associated real estate agent.
Popup - Send Email element from property page of property directory bubble.io template
Functionality
Contacting Real Estate Agents
Users who are searching for properties can contact the Real Estate Agent who has listed the property by using the Popup - Send Email element (see image above).
Once a user has filled out the various fields in the popup and clicks "send message" the below workflow is triggered:
Workflow that sends email to Real Estate Agent
The workflow sends an email to the email address associated with the Real Estate Agent who listed the property. The email will contain the user's name, the address of the property they're interested in, the message they input to the popup and the user's email address.
