Skip to main content

Customizing property search using data attributes

Property search filter options can be customized directly in the embed code using HTML data-* attributes. Using data attributes is an alternative to the built-in RealtyVis dashboard controls. This approach allows you to quickly create multiple niche pages without creating multiple, separate embed codes.

RealtyVis allows you to inject data attributes in the embed code following the pattern data-<key>="<value>". When these parameters are present, RealtyVis can provide customized property searches specific for any particular niche page.

Data attributes

AttributeTypeDescription
data-locationStringCounty, city, region or community
data-addressStringStreet address
data-postal-codeStringPostal code (6 character exact match or 3 character partial match)
data-transaction-typeListFor sale, For rent, Sold, Rented
data-categoryStringResidential, Commercial
data-typesListHouse, Duplex, Townhouse, Condo, Multifamily, Farm, Land, Office, Retail, Business, Industrial, Hospitality, Institutional
data-price-minNumberMinimum listing or rental price
data-price-maxNumberMaximum listing or rental price
data-size-minNumberMinimum living area in square feet
data-size-maxNumberMaximum living area in square feet
data-lot-minNumberMinimum lot size in square feet
data-lot-maxNumberMaximum lot size in square feet
data-bed-minNumberMinimum number of bedrooms
data-bath-minNumberMinimum number of bathrooms
data-year-minNumberMinimum year built
data-year-maxNumberMaximum year built
data-keywordsListList of matching keywords, separated by commas.
data-open-houseBooleanUpcoming open house available. (true/false)
data-virtual-tourBooleanVirtual tour available. (true/false)

Example

Show condos and townhouses within Toronto greater than or equal to $1 million
<div data-rv-block="XXXXX-XXXXX"
data-location="Toronto"
data-types="Condo,Townhouse"
data-price-min="1000000"></div>