HubSpot Marketplace Module

Property Listing Pro for HubSpot CMS

Real estate listing module with nested collections, live search, sidebar filters, drawer detail view, embedded inquiry form, and Schema.org RealEstateListing structured data

A complete real estate listing module for brokerages, agents, vacation rentals, commercial property firms, and developers on HubSpot CMS. Organize stock into nested collections, switch between two carded layouts (grid 1 to 4 columns or list with horizontal photo-left rows), live search across title, address, city, ZIP, neighborhood, and MLS, three filter groups (property type, status, beds), and built-in Schema.org RealEstateListing JSON-LD for Google Search and AI assistants. 140+ style controls. No HubDB. Works on CMS Starter.

Get the Module arrow_outward Works with any HubSpot CMS theme · Pure vanilla JavaScript · $9.99
Property Listing Pro module for HubSpot CMS showing a real estate listing grid with sidebar filters, status badges, and a side-drawer detail view

Everything a real estate listing page needs on HubSpot

home_work

Nested Collections & Listing Repeaters

Unlimited collections with name, optional icon, and description. Each listing carries title, type (10 options), status (7 options), price with /mo, /yr, or custom text, beds, baths, sqft, lot, year built, full address, MLS, listing ID, HOA fee, hero photo, gallery, description, badge, custom features, detail rows, and CTA. Edit everything from the page editor.

dashboard

Two Carded Layouts with Auto-Reflow Grid

Grid (1 to 4 columns) and list (horizontal photo-left rows) share the same border, radius, shadow, and hover styling. Cards reflow automatically below a configurable minimum width and never look cramped at any viewport. Mobile-tuned: stacked cards, full-width CTAs, addresses wrap.

data_object

Schema.org RealEstateListing JSON-LD

Automatic structured data for every listing. RealEstateAgent block with name and contact info. RealEstateListing entity per property with name, address, photo, beds, baths, sqft, year built, and Offer with price, currency, and availability. Reads in Google Search rich results and in AI assistants like ChatGPT, Perplexity, and Claude.

search

Live Search & Triple-Filter System

120ms debounced keyword search across title, address, city, ZIP, neighborhood, and MLS. Three independent filter groups (property type, status, bedrooms) auto-generate from your data and combine for multi-criteria matching. Results update instantly without page reload.

photo_library

Rich Detail View as Drawer or Expand

Per-listing panel as a side-drawer modal or in-line expand. Single-scroll architecture so the header stays put while the body scrolls. Includes a 12-image photo gallery, long-form description, 40-row property details, 30-item features list, and an embedded HubSpot inquiry form for direct lead capture.

label

Seven Statuses & Eleven Marketing Badges

Status badges for For Sale, For Rent, Sold, Pending, Under Contract, Off Market, and Coming Soon, each with its own color. Eleven special marketing badges including Hot Property, Open House, Price Drop, New Listing, Just Reduced, Featured, Virtual Tour, Investor Special, Move-In Ready, Furnished, and Pet Friendly.

forum

Embedded HubSpot Inquiry Form

Drop a HubSpot form ID into the drawer settings and every listing carries an inquiry form scoped to that property. Leads land in your HubSpot CRM with the listing context preserved. No third-party form builder, no Zapier, no manual lead routing.

accessibility_new

140+ Style Controls & WCAG 2.1 AA

Colors per status, font weights, letter spacing, line heights, card border, radius, shadow, hover, badge styling, drawer easing and slide duration, dual font pickers. Defaults ship in shadcn-monochrome out of the box. Full keyboard navigation, ARIA dialog on the drawer, WCAG 2.1 AA color contrast, reduced-motion respected.

What you can build

Property Listing Pro covers every kind of real estate business. Here are four common setups.

Residential brokerage

