IDX Widgets
An embed widget is a JavaScript snippet that renders a live IDX component on any web page. One script tag loads the widget runtime, and a data-widget-id attribute tells the runtime which widget to render and which configuration to use.
How embed codes work
When a visitor loads a page with a widget snippet, the widget runtime bootstraps a shadow DOM component, connects to the EasyAgentIDX API, and renders live MLS data. The widget is fully responsive and inherits no styles from the host page.
Available widgets
| Widget | Description | Plans |
|---|---|---|
| Search | Full-featured property search with filters and results grid | All plans |
| Listings Grid | Curated grid of listings filtered by your criteria | All plans |
| Listings Carousel | Horizontal scroll carousel of listing cards | All plans |
| Map Search | Interactive map with pan, zoom, draw, and radius modes | Pro, Brokerage |
| Market Counter | Animated stat for active count, median price, or days on market | All plans |
| Home Valuation | Automated home valuation lead capture widget (AHV) | AHV add-on required |
| Items Grid | Community or neighborhood card grid with listing counts | All plans |
| Affordability Calculator | Monthly payment estimator with principal, interest, taxes, and insurance | All plans |