top of page
Real time notifications for Real Estate

Real time notifications for Real Estate

Get real time notifications any time a new property is up for sale.

Intermediate.png

Advanced

4K

Published:

March 31, 2020

Girl Enjoying her Drink

by

Anchor 1
Hire a Developer

Example Description

In this example we built a real estate site where the user can see properties up for sale and upload a property they would like to sell. We use wix-realtime-backend API to send real time notifications, so no matter on which page the user is on, they get a notification message once a new property has been added. The message includes the property’s neighbourhood and a link to the property's page.

Example Code

Tab 1

.

Tab 2

.

Tab 3

.

This code solution can be complicated.

How We Built It

Collections

  • Listings - holds the properties that are up for sale.

  • Amenities - holds the features of each property.

 

Backend

  • data.js - exports a afterInsert data hook on the Listings collection. This data hook uses wix-realtime-backend API to publish a message to the ‘new-property’ channel that a new property is up for sale, alongside a link to view that property.

Pages

  1. Buy - a page that uses a repeater to display all the properties up for sale from the Listings collection. The page uses wix-realtime API and subscribes to the ‘new-property’ channel to get real time notifications. Once a message is published on that channel it runs the newPropertyUploaded function to display a message with the new property’s details for 10 seconds.

  2. Upload - a page that lets the user upload a new property. It also subscribes to the ‘new-property’ channel to get and display a notification that a new property is up for sale.

  3. Listings - a dynamic page that displays the details of each property.

APIs We Used

Non-code example.

Non-code example.

Non-code example.

Related Articles

Article Link

Hire a Developer

Velo solutions are powerful tools, but building them on your own can be challenging. Let an experienced Velo development shop build it for you, so you can keep working on your site or business.

Related Examples

Did this help?

Yes

|

No

Thanks for your feedback!

Search a Database

Search a Database

Let visitors quickly search your site content.

Intermediate.png

Intermediate

Low in Stock Notification

Low in Stock Notification

Display a notification when a store product is low in stock

Intermediate.png

Beginner

Back in Stock Notification for Site Members

Back in Stock Notification for Site Members

Allow site members to receive a notification when a product is back in stock

Intermediate.png

Advanced

Anchor 2
bottom of page