Recorrido 3Dby Facundo Campo Get a quote

3D walkthroughs

How to add a 3D walkthrough to your developer or builder website

By Facundo Campo · · 5 min read

In short: A 3D walkthrough goes on a developer's website embedded in each project's page, so visitors can explore it without leaving the site. It works best near the top of the page, next to the unit details and a clear way to get in touch.

How to add a 3D walkthrough to your developer or builder website · Recorrido 3D

To add a 3D walkthrough to your website, you embed it in the page of each project, so visitors explore the building and its units without leaving your site. It doesn't require rebuilding the website: it goes in like a video would, in a block on the page. What makes the difference isn't the installation, it's where you put it, what you say around it and what you ask the visitor to do next.

The walkthrough link works on its own, and it's great for WhatsApp, email and social media. But having it on your website adds things the loose link doesn't:

  • Visitors stay with you. Someone who arrives from a search or an ad lands on your page, explores the project and finds your contact details, other projects and your track record right there.
  • It builds trust. A developer that shows its units in detail on its own site signals it has nothing to hide. See a developer's website.
  • Everything is in one place. Location, unit types, availability, amenities and the walkthrough itself, without sending the buyer to five different links.
  • Agencies and brokers can point to it. If other brokers sell your project, they can send people to a page that already explains everything.

Where should it go on the page?

The walkthrough should be one of the first things visitors see, not a link buried at the bottom next to the legal fine print. A layout that works for most project pages:

  1. At the top: the project name, a line on what it is and where, and the facade image or the walkthrough itself.
  2. Right after: the walkthrough, or the building view with its floors and units, so visitors can start exploring without scrolling far.
  3. Next to each unit: the unit type, size, number of bedrooms and a button to ask about that specific unit.
  4. Below: location, amenities, finishes, the developer's background and the contact form.

In the Maconda XXIV building demo, an unofficial working demo based on a 12-story building in Quilmes, near Buenos Aires, marketed by Otamendi Propiedades, you can see that logic: the building on its real block, floors you can tap, the floor plan with availability and the photorealistic walkthrough of each apartment. That's the kind of block that goes at the top of the project page.

What text should go with the walkthrough?

The walkthrough does a lot, but it doesn't explain everything. A few short lines next to it help:

  • What the visitor is seeing. "Walk through the two-bedroom on the 5th floor" says more than "Virtual tour."
  • The key facts of the unit. Size, bedrooms, orientation, whether it has a balcony or outdoor space.
  • What's included and what isn't. A note that furniture is for illustration, for example.
  • A clear next step. "Ask about this unit" with a button that opens WhatsApp or a form already mentioning the unit.

That last point looks like a detail, but it changes the quality of the inquiry: the salesperson gets "Hi, I'm interested in the rear two-bedroom on the 5th floor" instead of "Hi, info please." I go into this in qualified real estate leads.

What if you don't have a website of your own?

Many builders don't, or have one that's out of date. That's not a reason to skip the walkthrough. There are simpler options:

  • A single project page, even without a full company website. See a landing page for a real estate project.
  • The walkthrough link on its own, shared on WhatsApp, social media and listing sites. It works on any phone with nothing to install.
  • The agency's website, if a brokerage is selling the project and can embed it on its listing page.

Make sure it works on a phone

Most visits to a project page come from a phone, because they come from a social media ad, a QR code on the site sign or a link sent by message. The walkthrough has to work there, with nothing to install, and without making the page heavy or confusing. It's worth testing the page on your own phone, on mobile data, before you announce it.

The rest of the page matters too: big buttons, short text, a contact option that's easy to reach with a thumb. There's more in 3D walkthroughs on mobile phones.

Keep it up to date

A walkthrough with availability is only useful if the availability is right. If a unit shows as available and it was reserved last week, the buyer who asks about it gets disappointed and the salesperson starts the conversation on the back foot.

Agree on who updates the status of each unit and how often. The rest of the page also ages: a launch date that already passed or a "coming soon" that never changed tells visitors nobody is looking after the project.

I work remotely from Buenos Aires, Argentina (UTC−3). I deliver the walkthrough by link, ready to embed, and your web team, or whoever manages your site, adds it to the page. If you want to see how your project would look on your website, message me on WhatsApp at +54 9 11 6193-3176 or email facundocampo100@gmail.com. I answer in English and Spanish.

Frequently asked questions

Do I need to rebuild my website to add the walkthrough?

No. It goes into an existing page as an embedded block, the same way you'd add a video or a map. Whoever manages your site can add it without changing the rest.

Will the walkthrough slow down my page?

It's designed to load reasonably on a regular mobile connection. It's still worth placing it so the rest of the page, with the text and the contact button, can be read right away.

Can I use the same walkthrough on the website and on WhatsApp?

Yes. It's the same walkthrough: it can be embedded on the page and shared as a link. That way everyone sees the same thing, wherever they found you.

Can the agency selling the project put it on its website too?

Yes. The walkthrough can be embedded on more than one site, so the developer and the brokerages selling the project show the same material.

Keep reading

Furnished living and dining room of a two-bedroom front apartment in a photorealistic 3D walkthrough

Contact

Got a project? Let’s talk.

Tell me what you want to show: a catalog home, a pre-construction building or a single rendering. I’ll get back to you with a proposal and a timeline.