• Home
  • 3- Frontend: Agent / Visitor / Admin

3 Frontend: Agent / Visitor / Admin

The Frontend refers to the platform and functions accessed directly from the website/URL before or after login to the website. This ranges from performing property searches as a visitor to adding/editing properties and agents (based on access rights) listed on the site. In this section we will describe how each feature works and the varied rights of each member that access the site.

3.1 Add Listing

Add Listing, also known as the Property Wizard, is included in the frontend interface to add new property listings to your website. This is only available to users with access to this feature.

To start, you must login through the front end of your website (depends of your joomla template). This will require your Joomla Username & Password.

frontend 1 min

Once you are logged in, Select the UPL dropdown Menu "Manage Listing", then select "Add Listing" (red arrow).

frontend 2 min

This will take you to a screen where you enter all of the necessary details of the property.

Note: This is called Add Listing Wizard or Property Wizard. The data fields of this form is flexible and managable through the Flex Add-on in the administration (backend) section of the website.

There are several section tabs on the left side and each has detailed information that needs to be completed for the property listing. Tabs shown are based on the add-ons you have installed. For example, the CRM and the availability calendar would each be an additional tab.

frontend 3 min

UPL allows you to set fields based on the listing type (for sale, for rent, etc) or property type (home, apartment, office, etc). Fields that are listing specic or property type specic will be shown after the listing type or property type is chosen.
For example, if the property type "apartment" is selected, then the "bedroom" field appears; however, if "office" were selected then the "room" field would appear.
Different tabs will be shown based on the listing type or property type selected, such as the calendar tab, which is only shown for vacation rental listing types.
Please note that you can change these settings through the Flex Add-on in the administration section (backend) of UPL.

3.1.1- The Basic Details

The Basic Details tab starts with the Property Title field. Using descriptive words to name the property is recommended.
The following Listing Setting section has fields for basic property information,such as Listing Type, Price, etc.

frontend 4 min

In this example the title is set as multilang a tible by language must be set.

In the Details section, there is a text box for a detailed property description. This includes a Toggle Editor button, which generates your plain text into an HTML code. After completing the property description, remember to click the "Save Property Description" button.

frontend 5 min

The last section is the Meta Keyword and Meta Description. There are two fields that will be automatically filled which are generated based on the information entered in the previous fields. The metadata fields will be used for Search Engine Optimization purposes, which results in driving traffic from the search engines.

3.1.2 The Location

The Location tab includes the Address section where users enter the property address information.

Since the last Google Map API an API Key is needed, You have to fill the key it in the UPL configuration (backend)

As the information is entered into the address fields for the first time the Google Map section is automatically locate the property on the map. Any changes to the address will automatically reflect on the Google Map. Users are also allowed to pinpoint the exact location by moving the red map marker. If Google cannot retrieve the address, you will receive the following response: "Geocode was not successful for the following reason: ZERO_RESULTS". Simply move the marker by dragging and dropping it on the actual property location.

frontend 6 min

3.1.3 The Image Gallery

The Image Gallery tab allows property photos/images to be uploaded. There are three tabs available for uploading process options:

  • Pro Uploader (multiple images at one time)
  • Simple Uploader (single images).
  • Link on image url (not uploaded to your site)

An image title and description can be included. The image category can be assigned to Property Images or Floor Plan. Images can be dragged and dropped by the blue arrow icon to change the order in which they are listed, or deleted by clicking the red X.

frontend 7 min

3.1.4 The Features

The Features tab includes detail fields such as room sizes, the types of heating/cooling systems, and special features.

Some fields have dropdown menus for additional specications. Fields can be disabled and added through the Flex Add-on in the UPL Backend.

frontend 8 min

3.1.5 The Appliances

The Appliances tab has options to display any appliances included with the property such as refrigerator, stove, dishwasher,etc. Some fields have dropdown menus for additional specications. The tab itself or its fields can be disabled or edited through the Flex Add-on in the Ultimate Property Listing backend.

frontend 9 min

3.1.6 The Neighborhood

The Neighborhood tab shows how close local features/places are from the property.Each checked box produces further options to appear, such as distance time and mode of transportation to certain locations, such as Airport, Hospital, School, etc. Fields can be disabled and added through the Flex Add-on in the UPL Backend.

frontend 10 min

3.1.7 The Videos

The Video tab gives the option to add video links (embed code) from websites such as YouTube.There is a text field for an optional Video Title.

3.1.8 Attachments

The Attachments tab works like the Image Gallery, with tab options for the Pro Uploader (multiple documents) or Simple Uploader (single documents).

NOTE:It will not upload any le with a picture format (for example: .jpeg).

Attachments can be a PDF or Word/Excel document and should be for public viewing, such as a oor plan or brochure. Attachments can be dragged and dropped by the blue arrow icon to change the order they are displayed, or deleted by clicking the red X icon.

3.1.9 Property Tags

The Property Tags tab offers tags that can be selected for each property to highlight selling points on the listing. Simply check the box for the tag to be inserted in the listing. Additional property tags and icons can be added through the Flex Add-on in the UPL Backend.

Open house dates can be chosen and agents can leave notes such as "call before coming to the open house".

frontend 11 min

3.1.10 Finalize

The Finalize tab secures all the property information entered in all of the other tabs and publishes the property to the website. This process essentially checks all the required fields and warns if they are not properly submitted to the system.

It is important to understand that all property details that are entered are automatically saved ajaxly. This is useful in the event your entry process is interrupted or disconnected, as the data entered is not lost. You can return later and continue where you left off.

This notice will remain below the Finalize tab until this process is completed:

frontend 12 min

When your property as been finalized, this notice will appear:

frontend 13 min

3.2 Property Details Page

The Property Details page is where most details about a property can be seen by all visitors, including registered and unregistered users. There are several ways to view the details of a property published on the frontend of your website.

As Admin/Super User/Agent, after entering and nalizing the property details in the Add Listing platform, select "Click here to view this property" from the finalized page (shown above). This will take you to directly to the property details page (seen below).

frontend 14 min

From the Home Page, (as any user) you can view the any published properties listed on the front page. Click the Details button on the specic property to display the page (as seen above) with the details of the estate.