Vibe Code a Real Estate IDX Website
Free vibe coding prompt to build a WordPress real estate IDX site. MLS listings, map search, neighborhood pages, agent profiles, and local SEO strategy. Full brokerage architecture.
Plan and produce a complete WordPress real estate site architecture with
MLS/IDX listings, agent profiles, map search, and lead capture. Output
should be production-ready.
═══════════════════════════════════════════════════════════════
BUSINESS DETAILS
═══════════════════════════════════════════════════════════════
- Brokerage / team name: [NAME]
- Market: [CITY / METRO / STATE]
- Agents: [N] agents
- MLS feed: [WHICH MLS / RETS or RESO Web API access]
- Specialty: residential / commercial / luxury / first-time / investment
- Goals: capture buyer + seller leads, rank for local searches
═══════════════════════════════════════════════════════════════
BRAND
═══════════════════════════════════════════════════════════════
- Brand colors: deep charcoal (#1a1a1a) + cream (#f6f4ef) + gold accent
(#bf9b56). Editorial luxury palette by default. Override per brokerage
branding. AA-contrast for body.
- Type: high-contrast display serif (Cormorant Garamond, Playfair) +
Inter Tight for body + monospace for prices/MLS#.
═══════════════════════════════════════════════════════════════
IDX / LISTINGS INTEGRATION
═══════════════════════════════════════════════════════════════
- Plugin choice: IDX Broker Premier OR Showcase IDX OR Realtyna
organic IDX. Recommend ONE based on:
- Whether your MLS allows organic IDX (best for SEO, search-engine
indexable listings)
- Cost (Realtyna Free + paid add-ons vs Showcase IDX subscription)
- Custom design freedom
Justify in 3 lines.
- Critical features: saved searches, email alerts, map search,
property detail pages, mortgage calculator
- Compliance: MLS rules vary by region, verify rules before launch
═══════════════════════════════════════════════════════════════
PLUGIN STACK (WP-CLI)
═══════════════════════════════════════════════════════════════
wp plugin install --activate
realtyna-organic-idx
gravityforms
wordpress-seo
advanced-custom-fields
wp-rocket
shortpixel-image-optimiser
fluent-crm
- IDX: chosen plugin (depends on MLS)
- Forms: Gravity Forms for buyer/seller capture
- CRM: integrate with Follow Up Boss / kvCORE / BoomTown via Zapier or
direct webhook
═══════════════════════════════════════════════════════════════
DATA MODEL (custom, non-MLS content)
═══════════════════════════════════════════════════════════════
- CPT `agent`, fields: name, license_number, photo, bio,
languages, areas_served, specialties (taxonomy), social_links,
contact_email, contact_phone, listings_count (auto-pull)
- CPT `neighborhood`, fields: name, region, average_home_price,
schools, lifestyle_blurb, hero_photo, gallery, walk_score,
related_listings (auto by location)
- CPT `testimonial`, name (initials only for privacy), neighborhood,
transaction_type, quote, year
- Listings come from IDX feed (read-only, refresh hourly)
═══════════════════════════════════════════════════════════════
SITE MAP
═══════════════════════════════════════════════════════════════
1. Home (with search bar)
2. Search (full map + filter UI from IDX)
3. Communities / Neighborhoods (index + neighborhood pages)
4. Buy (buyer guide + featured listings)
5. Sell (seller guide + home valuation request)
6. Featured Listings (curated, beyond IDX defaults)
7. Sold Listings (showcase recent sales for credibility)
8. Agents (filterable directory + agent profiles)
9. Blog (market trends, buyer/seller tips for local SEO)
10. Mortgage Calculator
11. About
12. Contact
═══════════════════════════════════════════════════════════════
HOMEPAGE, BLOCK MARKUP
═══════════════════════════════════════════════════════════════
1. Hero with prominent search bar overlay on photo (price range, beds,
baths, location autocomplete)
2. Buyer / Seller path cards ("I'm buying" / "I'm selling" / "I'm an
investor")
3. Featured listings carousel (8 curated listings)
4. Featured neighborhoods (4 large neighborhood cards with hero photos)
5. Why work with us (3-4 USPs)
6. Recent sales (5-6 sold listings as social proof)
7. Mortgage calculator widget (inline, JS-only, no library)
8. Agent spotlight (rotating featured agent with photo + quote)
9. Testimonials (3 quote cards with initials avatars)
10. Newsletter signup ("Get new listings in [AREA] before MLS")
═══════════════════════════════════════════════════════════════
PROPERTY DETAIL PAGE (from IDX, but enhanced)
═══════════════════════════════════════════════════════════════
- Photo gallery hero (lightbox, swipeable)
- Listing details: price, status (badge), MLS#, days on market
- Beds / baths / sqft / lot / year built in icon row
- Description (from MLS feed + agent's added commentary)
- Map + walk-score
- School district info (pulled from API or manually curated)
- Comparable sales nearby (4-6 cards)
- "Schedule a showing" form (lead capture, name, email, phone,
preferred date)
- Mortgage calculator pre-filled with this listing's price
- Listing agent contact card with photo + phone + email
- "Save this listing" (requires account, IDX feature)
- Related listings (4-6 in same price range or neighborhood)
═══════════════════════════════════════════════════════════════
AGENT PROFILE PAGE
═══════════════════════════════════════════════════════════════
- Hero with portrait + name + license # + brokerage
- Bio (long-form, written by agent)
- Areas served + languages
- Current active listings (auto-pulled from IDX)
- Sold listings (last 12 months, for credibility)
- Testimonials specific to this agent
- Contact form + direct call/email buttons
═══════════════════════════════════════════════════════════════
LEAD CAPTURE & CRM
═══════════════════════════════════════════════════════════════
- All forms route to CRM (Follow Up Boss / kvCORE) via Zapier
- Saved search alerts (IDX-native)
- Drip campaigns for buyer leads:
Day 0: Welcome + saved search results
Day 3: Buyer's guide PDF
Day 7: Mortgage pre-approval checklist
Day 14: Neighborhood spotlight relevant to their search
- Drip for seller leads:
Day 0: Free home valuation request received
Day 1: Valuation delivered + sales process overview
Day 7: "Ready to list?" CTA
═══════════════════════════════════════════════════════════════
SEO STRATEGY (heavy local SEO)
═══════════════════════════════════════════════════════════════
- Neighborhood pages with rich content (1500+ words each, schools,
amenities, market trends, recent sales)
- Schema: Product (for each listing), Place (neighborhoods),
Person (agents), Organization
- Google Business Profile claimed and optimized
- Target keywords: "[Neighborhood] homes for sale", "[City] real estate
agents", "homes for sale near [Landmark]"
ADDITIONAL SEO REQUIREMENTS (implement all of these):
On-Page SEO for Every Page:
- Yoast/RankMath meta title template: "[Page Title] | [Site Name]" (under 60 chars)
- Meta description per page: 150-160 chars, include primary keyword + CTA
- Exactly ONE H1 per page — use the real, human headline; keep keywords in the title and meta, not the visible H1
- Logical H2 > H3 heading hierarchy, never skip a level
- Headings should include secondary keywords naturally,
keep the section's real, human label (keywords in title and meta, not stuffed headings)
- Every image must have a descriptive alt attribute with keywords
- Internal links between related content using descriptive anchor text
Structured Data (JSON-LD via Yoast/RankMath + manual where needed):
- Primary schema types: RealEstateAgent, Product
- BreadcrumbList on all pages
- FAQPage schema on any page with an FAQ/accordion section
- Article schema on all blog posts (auto via Yoast)
- Validate schema with Google Rich Results Test before launch
Open Graph & Social Sharing:
- og:title, og:description, og:image, og:url on every page
- twitter:card=summary_large_image on every page
- Default OG image set in Yoast; per-page overrides for key landing pages
- OG images should be 1200x630px, branded, with clear text
Content SEO:
- Write real, useful body copy for every page (not just headings and CTAs).
Every major section needs at least 2-3 sentences of descriptive text
that search engines can index.
- Blog content strategy: 10 seed articles targeting long-tail keywords
related to "real estate listings". List the titles and target keywords.
- Use the primary keyword once or twice where it reads naturally; keep the rest in titles and meta, never stuffed.
- Every CTA should use descriptive anchor text with the service keyword.
Technical SEO:
- XML sitemap split by post type (auto via Yoast)
- Canonical tags on all pages (auto via Yoast)
- robots.txt: allow all, point to sitemap
- 301 redirects plan for any renamed/moved content
- Breadcrumbs enabled via Yoast + schema
- Clean permalinks: pick one post-permalink base that fits the site (do not force /blog/ on a post-centric site); /%postname%/ is fine for pages
- Lazy load all images below the fold, eager load hero/LCP image
- Core Web Vitals targets: LCP < 2.5s, CLS < 0.1, INP < 200ms
SECURITY, ACCESSIBILITY & HONESTY (required):
- Escape all output (esc_html/esc_url/esc_attr), sanitize all input (sanitize_text_field + wp_unslash), and use a nonce + current_user_can() on every form handler and custom action. Emit JSON-LD with wp_json_encode().
- Target WCAG 2.2 AA: visible :focus-visible states, <label for> on every field, full keyboard operability, and @media (prefers-reduced-motion: reduce) around all motion.
- Never fabricate business data, testimonials, ratings, credentials, or stats; leave labeled {{TODO}} placeholders for anything the user has not supplied.
- PLUGIN INSTALL: some listed plugins are premium or not in the wordpress.org directory, so a single `wp plugin install` will error out. Split the list into free (wp.org) vs premium (upload/license), verify each slug, and note that gallery/group ACF fields and ACF Blocks need ACF Pro.
- Commit to ONE paradigm: a block theme (theme.json + block templates) OR a classic theme/builder — never mix them. If a plugin already owns a post type or feed (inventory, sermons, courses, job listings, podcast feeds), extend it — do not re-declare that CPT or emit a second, conflicting schema block.
Local SEO:
- Full NAP (Name, Address, Phone) in footer, consistent across all pages
- Google Business Profile integration (link in footer + schema)
- Location keywords in at least 3 page headings
- Embedded Google Map on contact/location page
- Target keywords include city/region: "real estate listings in [City]"
═══════════════════════════════════════════════════════════════
COMPLIANCE
═══════════════════════════════════════════════════════════════
- Fair Housing logo + text in footer (required)
- MLS attribution / disclaimer (required by your MLS)
- Cookie consent (especially for EU traffic)
- Each agent's license number visible on their profile + listings
═══════════════════════════════════════════════════════════════
PERFORMANCE
═══════════════════════════════════════════════════════════════
- IDX widgets can be slow, cache aggressively
- Image-heavy site, ShortPixel WebP, lazy-load below fold
- Cloudflare for static assets
- Search results page LCP < 3s (acceptable due to map heaviness)
═══════════════════════════════════════════════════════════════
ANTI-PATTERNS TO AVOID
═══════════════════════════════════════════════════════════════
- No animated "JUST LISTED!!!" ribbons across listings
- No emojis in agent bios
- No "Voted #1 Agent" without source citation
- No fake stock photos of agents posing with SOLD signs
- No buried Fair Housing logo
- No autoplay video on hero
- No script/handwritten fonts
- No real Zillow / Redfin logos on direct-booking pages
- No exclamation marks in listing descriptions
- No "DREAM HOME!" all-caps marketing, let photos speak
═══════════════════════════════════════════════════════════════
DELIVERABLE
═══════════════════════════════════════════════════════════════
1. Site map
2. IDX plugin choice + setup walkthrough
3. WP-CLI install commands
4. Agent + Neighborhood CPT + ACF JSON
5. theme.json
6. Homepage block markup (with search bar)
7. Property detail page enhancement
8. Agent profile template
9. Lead routing flow (form → CRM)
10. Neighborhood page content template (1500-word structure)
11. Launch checklist (20 items)
This free prompt gives ChatGPT or Claude a complete build plan for a real estate listings website powered by IDX, with MLS search, a map-based results page, neighborhood pages, agent profiles, and lead capture on every listing. It is built for brokerages and agent teams that want buyers searching live inventory on their own domain instead of sending traffic to a portal. The output is a full WordPress specification wired for IDX and local SEO.
What does the real estate website prompt build?
The plan treats live inventory as the core of the site. The homepage features hand-picked listings and a prominent search, and the main search page returns results on an interactive map with filters for price, beds, baths, and property type. Every listing detail page carries a photo gallery, specs, a mortgage estimate, and a lead form. Neighborhood pages give each area real local content for search, agent profiles pull in each agent’s active listings, and a sold-properties or market-report section builds credibility. Saved searches with email alerts, a mortgage calculator, and a local blog round it out, all delivered as Gutenberg markup on a shared theme.json.
Who is this real estate prompt for?
It fits residential brokerages, agent teams, individual Realtors, and property managers who run IDX or MLS inventory and compete on local search. Marketing coordinators use the plan to keep neighborhood pages and blog content consistent, and it works as a brief for a developer setting up the IDX feed. To gauge the investment before you start, what a WordPress build costs is listed openly, and you can browse our other free AI website prompts for related trades. If you want it handled end to end, our WordPress build service can set up the feed and launch the site.
What’s inside the prompt?
- A brand block for your brokerage name, market, colors, and target buyers and sellers
- A stack recommendation using an IDX plugin such as IMPress for IDX Broker or Realtyna, Yoast SEO, WPForms, and WP Rocket
- A data model for listings, neighborhoods, and agents plus property-type and area taxonomies
- A theme.json design system built for photo-heavy listing cards and fast map pages
- Gutenberg markup for the homepage, map search, listing detail, neighborhood, agent profile, and contact pages
- Neighborhood-page templates written for local “homes for sale in [area]” search
- RealEstateListing and RealEstateAgent structured data, an XML sitemap, and lead-capture setup on every listing
- Core Web Vitals targets for image-heavy pages, caching notes, and a launch checklist covering IDX compliance basics
Frequently asked questions
Does the site connect to my MLS through IDX?
Yes. The plan is built around an IDX plugin like IMPress for IDX Broker or Realtyna, which pulls live MLS inventory into WordPress and keeps it updated. The prompt notes the compliance and attribution rules most MLS boards require so the feed stays in good standing.
Can buyers search on a map and save searches with alerts?
Buyers filter listings by price, bedrooms, and type on an interactive map, then save a search and get email alerts when new inventory matches. Those saved searches also capture a lead, so an active buyer becomes a contact in your pipeline.
Do the neighborhood pages actually help me rank locally?
They are the local-SEO engine of the site. Each neighborhood page carries genuine content about the area, its schools, and market trends alongside current listings, which is what ranks for “homes for sale in [neighborhood]” instead of a thin feed nobody links to.
How are individual listings marked up for search?
Each listing uses RealEstateListing structured data with price, address, and property details, while the brokerage itself is marked up as a RealEstateAgent. That gives search engines and AI answers clean, structured facts about both the property and who to contact.
Where do buyer and seller leads go?
Every listing, neighborhood page, and a dedicated home-valuation form routes through WPForms to your inbox or CRM, tagged by source, so you can tell a listing inquiry from a seller lead and follow up fast.
How to actually run this.
Copy the whole thing
All of it. Do not trim it down, every line is in there for a reason.
Swap in your details
Find the BUSINESS DETAILS part and drop in the real business. Name, what they do, all of it.
Paste and wait
Drop it into Claude for the first pass, or v0 if it is a landing page. Give it a minute.
Clean it up
Tweak the boring 10 percent. Spacing, mobile, that one cringe line. Ship it.
What’s next: from generated code to a website that works
The prompt did the hard 90 percent. What’s left is the boring 10 percent that turns a folder of code into a site people can actually find and trust. Here’s the whole checklist, in order.
1. Buy a domain
Grab your name at a registrar like Namecheap, Cloudflare, or Porkbun — about $10 to $15 a year for a .com. Skip the ten-year prepay and the upsells; you just need the domain and, ideally, the free WHOIS privacy most registrars now include.
2. Put it online
If the AI built you a static site (HTML, CSS, and JavaScript), you can host it for free: drag the folder into Netlify or Vercel, or connect a GitHub repo, then point your domain at it. If it built a WordPress theme, you need WordPress hosting — pick a managed host, install WordPress, upload the theme, and connect the domain. Either way, turn on HTTPS; it’s free and automatic on every modern host.
3. Wire up the parts AI skips
Generated sites almost always ship with a contact form that goes nowhere and a fake “success” message. Connect it to a real endpoint (Formspree, Web3Forms, or a plain mailto link) so leads actually reach you. While you’re in there: add a favicon, swap the placeholder images for your own compressed photos, and open the site on your phone to catch whatever breaks on a small screen.
4. Do the basic SEO and AI-search setup
This is what gets you found on Google and cited by ChatGPT, Perplexity, and AI Overviews. The essentials: a unique title tag and meta description on every page, one clear topic per page, an XML sitemap submitted to Google Search Console, basic structured data (Organization and FAQ schema), and an llms.txt file so AI crawlers can read you. If that reads like a foreign language, our SEO optimization service does it as a flat-fee pass, and our free SEO checklist walks the DIY route step by step.
5. Make it fast
AI builders love shipping four-megabyte images and render-blocking scripts. Compress your images, lazy-load anything below the fold, and run the page through PageSpeed Insights until Core Web Vitals turn green — speed lifts both rankings and conversions, so it’s the rare fix that pays twice. Our speed optimization service handles it if you’d rather not.
6. Get found locally, and measure it
Add analytics (GA4, or a lighter option like Plausible) so you can see what’s working instead of guessing. If you serve a local area, set up a Google Business Profile and use the exact same business name, address, and phone number everywhere — that consistency is what lands you in the map pack and in local AI answers.
7. Keep it alive
A website isn’t set-and-forget, especially on WordPress. Budget for backups, security, and updates so a routine plugin update doesn’t take the site down six months from now. Our care plans cover all of it from $290 a month, or you can do it yourself — you own all the code either way.
When it’s worth handing off
If any of these steps stall you — and hosting, DNS, and SEO stall a lot of people — that’s exactly what we’re for. We build the whole thing at a flat fee, ship it live, and hand you the code on GitHub, having read every line the AI wrote. Or take the free prompts and run with it yourself. Both outcomes are genuinely fine with us.
More from the stash.
Vibe Code an Italian Restaurant Website
Free vibe coding prompt to build a complete Italian restaurant website. One HTML file with menu, reservations, gallery, Google Map, and SEO-ready schema markup.…
Vibe Code a Podcast Network Website
Free vibe coding prompt to build a WordPress podcast network. Multi-show architecture, cross-show discovery, network sponsors, and PodcastSeries schema. Full network setup.
Vibe Code a Music School Website
Free vibe coding prompt to build a music school website. Instruments, teacher bios, pricing, trial lesson booking, and structured data. One HTML file for…
No free weekend? We will build it for you.
This is the exact prompt we would use. Flat fee, real deadline, code is yours.