How to Add a Virtual Tour to Your Real Estate Website (CloudPano & Matterport)

Cloudpano
January 31, 2026
5 min read
Share this post

How to Add a Virtual Tour to Your Real Estate Website (CloudPano & Matterport) 🏠🎥

If you want more leads, longer time-on-page, and a better “wow factor” for your listings, you need virtual tours. The good news: it’s easier than most people think to add virtual tour to real estate website pages—whether you’re using WordPress, Squarespace, Wix, Webflow, or a custom-coded site.

This guide walks you through real estate virtual tour integration step-by-step for CloudPano and Matterport, shows best practices for speed and SEO, and explains an important industry shift: the high-profile dispute involving CoStar Group, Zillow, and Matterport—why it matters, and how to protect your marketing from platform lock-in.

You’ll also get a clear, accurate breakdown of the differences between CloudPano and Matterport—and why CloudPano is the better choice for most real estate media businesses that want flexibility, branding control, and long-term distribution. ✅

Why embed tours on your website (not just “share a link”) 🔗✨

Yes, you can paste a tour link into an email or text message. But when you embed virtual tour on real estate website pages, you get extra benefits:

  • Visitors stay on your site longer (good for engagement)
  • You can add supporting content around the tour (property details, CTA buttons, lead forms)
  • You can build SEO authority around “virtual tours for real estate listings” and your local market
  • You control the brand experience (especially with white-label setups)

For 360 virtual tours for real estate websites, embedding is the “pro” move.

Before you embed: pick the right page type 🧭

Most real estate websites use one (or more) of these pages for tours:

Option A: The listing detail page (best for conversions) 🏡

Embed the tour on the page where people already view photos, price, and features.

Option B: A dedicated “Virtual Tour” page (best for SEO) 🔍

Create a page like:

  • /123-main-st-virtual-tour/
  • /virtual-tours/
  • /homes-for-sale/123-main-st-tour/

This is great for ranking and sharing.

Option C: A portfolio / examples page (best for photographers) 📸

If you’re a media provider, a gallery of your best tours builds trust fast.

How to embed a CloudPano virtual tour on your website ☁️🧩

CloudPano supports embedding tours directly on your website and also supports custom/white-labeled domains—meaning your tours can appear under your domain instead of a third-party branded link.

Step 1: Grab your CloudPano embed option 🔗

CloudPano provides guidance on embedding tours onto websites.

In general, you’ll be using an embed snippet (commonly an iframe) that you paste into your website editor.

Step 2: Add it to your website builder 🛠️

Here’s how it usually works by platform:

WordPress

  • Add a “Custom HTML” block
  • Paste the embed code
  • Publish/update

Squarespace

  • Add a “Code” block
  • Paste embed code
  • Save

Wix

  • Add “Embed Code” → “HTML iframe”
  • Paste code
  • Adjust sizing

Webflow

  • Add an “Embed” element
  • Paste code
  • Publish

Custom-coded

  • Paste the iframe into your HTML where you want the tour to appear

Step 3: Make it responsive (so it looks great on mobile) 📱

A tour that looks perfect on desktop but breaks on mobile will lose leads.

Best practice:

  • Ensure your embed is set to fill the container width
  • Use a consistent aspect ratio (16:9 is common)
  • Test on iPhone + Android screen sizes

Step 4: Use a custom domain for brand control (big advantage) 🏷️

CloudPano’s “Whitelabeled Domain” feature lets you publish tours using your own domain for a more branded, professional experience.

This matters because:

  • Your links look like your product
  • It builds trust with clients
  • It reduces dependence on any single platform brand

How to embed a Matterport tour on your website 🧱🌐

Matterport provides official instructions for embedding a 3D model onto a website, including using the embed option (iframe) from the share tools.

Step 1: Get the Matterport embed code 🔗

In Matterport, you can generate embed code for a model and paste it into your site. Matterport’s support docs cover the embed workflow and how to place/resize it effectively.

Step 2: Paste into your site builder 🧩

Same flow as CloudPano:

  • WordPress: Custom HTML block
  • Squarespace/Wix/Webflow: Embed/Code block
  • Custom site: paste iframe

Step 3: Adjust view settings (optional) 🎛️

Matterport supports URL parameters that can modify behavior before you embed, which can help tailor the initial experience.

Important industry context: the CoStar–Zillow–Matterport dispute (and why you should care) ⚠️

If your marketing depends on tours being displayed inside major portals, you need to understand what happened.

The timeline that changed everything 📅

What this means for your website strategy 🧠

No matter which side you believe, the business lesson is simple:

Your own website is the safest “home base.”
When you embed tours on your site, you control the experience even if portal display rules change.

That’s exactly why “embed-first” is a future-proof strategy for virtual tours for real estate listings.

CloudPano vs Matterport: accurate differences (and why CloudPano is better) 🥊🏆

Both platforms let you embed tours. The real difference is how much control you get and how resilient your distribution is.

Matterport: strong for digital-twin workflows 🧱

Matterport is widely known for a “digital twin” style experience and enterprise use cases. It also operates on subscription plans and hosting models (with plan terms and renewal details documented in their support resources).

If you’re doing high-end 3D capture workflows for AEC or facilities, Matterport can be a fit.

CloudPano: built for speed, portability, and branding ☁️

CloudPano emphasizes:

  • Embedding tours on your website
  • Custom/white-labeled domains
  • Publishing to Google Street View/Maps (huge for long-term discoverability)

