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 for the Featured Listing tool 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.

The Featured Listing widget is also a perfect tool for Real Estate Advertising. The Featured Listing widget is just a few lines of lightweight javascript an HTML, so can be used in Ad systems like Google Adwords (note* – WSM is an Authorized Google AdWords partner) or Adbutler. A good example of the Featured Listing widget for Real Estate Advertising is in the Real Estate Section of DurangoDowntown.com where it used to promote Real Estate Advertising Durango

 

USES

Most sites use custom HTML inside the HTML target div of the Featured Listing widget. The most important component of the custom HTML is to keep the element ID’s consistent with the default HTML of the tool.

 

NOTE* – The targetURL option

  • The ‘targetURL’ option of the Featured Listing will 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 where you want your Featured Listing to display.

 

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. Use custom HTML inside the target DIV.

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.

 

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.