Real Estate
Real Estate — Virtual Tour Page
Copy-paste layout brief covering Header Bar, Room Navigation, Hotspot Markers and Room Info Panel — hand it to ChatGPT, Claude, or v0 as-is.
Real Estate — Virtual Tour Page is a copy-ready build prompt for real estate pages. Paste it into ChatGPT, Claude, v0 and iterate from the first draft it returns.
Everything on this page — the summary, the category and the how-to — is written by HowToPrompts; the link below goes to the original project.
| Use case | Real Estate |
|---|---|
| Works with | ChatGPT, Claude, v0, Cursor |
| Source | websiteprompts.com |
Create an immersive virtual tour page for a real estate listing. Include these sections:
1. HEADER BAR (Minimal, overlay)
- Property address
- Price: $1,250,000
- Key stats: 4 bed | 3.5 bath | 3,200 sq ft
- "Schedule Tour" button
- "Save" heart icon
- "Share" button
- "Exit Tour" link
2. 360° VIEWER (Full-screen capable)
Main interactive experience:
- Panoramic 360° view
- Click and drag to look around
- Pinch to zoom (mobile)
- Mouse scroll zoom (desktop)
- Gyroscope support (mobile devices)
- VR headset compatible option
Controls:
- Fullscreen toggle
- Zoom in/out buttons
- Auto-rotate toggle
- Reset view button
3. ROOM NAVIGATION
Thumbnail strip or floor plan navigation:
- Clickable room thumbnails
- Current room highlighted
- Room names: Living Room, Kitchen, Primary Bedroom, etc.
- Transition animation between rooms
Floor plan overlay option:
- Show floor plan
- Current position marked
- Click rooms to navigate
- Legend for room types
4. HOTSPOT MARKERS
Interactive points of interest:
- Info hotspots (i icon): Property details
- "Hardwood floors throughout"
- "Custom built-in shelving"
- "New HVAC system (2023)"
- Navigation hotspots (arrow icon): Move to next room
- Video hotspots: Embedded video clips
- Link hotspots: External resources
Hotspot behavior:
- Pulse animation to draw attention
- Click to expand info panel
- Auto-close when clicking elsewhere
5. ROOM INFO PANEL (Slide-out)
When viewing a room:
- Room name and dimensions
- Key features list
- Photo gallery for this room
- Notes: "Recently renovated" etc.
6. TOUR MODES
Toggle between:
- Self-guided: User controls pace
- Guided tour: Auto-play with narration
- Play/pause
- Skip forward/back
- Audio on/off
- Transcript available
7. MEASUREMENT TOOLS
Interactive measuring:
- Room dimensions displayed
- Click two points to measure
- Furniture placement visualization
- "Will my couch fit?" helper
8. BEFORE/AFTER SLIDER (if applicable)
- Renovation comparison
- Staging vs empty
- Slider to compare views
9. MINI MAP
Small corner overlay:
- Shows property outline
- Current viewing position
- Clickable to navigate
- Toggle visibility
10. MEDIA GALLERY
Additional content:
- High-res photos
- Video walkthrough
- Drone footage
- Neighborhood video
- Thumbnail grid access
11. PROPERTY DETAILS PANEL
Expandable sidebar:
- Full property information
- Features list
- School district info
- Tax information
- HOA details
- Agent contact
12. COMPARISON VIEW
For multiple properties:
- Split screen option
- View two tours side-by-side
- Compare similar rooms
13. SCHEDULE TOUR CTA (Persistent)
- "Love this home?"
- "Schedule an In-Person Tour"
- Date/time picker
- Contact form
- "Request More Info" alternative
14. SOCIAL SHARING
- Share tour link
- Embed code for social media
- Email tour to a friend
- QR code for mobile access
15. MOBILE EXPERIENCE
Touch-optimized controls:
- Swipe to navigate
- Pinch to zoom
- Tap hotspots
- Bottom navigation bar
- Portrait and landscape support
16. ACCESSIBILITY FEATURES
- Keyboard navigation
- Screen reader descriptions
- High contrast mode
- Reduced motion option
- Text alternatives for visual content
17. LOADING EXPERIENCE
- Progress indicator
- Low-res preview while loading
- Bandwidth detection
- "Loading Living Room..." status
Design: Immersive, minimal UI that stays out of the way. Dark overlay elements. Smooth transitions. Fast loading. Works on all devices. Professional photography essential. Ambient background music option (off by default).How to use it
- Copy the full prompt with the button above.
- Paste it into your model and add your brand, copy and colours.
- Ask for one section at a time if the first pass is too broad.
Compiled and written by HowToPrompts from public sources. View original source ↗
← Back to Website Prompts