Why CloudPano is better for most real estate tour businesses ✅

  1. Brand control is stronger
    Custom domain + white label makes your tour delivery look like your brand, not a third party.
  2. Distribution resilience
    The Zillow/Matterport removal situation showed how quickly portal display can change. If your platform strategy is “own your embeds + own your links,” you reduce risk. Source: Zillow removes Matterport 3D home tours from its sites
  3. Google visibility becomes an evergreen asset
    Publishing to Google Street View can turn a tour into a long-lasting marketing asset beyond one listing cycle.
  4. Faster workflow
    CloudPano’s positioning and embedding guidance is centered around simple publishing and integration—especially attractive for photographers and teams shipping lots of listings.

Read More:

How to Choose the Best Virtual Tour Platform

Understanding Your Options Beyond Matterport for Virtual Tours

SEO best practices for embedded tours (easy wins) 🚀🔍

If you want the page to rank for phrases like add virtual tour to real estate website and real estate virtual tour integration, do these:

1) Put indexable text around the embed ✍️

Google can crawl your page content better than it can “understand” what’s inside an iframe.

Add:

  • A short intro paragraph
  • Property highlights (beds/baths/sqft/neighborhood)
  • A CTA (“Schedule a showing” / “Request pricing”)

2) Use keyword-aligned headings ✅

Naturally include these terms in headings and body copy (don’t spam):

  • add virtual tour to real estate website
  • real estate virtual tour integration
  • embed virtual tour on real estate website
  • virtual tours for real estate listings
  • 360 virtual tours for real estate websites

3) Compress your page media 🖼️

Your tour embed should be the star—but your page still needs to load fast:

  • Compress listing photos
  • Lazy-load below-the-fold images
  • Avoid heavy sliders that slow the page

4) Add a clear CTA near the tour ☎️

Examples:

  • “Book a tour”
  • “Request a quote”
  • “Get the full media package”
  • “Talk to our team”

Common embed mistakes to avoid 🚫

  • Embedding too small (visitors can’t use it comfortably)
  • No mobile testing (half your traffic may be mobile)
  • No supporting text (weak SEO + lower conversion)
  • Only relying on portals (risk if policies change)
  • No brand control (your tour looks like someone else’s product)

🚀 Your All-In-One Virtual Experience Stack Starts Here

Share this post
Cloudpano

Choose The Right 360° Camera

Insta360 ONE RS 1-Inch 360 Edition

  • Compact, ready to go anywhere

  • Interchangeable lens that’s upgradeable

  • Dual 1-inch sensors for improved clarity and low light performance

  • Dynamic range and 6K 360° capture

  • 360° photo resolution at 21MP

Learn More

Insta360 X4

  • 8K 360° video recording for ultra-detailed visuals.

  • 4K single-lens mode for traditional wide-angle shots.

  • Invisible selfie stick effect for drone-like perspectives.

  • 2.5-inch touchscreen with Gorilla Glass protection.

  • Waterproof up to 33ft for underwater shooting.

Learn More

Ricoh Theta Z1

  • 360° photo resolution in 23MP

  • Slim design at 24 mm thick

  • Built-in image stabilization for smooth video capture.

  • Internal 19GB storage for photo and video storage.

  • Wireless connectivity for remote control and sharing.

Learn More

Ricoh Theta X

  • 60MP 360° still images for high-resolution photography.

  • 5.7K 360° video recording at 30fps.

  • 2.25-inch touchscreen for intuitive control.

  • USB Type-C port for fast charging and data transfer.

  • MicroSD card slot for expandable storage.

Learn More
Property Marketing
Allows potential buyers to explore properties in detail from anywhere, enhancing the real estate marketing process.
Automotive Spins
Create an interactive virtual showroom and engage affluent digital buyers with live 360º video calls, all through the CloudPano mobile app for a complete automotive sales solution.
Interactive Floor Plans
Create 2D and 3D floor plans with measurements in 4 minutes or less, all from your phone. Download the Floor Plan Scanner app and get your first scan free.

360 Virtual Tours With CloudPano.com. Get Started Today.

Try it free. No credit card required. Instant set-up.

Try it free
Latest posts

See our other posts

Interviews, tips, guides, industry best practices, and news.
CloudPano

Choosing ADA Compliant Walkthrough Software: What to Look For

Not all walkthrough software is built with accessibility in mind, and choosing the wrong platform can quietly exclude a meaningful portion of your audience. This guide breaks down exactly what to look for when evaluating ADA compliant walkthrough software — from keyboard navigation and screen reader support to alt text and caption features — plus the key questions to ask vendors before you commit.
Read post
CloudPano

Should Your Virtual Tour Be ADA Compliant, Even If It's Not Required?

Not every business is legally required to make its virtual tours ADA compliant—but accessibility is still worth considering. This article explores why accessible virtual tours can help businesses reach more people, improve user experience, support inclusive digital experiences, and demonstrate a commitment to accessibility. Discover practical ways to make your virtual tours more accessible and why doing so can be a smart business decision.
Read post
CloudPano

Why the Difference Between ADA Compliant and Non-Compliant Virtual Tours Matters for Your Business

ADA compliance can make a significant difference in how customers experience your virtual tours and interact with your business. This article explains the key differences between ADA compliant and non-compliant virtual tours, including accessibility features such as keyboard navigation, screen reader support, alt text, color contrast, and video captions. Discover how creating more accessible virtual tours can improve the customer experience, support inclusive marketing, reduce accessibility risks, and help your business serve a wider audience.
Read post