3-column grid layout with sidebar filters for property type, status, and bedrooms. Collections for Active Listings, Pending, and Sold. Status badges in green, amber, and gray. Drawer detail view with photo gallery, 40-row property details, and an embedded HubSpot inquiry form. Schema.org RealEstateListing for Google rich results and AI Overviews.

Vacation rental site

List layout with horizontal photo-left rows, large hero shots per listing. Per-night pricing using the /mo override slot. Furnished, Pet Friendly, and Move-In Ready badges on every card. Filters for bedrooms and property type. Inquiry form captures dates and guest count fields directly from your HubSpot form.

Commercial property firm

Grid layout, larger card spacing, custom price text like "Lease available" or "Investor inquiry only". Type filter for Office, Retail, Industrial, and Mixed-Use. Long-form description per listing covers tenant terms, build-out allowance, and zoning. 30-item features list highlights amenities and infrastructure.

New development or pre-construction

Collections for Phase 1, Phase 2, and Townhomes. Coming Soon and Reserved status on units not yet released. Hot Property badge on signature floor plans. Photo gallery with renderings, floor plans, and site maps. Inquiry form collects waitlist signups straight into HubSpot.

Works with any HubSpot theme, CMS Starter included

Property Listing Pro is a standalone module. Install it in any HubSpot CMS portal and drop it on any page including website pages, landing pages, and blog posts. No theme dependency, no HubDB requirement, no jQuery, no external CDN calls. Pure vanilla JavaScript. Runs on CMS Starter.

Questions

Does it output Schema.org RealEstateListing structured data?

add
Yes. Every instance outputs a complete @graph with RealEstateAgent, RealEstateListing, and Offer entities. Each listing includes name, full address, photo, number of bedrooms, bathrooms, floor size, and year built. Offer carries price, currency, and availability. Optional fields skip when empty so partial data still validates. Reads in Google Search rich results and in AI assistants like ChatGPT, Perplexity, and Claude. One toggle disables the entire schema block.

Does it require HubDB or any custom content type?

add
No. The entire inventory lives inside the module instance via repeaters for collections and listings. Edit every field directly from the page editor. No HubDB tables, no custom objects, no API setup. That is also why it runs on CMS Starter, not just Professional or Enterprise.

Can I show "Call for price" or "Lease only" instead of a dollar amount?

add
Yes. Each listing has a custom price text field that overrides the numeric price. Use it for "Call for price", "POA", "Sold", "Lease only", "Investor inquiry only", or any other status. The card layout adapts so the custom text occupies the price slot consistently. Numeric prices still feed Schema.org structured data when set.

Does the inquiry form connect to HubSpot CRM?

add
Yes. Drop a HubSpot form ID into the drawer settings and every listing carries an inquiry form scoped to that property. Leads land directly in your HubSpot CRM with the listing context preserved. No third-party form builder, no Zapier, no manual lead routing. Workflows, lifecycle stages, and lead scoring all work as if the form lived on its own page.

Can I localize it for other languages, currencies, and metric area?

add
Yes. 17 ISO 4217 currency codes are built in. Area renders in sqft or sqm depending on market. Search placeholder, filter labels, count suffix, no-results message, and every drawer label are editable. Write listings in any language and set the labels to match.

Drawer or in-line expand for the detail view?

add
Both ship in the module and you switch from a single dropdown. Drawer mode opens a right-side modal panel with a single-scroll architecture (header pinned, body scrolls). Expand mode unfolds the detail content in place under the card. Drawer is best for grid layouts with high listing counts, expand is best for list layouts with fewer, longer profiles.

Launch your real estate site with Property Listing Pro

The most complete real estate listing module on the HubSpot Marketplace. Nested collections, two layouts, three filter groups, seven statuses, eleven marketing badges, embedded HubSpot inquiry form, Schema.org RealEstateListing JSON-LD, and 140+ style controls. No HubDB. Works on CMS Starter.

Get the Module arrow_outward

Related modules: Vehicle Inventory Pro · Menu Display Pro · Event Listing Pro · All Modules