> ## Documentation Index
> Fetch the complete documentation index at: https://visitdocs.planpoint.io/llms.txt
> Use this file to discover all available pages before exploring further.

# What buyers see

> A screen-by-screen walkthrough of the public viewer, so you know what you are building towards.

The public viewer is a two-pane experience: **media on the left, navigation on the right**. On phones the two panes stack, with the photo on top and the list underneath.

## 1. The exterior

The tour opens on the exterior photo. The floor outlines you traced light up on hover, and a single click (or tap) enters that floor.

<Frame caption="Exterior view — hovering a storey highlights it and shows the floor name">
  <img src="https://mintcdn.com/planpoint-visit/0E3RRUq_T5nIh8kn/images/viewer/exterior.png?fit=max&auto=format&n=0E3RRUq_T5nIh8kn&q=85&s=be18fbb505bd05817696e22983e8fac9" alt="Viewer exterior view with one floor outline highlighted" width="1600" height="867" data-path="images/viewer/exterior.png" />
</Frame>

If you uploaded more than one exterior photo, arrows appear so visitors can turn around the building. On mobile, the floors highlight themselves one after another when the tour opens, so it is obvious the photo is interactive.

## 2. The browse panel

The right pane is the buyer's control centre:

* **Floors** — filter the list to one level or show every room.
* **Floorplan / Rooms** — a single toggle that swaps the right pane between the room cards and the floor plan.
* **Language** — a round flag button, shown only when you offer more than one language.
* **Light / dark** — shown only if you enable the dark-mode toggle.
* **⋮** — extra actions on small screens, including **Panorama**.

<Frame caption="The filter row: Floors, the Floorplan/Rooms toggle, the language flag and the theme switch">
  <img src="https://mintcdn.com/planpoint-visit/0E3RRUq_T5nIh8kn/images/viewer/filters.png?fit=max&auto=format&n=0E3RRUq_T5nIh8kn&q=85&s=eda098236b3332268822dbabaf739985" alt="Close-up of the viewer filter row" width="880" height="154" data-path="images/viewer/filters.png" />
</Frame>

Under the filters is the room list. Each card shows the room photo, its name, floor, area and orientation.

## 3. Floor plan view

Choosing a floor — or switching the toggle to **Floorplan** — shows the plan. Every room you traced becomes a clickable shape, and every room with a viewpoint gets a marker showing where the photo was taken and which way the camera was pointing.

<Frame caption="Floor plan view — viewpoint markers, the floor selector and Open Editor">
  <img src="https://mintcdn.com/planpoint-visit/0E3RRUq_T5nIh8kn/images/viewer/floorplan.png?fit=max&auto=format&n=0E3RRUq_T5nIh8kn&q=85&s=fdc6aa29af35dd7fa24ccdfa6a9434db" alt="Viewer floor plan with viewpoint markers and the top-right toolbar" width="1600" height="849" data-path="images/viewer/floorplan.png" />
</Frame>

Top-left is **Back to exterior**. Top-right is a small toolbar with the **floor selector** and **Open Editor**, which launches the [floor plan editor](/features/floorplan-editor).

<Tip>
  Hovering a viewpoint marker can pop up a thumbnail of that room's photo. It is off by default — turn it on with **Viewpoint thumbnails** in the [style editor](/customize/style-editor).
</Tip>

## 4. Room view

Opening a room shows its photo gallery on one side and the floor plan on the other, with the current viewpoint highlighted so the buyer always knows where they are standing.

<Frame caption="Room view — photo gallery with feature hotspots and the two calls to action">
  <img src="https://mintcdn.com/planpoint-visit/0E3RRUq_T5nIh8kn/images/viewer/room.png?fit=max&auto=format&n=0E3RRUq_T5nIh8kn&q=85&s=cbbb294c5ffb82e6f011a588b2459c74" alt="Viewer room view with an open feature hotspot and the action buttons" width="1600" height="847" data-path="images/viewer/room.png" />
</Frame>

From here a buyer can:

* Click any photo to open it fullscreen.
* Click a **feature hotspot** to read about a specific fitting or finish.
* **Reimagine this room with AI** — restyle the photo from a text prompt.
* **Request Information** — send you their details (only when the [form](/features/forms) is enabled).

## 5. Extras

<CardGroup cols={2}>
  <Card title="Panorama" icon="mobile-screen" href="/features/panorama">
    A full-bleed landscape mode for phones and tablets.
  </Card>

  <Card title="Property Map" icon="map-location-dot" href="/features/property-maps">
    When the property belongs to a portfolio map, buyers can browse the whole portfolio.
  </Card>
</CardGroup>