Property

Overview

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.