JavaScript Quick Start

 

Place the following Javascript anywhere on your page…

 

Then wherever you want the Visual IDX Featured Listing to appear on your page, either…

 

…or to create a custom Featured Listing, use custom HTML inside the target div like…

 

 

NOTE* – To further customize the style of the featured listing, you can either override the default styles for the VisualIDX Featured Listing in your site’s primary stylesheet. Or you can call the VisualIDX Featured Listing widget with the ‘css’ option set to your own custom stylesheet. Like…

 

 

Possible Options are…

 

The VisualIDX Featured Listing widget is one of our most versatile tools. Very few sites use it the same way.

We see a lot of Featured Listing widgets on home pages, either as full width sliders, or as block elements below the fold. Additionally, we see the Featured Listing widget in many sidebars.

 

USES

Most sites use custom HTML inside the HTML target div of the Featured Listing widget. As long as you keep the element ID’s consistent with the intended featured listing widget, the featured listing works great.

 

NOTE* – The targetURL option

  • The ‘targetURL’ option of the Featured Listing can take the end user to an IDX search page, to an SEO Flyer page, or anywhere else you want to send it.
  • When a user clicks the Featured Listing, the destination page of the targetURL option will have the Request Parameter ‘mls=123456’ (where ‘123456’ is the MLS # of the listing being featured) appended to it. So if your targetURL is ‘/details’/, then the actual URL will be ‘https://myrealtysite.com/details/mls=123456

Display a random listing from entire MLS

 

Place this code anywhere on your page…

 

 

…and then this in the BODY of your page.

 

Display a random listing with default styling from a single Broker.

 

 

…and then this in the BODY of your page.

 

Display just a random listing image from a single Broker with broker ID 1234.

Place this in the HEAD of your page.

 

…and then this in the BODY of your page.

 

 

Note : the featured image link will, by default, point to ‘mls.php’. Be sure and specify the targetURL option if you want to direct the link elsewhere.

 

Display a random listing, with custom layout, from a specific Brokerage with price between $500,000 and $750,000, and with a link target of ‘listingDetails.asp’.

 

Place this in the HEAD of your page.

 

…and then this in the BODY of your page.

 

 

MLS # | | View Details | Email Us About This Listing

 

 

Display TWO random listings from a brokerage – one with propertyclass ‘RESIDENTIAL’, and another with propertyclass ‘LAND’.

Place this in the HEAD of your page.

…and then this in the BODY of your page.