Tutorials • 11 min read • 2,286 words
How to Embed a 3D Tour on Your Real Estate Website: Step-by-Step Guide
Learn how to embed 3D property tours on any real estate website. Complete guide to iframe embedding, CMS integration, WordPress, Wix, and custom implementation.
Key Takeaways
- Embedding takes three steps: copy the embed code, paste into your CMS editor, and adjust dimensions.
- Properly embedded tours increase page engagement by 340% and average time on site by 5+ minutes.
- Most platforms provide responsive iframe embed codes that work with all major website builders.
TL;DR
Copy embed code, paste into CMS editor, adjust dimensions. Embedded tours increase engagement by 340% and keep traffic on your site instead of sending buyers to external platforms.
Why Embedding Matters
Embedded tours increase dwell time, which improves SEO. They keep visitors on your site surrounded by your branding. They create cross-listing discovery opportunities.
Platform-Specific Guides
WordPress: use Custom HTML block. Wix: add HTML Embed element. Squarespace: use Code Block (Business plan required). Custom sites: paste iframe code directly.
Responsive Design
Use a container div with percentage-based dimensions. Set padding-bottom to 56.25% for 16:9. Test on multiple devices. Use lazy loading for performance.
Create a hosted 3D property tour from your next walkthrough.
Upload a property walkthrough video or a raw splat file. SceneHost handles conversion, hosting, embeds, analytics, and lead capture.
Upload a capture