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

# Floor Plans

> Create interactive floor plan layouts that help customers visualize and book resources in your coworking space.

## Overview

Floor plans provide visual layouts of your coworking space that help customers understand the physical environment and easily locate available resources for booking. By connecting your floor plan elements to bookable resources, you create an intuitive booking experience where customers can see real-time availability and make reservations directly from the visual layout.
[Inventory → Floor Plans](https://dashboard.nexudus.com/billing/floorPlans)

Interactive floor plans serve multiple purposes in your coworking operation:

* **Visual booking experience**: Customers can see desk locations, meeting rooms, and other resources in their physical context
* **Real-time availability**: Connected resources display current availability status directly on the floor plan
* **Spatial understanding**: New members can familiarize themselves with the space layout before their first visit
* **Efficient resource utilization**: Visual representation helps customers choose optimal locations based on their needs

<Tip>
  Floor plans work best when they accurately represent your physical space layout and are kept up-to-date with any changes to your environment.
</Tip>

## When to Use Floor Plans

Floor plans are most valuable for coworking spaces that want to:

### Enhance the booking experience

* Provide visual context for desk and meeting room selections
* Help customers understand proximity to amenities (kitchens, printers, quiet zones)
* Reduce booking conflicts by showing exact resource locations

### Improve space utilization

* Encourage use of underutilized areas by making them visible
* Help customers find resources that meet their specific needs (window seats, collaborative areas)
* Balance occupancy across different zones of your space

### Support space planning

* Analyze booking patterns across different areas
* Identify high-demand zones for pricing optimization
* Plan future layout changes based on usage data

<Note>
  Floor plans require initial setup time and ongoing maintenance to remain accurate. Consider your team's capacity for creating and updating visual
  content.
</Note>

## Creating Your First Floor Plan

<Steps>
  <Step title="Access the floor plan editor">
    Navigate to **Inventory** → **Desks and Offices** → **Floor Plans** ([View in dashboard](https://dashboard.nexudus.com/billing/floorPlans)) in your admin dashboard and click **Create New Floor Plan**.

    <Check>
      You should see the floor plan editor interface with tools for drawing and editing.
    </Check>
  </Step>

  <Step title="Set up the basic information">
    Configure the essential details for your floor plan:

    * **Name**: Give your floor plan a descriptive name (e.g., "Ground Floor", "Main Workspace")
    * **Description**: Add context about what this floor plan represents
    * **Location**: Associate the floor plan with the correct business location

    <Warning>
      Choose names that clearly identify different areas if you have multiple floor plans to avoid confusion.
    </Warning>
  </Step>

  <Step title="Save and access the floor plan">
    After setting up the basic details, click **Save** to create the floor plan. Wait for it to appear in the floor plan list, then click on it to open the editor and continue building your layout.
  </Step>

  <Step title="Add a background image (optional)">
    Upload an architectural drawing or photo of your space to trace over:

    1. Click on **More Actions** → **Tracing Image** in the editor.
    2. In the form that appears, click the **Choose Image** button to upload a new tracing image.
    3. Use the slider to adjust the scale of the tracing image to fit your floor plan layout.
    4. Upload your image file (JPG, PNG supported)
    5. Adjust the opacity to make tracing easier
    6. Scale and position the image to match your intended floor plan size

    <Tip>
      After adding the tracing image, use the **Scale** icon in the tool to ensure the floor plan is scaled correctly. Measure a known distance in the tracing image (e.g., the length of a wall) and input that distance in the scaling tool. This ensures the floor plan matches the actual dimensions of your space.
    </Tip>

    <Tip>
      Architectural drawings or clean photos work best as background images. Ensure the image clearly shows walls, doors, and major features.
    </Tip>
  </Step>

  <Step title="Draw the basic structure">
    Start building your floor plan structure: - **Walls**: Use the wall tool to outline rooms and define spaces - **Doors**: Add door openings to show
    traffic flow - **Windows**: Mark window locations for natural light reference - **Areas**: Define different zones (quiet area, collaboration zone,
    lounge)
    <Check>Your basic floor plan should show the overall layout and major structural elements.</Check>
  </Step>

  <Step title="Add assets and enclosed areas">
    Place the physical elements that can potentially be connected to bookable resources or contracts. **Assets (Furnishing menu or shortcut 5):** 1.
    Select the appropriate asset tool (desk, chair, table, etc.) 2. Click where you want to place the asset on the floor plan 3. Position and configure
    the asset properties **Enclosed areas (rooms and zones):** 1. Use walls to create enclosed spaces for meeting rooms, phone booths, or private
    offices 2. Ensure the area is fully enclosed with proper door/window openings 3. The enclosed space will automatically be recognized as a named
    area.

    <Info>
      At this stage, you are adding visual elements to the floor plan. These elements can be linked to contracts if needed, but they are not bookable by
      default. To make them bookable, you must connect them to actual resources, as explained in the "Connecting Floor Plan Elements to Bookable
      Resources" section below.
    </Info>
  </Step>

  <Step title="Save">
    Save your floor plan
  </Step>
</Steps>

## Using the Floor Plan Editor

The floor plan editor provides comprehensive tools for creating and modifying your layouts:

### Drawing Tools

<Tabs>
  <Tab title="Structure Tools">
    **Walls**: Create room boundaries and define spaces

    * Click and drag to draw wall segments
    * Walls automatically snap to align with existing structures
    * Use different wall types for different purposes (permanent vs temporary)

    **Doors & Windows**: Mark openings and natural light sources

    * Doors show traffic flow and accessibility
    * Windows help customers choose seats based on lighting preferences
    * Both elements provide important spatial context
  </Tab>

  <Tab title="Asset Tools">
    **Furniture Assets**: Place physical items on your floor plan

    * Desks, chairs, tables, and other furniture
    * Equipment like printers, whiteboards, or specialized tools
    * These assets can be connected to bookable resources later

    **Enclosed Areas**: Create named areas using walls

    * Meeting rooms enclosed by walls with doors
    * Phone booths or private offices
    * Collaborative zones defined by partial walls or barriers
    * Areas must be fully enclosed to be recognized as bookable spaces

    <Note>
      Assets and enclosed areas are visual elements that can potentially become bookable resources, but they're not automatically bookable until connected
      to a resource record.
    </Note>
  </Tab>

  <Tab title="Organization Tools">
    **Areas**: Define zones with different characteristics

    * Quiet zones for focused work
    * Collaboration areas for team projects
    * Social spaces for networking

    **Labels**: Add text to clarify features

    * Amenity locations (printer, kitchen, restroom)
    * Zone descriptions and rules
    * Wayfinding information
  </Tab>
</Tabs>

### Editor Features

#### Multi-select Operations

* Select multiple elements to edit properties simultaneously
* Move groups of related items together
* Apply consistent styling across similar resources

#### Precision Controls

* Grid snapping for aligned layouts
* Measurement tools for accurate spacing
* Copy and paste for repetitive elements

<Warning>Always save your work regularly while editing. Complex floor plans can take time to recreate if changes are lost.</Warning>

## Connecting Floor Plan Elements to Bookable Resources

To make your floor plan interactive for customers, you must connect the visual elements (assets and enclosed areas) to bookable resources through a two-step process:

### Step 1: Create Floor Plan Items

<Steps>
  <Step title="Select an asset or enclosed area">
    In the editor, make sure you are using the "Manage" mode and click on an asset (like a desk or chair) or an enclosed area (like a meeting room) that you want to make bookable.
  </Step>

  <Step title="Associate with a floor plan item">
    When you select an asset or enclosed area, you'll be prompted to:

    **Option 1: Select an existing floor plan item**

    * Select this option if a floor plan item record already exists. Note that if the selected item is currently linked to an asset or area in this or another floor plan, the existing link will be removed and replaced with the new one.
      * Select from the dropdown list of available items

    **Option 2: Create a new floor plan item**

    * Choose this for new elements.
    * Provide a name and description for the floor plan item
    * Set the item type (desk, meeting room, equipment, etc.)

    <Check>The asset or area is now associated with a floor plan item record.</Check>
  </Step>
</Steps>

### Step 2: Connect Floor Plan Items to Resources

<Steps>
  <Step title="Access the floor plan item">
    With the asset or area selected, you'll see the associated floor plan item in the properties panel.
  </Step>

  <Step title="Link to bookable resource">
    In the floor plan item properties: 1. Choose "Connect to Resource" 2. Select the matching resource from your existing resource list 3. Confirm the
    connection

    <Info>
      Resources must first be created in **Inventory** → **Resources** ([View in dashboard](/operators/bookings-and-resources/resources)) before they
      can be connected to floor plan items.
    </Info>

    <Check>Connected floor plan items will show with a background color (green, red or yellow) depending on its availability.</Check>
  </Step>

  <Step title="Configure display settings">
    Set how the connected resource appears to customers: - **Availability colors**: How available, booked, and unavailable states display -
    **Information popup**: What details customers see when clicking the element - **Booking behavior**: Whether customers can book directly from the
    floor plan
  </Step>

  <Step title="Test the connection">
    Save your changes and test in the customer portal to ensure:

    * Elements show correct availability status
    * Customers can view resource details
    * The booking process works smoothly from the floor plan
  </Step>
</Steps>

### Understanding the Connection Hierarchy

The connection process follows this hierarchy:

1. **Physical Element**: Asset (desk, chair) or Enclosed Area (meeting room)
2. **Floor Plan Item**: A record representing one or more bookable elements on the floor plan, which can be linked to a contract or booking.
3. **Resource**: The actual bookable resource configured with pricing, availability rules, and booking settings

<Tip>
  You can have multiple assets associated with the same floor plan item. For example, a desk and chair can both be associated with a single
  "Workstation" floor plan item, which then connects to one bookable resource.
</Tip>

### Customer Booking Experience

When properly configured, customers will see:

1. **Interactive floor plan**: Visual representation of your space with real-time availability
2. **Resource selection**: Click on available resources to see details and book
3. **Availability indicators**: Color coding shows available, booked, and unavailable resources
4. **Booking confirmation**: Standard booking flow with visual context maintained

<Frame caption="Customers can see resource availability and make bookings directly from the floor plan view">
  <img src="https://mintlify.s3.us-west-1.amazonaws.com/nexudus/images/floor-plans/customer-booking-view.png" alt="Customer floor plan booking interface showing available desks in green and booked desks in red" />
</Frame>

## Best Practices

### Design for Clarity

* Use consistent symbols and colors throughout your floor plans
* Keep layouts simple and avoid unnecessary details that might confuse customers
* Provide clear legends explaining color codes and symbols
* Test the floor plan on different devices to ensure usability

### Maintain Accuracy

* Update floor plans immediately when physical changes occur
* Regular audits to ensure resource connections remain accurate
* Train staff on floor plan maintenance procedures

### Optimize for User Experience

* Place important amenities (restrooms, kitchen, exits) clearly on the floor plan
* Consider traffic flow when positioning resources
* Group similar resources together when possible
* Provide multiple zoom levels for complex layouts or break into different floor plans.

### Resource Organization

* Use descriptive names for resources that match floor plan labels
* Include relevant features and equipment in resource descriptions
* Set appropriate booking rules that reflect the physical space constraints
* Consider accessibility requirements in resource placement and descriptions

<Note>
  Floor plans are most effective when they accurately represent your physical space and provide clear, actionable information to customers. Regular
  maintenance and updates ensure the best possible booking experience.
</Note>
