Display a REALTORS® Listings

Showcase all the listings for a specific REALTOR®

Create your own real estate websites, using our MLS API.

  Example Code

You can display a realtor's listings with two lines of HTML:

<div id="Listings"></div>
<script src="https://gavamedia.com/mls.js?key=YOUR-KEY"></script>

This adds two elements to your webpage: a DIV named "Listings", and Gavamedia's MLS® JavaScript code.

  How it Works

The JavaScript looks for a DIV named "Listings" on your webpage. It displays all the realtor's listings inside this DIV automatically.

If you maintain multiple realtor websites, the API is smart enough to detect which website belongs to which realtor. The same code will display different listings on different websites.

  Sample Output

The listings are populated into your "Listings" DIV as HTML. This is a collection of links, each containing a DIV, H2, H3, and H4.

An example of the HTML:

<a href="listing/?address=27-main-rd-faketon-ontario" alt="1295809" style="background-image: url(https://gavamedia.com/mls/27-main-rd-faketon-ontario-1_t.jpg);">
    <div>
        <h2>27 Main Rd</h2>
        <h3>Faketon</h3>
        <h4>$799,900</h4>
    </div>
</a>

  Customizing the Style

Listings do not contain a hard-coded style, giving you the ability to stylize them yourself with CSS. Gavamedia's MLS® API is flexible enough to use on multiple realtor and broker websites, each with very different designs.

• #Listings a – contains the all the content for one listing. The image is assigned with background-image. This makes it easier to position address information, and still support older web browsers.
• #Listings div – holds all the address and pricing information
• #Listings h2 – address
• #Listings h3 – city or town
• #Listings h4 – price